44 KiB

Raw Blame History

এই রিসোর্সগুলো ব্যবহার শুরু করতে নিচের ধাপগুলো অনুসরণ করুন:

রিপোজিটরি ফর্ক করুন: ক্লিক করুন
রিপোজিটরি ক্লোন করুন: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Azure AI Foundry Discord-এ যোগ দিন এবং বিশেষজ্ঞ ও অন্যান্য ডেভেলপারদের সাথে পরিচিত হন

ওয়েব ডেভেলপমেন্ট ফর বিগিনারস - একটি কারিকুলাম

মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের ১২-সপ্তাহের বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলো শিখুন। প্রতিটি ২৪টি লেসনে জাভাস্ক্রিপ্ট, CSS এবং HTML নিয়ে কাজ করা হয় হাতে-কলমে প্রকল্পের মাধ্যমে, যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন এবং স্পেস গেম। কুইজ, আলোচনা এবং ব্যবহারিক অ্যাসাইনমেন্টের মাধ্যমে অংশগ্রহণ করুন। প্রকল্প-ভিত্তিক শিক্ষার মাধ্যমে দক্ষতা বৃদ্ধি করুন এবং জ্ঞান ধরে রাখার ক্ষমতা উন্নত করুন। আজই আপনার কোডিং যাত্রা শুরু করুন!

🌐 বহু-ভাষার সমর্থন

GitHub Action-এর মাধ্যমে সমর্থিত (স্বয়ংক্রিয় এবং সর্বদা আপডেটেড)

যদি আপনি অতিরিক্ত ভাষার অনুবাদ চান, সমর্থিত ভাষার তালিকা এখানে দেওয়া আছে।

🧑‍🎓 আপনি কি একজন শিক্ষার্থী?

Student Hub পেজ দেখুন যেখানে আপনি শিক্ষার্থীদের জন্য রিসোর্স, স্টুডেন্ট প্যাক এবং এমনকি বিনামূল্যে সার্টিফিকেট ভাউচার পাওয়ার উপায় খুঁজে পাবেন। এই পেজটি বুকমার্ক করুন এবং মাঝে মাঝে চেক করুন কারণ আমরা প্রতি মাসে কন্টেন্ট পরিবর্তন করি।

📣 ঘোষণা - জেনারেটিভ AI ব্যবহার করে নতুন প্রকল্প তৈরি করুন

নতুন AI অ্যাসিস্ট্যান্ট প্রকল্প যোগ করা হয়েছে, দেখুন প্রকল্প

📣 ঘোষণা - জেনারেটিভ AI-এর নতুন কারিকুলাম জাভাস্ক্রিপ্টের জন্য প্রকাশিত হয়েছে

আমাদের নতুন জেনারেটিভ AI কারিকুলাম মিস করবেন না!

শুরু করতে ভিজিট করুন https://aka.ms/genai-js-course!

বেসিক থেকে RAG পর্যন্ত সবকিছু নিয়ে লেসন।
GenAI এবং আমাদের সঙ্গী অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রের সাথে ইন্টারঅ্যাক্ট করুন।
মজাদার এবং আকর্ষণীয় গল্প, আপনি সময় ভ্রমণ করবেন!

প্রতিটি লেসনে অন্তর্ভুক্ত রয়েছে:

প্রম্পটিং এবং প্রম্পট ইঞ্জিনিয়ারিং
টেক্সট এবং ইমেজ অ্যাপ জেনারেশন
সার্চ অ্যাপস

শুরু করতে ভিজিট করুন https://aka.ms/genai-js-course!

🌱 শুরু করা

শিক্ষকগণ, আমরা এই কারিকুলাম কীভাবে ব্যবহার করবেন তার জন্য কিছু পরামর্শ অন্তর্ভুক্ত করেছি। আমাদের আলোচনা ফোরামে আপনার মতামত জানাতে ভালো লাগবে!

শিক্ষার্থীরা, প্রতিটি লেসনের জন্য, প্রি-লেকচার কুইজ দিয়ে শুরু করুন এবং লেকচার মেটেরিয়াল পড়ুন, বিভিন্ন কার্যক্রম সম্পন্ন করুন এবং পোস্ট-লেকচার কুইজ দিয়ে আপনার জ্ঞান যাচাই করুন।

আপনার শেখার অভিজ্ঞতা উন্নত করতে, আপনার সহপাঠীদের সাথে প্রকল্পে কাজ করুন! আমাদের আলোচনা ফোরামে আলোচনা উৎসাহিত করা হয় যেখানে আমাদের মডারেটর টিম আপনার প্রশ্নের উত্তর দিতে প্রস্তুত থাকবে।

আপনার শিক্ষা আরও এগিয়ে নিতে, আমরা Microsoft Learn অনুসন্ধান করার জন্য অত্যন্ত সুপারিশ করি যেখানে অতিরিক্ত শিক্ষার উপকরণ রয়েছে।

📋 আপনার পরিবেশ সেট আপ করা

এই কারিকুলামের জন্য একটি ডেভেলপমেন্ট পরিবেশ প্রস্তুত রয়েছে! শুরু করার সময় আপনি Codespace (ব্রাউজার-ভিত্তিক, কোনো ইনস্টল প্রয়োজন নেই) বা আপনার কম্পিউটারে লোকালি একটি টেক্সট এডিটর যেমন Visual Studio Code ব্যবহার করতে পারেন।

আপনার রিপোজিটরি তৈরি করুন

আপনার কাজ সহজে সংরক্ষণ করতে, আপনার নিজস্ব এই রিপোজিটরির একটি কপি তৈরি করার সুপারিশ করা হয়। আপনি পেজের উপরে Use this template বাটনে ক্লিক করে এটি করতে পারেন। এটি আপনার GitHub অ্যাকাউন্টে কারিকুলামের একটি কপি সহ একটি নতুন রিপোজিটরি তৈরি করবে।

নিচের ধাপগুলো অনুসরণ করুন:

রিপোজিটরি ফর্ক করুন: এই পেজের উপরে ডানদিকে থাকা "Fork" বাটনে ক্লিক করুন।
রিপোজিটরি ক্লোন করুন: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Codespace-এ কারিকুলাম চালানো

আপনার তৈরি করা এই রিপোজিটরির কপিতে, Code বাটনে ক্লিক করুন এবং Open with Codespaces নির্বাচন করুন। এটি আপনার কাজ করার জন্য একটি নতুন Codespace তৈরি করবে।

আপনার কম্পিউটারে লোকালি কারিকুলাম চালানো

আপনার কম্পিউটারে লোকালি কারিকুলাম চালানোর জন্য, একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল প্রয়োজন। আমাদের প্রথম লেসন, প্রোগ্রামিং ভাষা এবং টুলস অফ দ্য ট্রেডের পরিচিতি, আপনাকে এই টুলগুলোর বিভিন্ন অপশন সম্পর্কে গাইড করবে যাতে আপনি আপনার জন্য সেরা অপশনটি বেছে নিতে পারেন।

আমাদের সুপারিশ হলো Visual Studio Code ব্যবহার করা, যা একটি বিল্ট-ইন Terminal সহ আসে। আপনি এখানে Visual Studio Code ডাউনলোড করতে পারেন।

আপনার রিপোজিটরি আপনার কম্পিউটারে ক্লোন করুন। আপনি Code বাটনে ক্লিক করে URL কপি করে এটি করতে পারেন:

CodeSpace

তারপর, Visual Studio Code-এর মধ্যে Terminal খুলুন এবং নিচের কমান্ডটি চালান, <your-repository-url> এর জায়গায় আপনার কপি করা URL বসান:
```
git clone <your-repository-url>
```
Visual Studio Code-এ ফোল্ডারটি খুলুন। আপনি File > Open Folder-এ ক্লিক করে এবং আপনার ক্লোন করা ফোল্ডারটি নির্বাচন করে এটি করতে পারেন।

সুপারিশকৃত Visual Studio Code এক্সটেনশন:

Live Server - Visual Studio Code-এর মধ্যে HTML পেজ প্রিভিউ করার জন্য

Copilot - দ্রুত কোড লেখার জন্য সাহায্যকারী

📂 প্রতিটি লেসনে অন্তর্ভুক্ত রয়েছে:

ঐচ্ছিক স্কেচনোট
ঐচ্ছিক সম্পূরক ভিডিও
প্রি-লেসন ওয়ার্মআপ কুইজ
লিখিত লেসন
প্রকল্প-ভিত্তিক লেসনের জন্য, প্রকল্প তৈরি করার ধাপে ধাপে গাইড
জ্ঞান যাচাই
একটি চ্যালেঞ্জ
সম্পূরক পড়াশোনা
অ্যাসাইনমেন্ট
পোস্ট-লেসন কুইজ

কুইজ সম্পর্কে একটি নোট: সব কুইজ Quiz-app ফোল্ডারে সংরক্ষিত আছে, মোট ৪৮টি কুইজ, প্রতিটিতে তিনটি প্রশ্ন। এগুলো এখানে পাওয়া যাবে। কুইজ অ্যাপটি লোকালভাবে চালানো বা Azure-এ ডিপ্লয় করা যেতে পারে; quiz-app ফোল্ডারের নির্দেশনা অনুসরণ করুন।

🗃️ পাঠসমূহ

	প্রকল্পের নাম	শেখানো ধারণা	শেখার লক্ষ্য	সংযুক্ত পাঠ	লেখক
01	শুরু করা	প্রোগ্রামিং এবং প্রয়োজনীয় টুলসের পরিচিতি	বেশিরভাগ প্রোগ্রামিং ভাষার মৌলিক ভিত্তি এবং পেশাদার ডেভেলপারদের কাজে সহায়তা করা সফটওয়্যার সম্পর্কে জানুন	প্রোগ্রামিং ভাষা এবং প্রয়োজনীয় টুলসের পরিচিতি	Jasmine
02	শুরু করা	GitHub-এর বেসিক, টিমের সাথে কাজ করা	আপনার প্রকল্পে GitHub ব্যবহার করা, কোড বেসে অন্যদের সাথে সহযোগিতা করা শিখুন	GitHub-এর পরিচিতি	Floor
03	শুরু করা	অ্যাক্সেসিবিলিটি	ওয়েব অ্যাক্সেসিবিলিটির বেসিক শিখুন	অ্যাক্সেসিবিলিটির মৌলিক বিষয়	Christopher
04	JS বেসিক	জাভাস্ক্রিপ্ট ডেটা টাইপ	জাভাস্ক্রিপ্ট ডেটা টাইপের বেসিক শিখুন	ডেটা টাইপ	Jasmine
05	JS বেসিক	ফাংশন এবং মেথড	অ্যাপ্লিকেশনের লজিক প্রবাহ পরিচালনা করতে ফাংশন এবং মেথড সম্পর্কে জানুন	ফাংশন এবং মেথড	Jasmine এবং Christopher
06	JS বেসিক	জাভাস্ক্রিপ্ট দিয়ে সিদ্ধান্ত নেওয়া	সিদ্ধান্ত গ্রহণের পদ্ধতি ব্যবহার করে কোডে শর্ত তৈরি করা শিখুন	সিদ্ধান্ত নেওয়া	Jasmine
07	JS বেসিক	অ্যারে এবং লুপ	জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটা নিয়ে কাজ করুন	অ্যারে এবং লুপ	Jasmine
08	টেরারিয়াম	HTML অনুশীলন	একটি অনলাইন টেরারিয়াম তৈরি করতে HTML ব্যবহার করুন, লেআউট তৈরি করার উপর ফোকাস	HTML-এর পরিচিতি	Jen
09	টেরারিয়াম	CSS অনুশীলন	অনলাইন টেরারিয়াম স্টাইল করতে CSS ব্যবহার করুন, CSS-এর বেসিক এবং পেজকে রেসপন্সিভ করার উপর ফোকাস	CSS-এর পরিচিতি	Jen
10	টেরারিয়াম	জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন	টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসেবে কার্যকর করতে জাভাস্ক্রিপ্ট তৈরি করুন, ক্লোজার এবং DOM ম্যানিপুলেশনের উপর ফোকাস	জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন	Jen
11	টাইপিং গেম	টাইপিং গেম তৈরি করুন	কী-বোর্ড ইভেন্ট ব্যবহার করে আপনার জাভাস্ক্রিপ্ট অ্যাপের লজিক চালানোর পদ্ধতি শিখুন	ইভেন্ট-চালিত প্রোগ্রামিং	Christopher
12	গ্রিন ব্রাউজার এক্সটেনশন	ব্রাউজারের সাথে কাজ	ব্রাউজার কীভাবে কাজ করে, এর ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদান তৈরি করার পদ্ধতি শিখুন	ব্রাউজার সম্পর্কে	Jen
13	গ্রিন ব্রাউজার এক্সটেনশন	ফর্ম তৈরি করা, API কল করা এবং লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ করা	লোকাল স্টোরেজে সংরক্ষিত ভেরিয়েবল ব্যবহার করে API কল করার জন্য আপনার ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদান তৈরি করুন	API, ফর্ম এবং লোকাল স্টোরেজ	Jen
14	গ্রিন ব্রাউজার এক্সটেনশন	ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরম্যান্স	এক্সটেনশনের আইকন পরিচালনা করতে ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার করুন; ওয়েব পারফরম্যান্স এবং কিছু অপ্টিমাইজেশন সম্পর্কে জানুন	ব্যাকগ্রাউন্ড টাস্ক এবং পারফরম্যান্স	Jen
15	স্পেস গেম	জাভাস্ক্রিপ্ট দিয়ে আরও উন্নত গেম ডেভেলপমেন্ট	ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং পাব/সাব প্যাটার্ন সম্পর্কে জানুন, গেম তৈরি করার প্রস্তুতি হিসেবে	উন্নত গেম ডেভেলপমেন্টের পরিচিতি	Chris
16	স্পেস গেম	ক্যানভাসে আঁকা	ক্যানভাস API সম্পর্কে জানুন, যা স্ক্রিনে উপাদান আঁকার জন্য ব্যবহৃত হয়	ক্যানভাসে আঁকা	Chris
17	স্পেস গেম	স্ক্রিনে উপাদান সরানো	কার্টেসিয়ান কোঅর্ডিনেট এবং ক্যানভাস API ব্যবহার করে উপাদান কীভাবে গতি পেতে পারে তা আবিষ্কার করুন	উপাদান সরানো	Chris
18	স্পেস গেম	সংঘর্ষ সনাক্তকরণ	কীপ্রেস ব্যবহার করে উপাদানগুলোকে একে অপরের সাথে সংঘর্ষ করতে এবং প্রতিক্রিয়া জানাতে শিখুন; গেমের পারফরম্যান্স নিশ্চিত করতে কুলডাউন ফাংশন প্রদান করুন	সংঘর্ষ সনাক্তকরণ	Chris
19	স্পেস গেম	স্কোর রাখা	গেমের অবস্থা এবং পারফরম্যান্সের উপর ভিত্তি করে গাণিতিক হিসাব করুন	স্কোর রাখা	Chris
20	স্পেস গেম	গেম শেষ করা এবং পুনরায় শুরু করা	গেম শেষ করা এবং পুনরায় শুরু করার পদ্ধতি শিখুন, যার মধ্যে অ্যাসেট পরিষ্কার করা এবং ভেরিয়েবল মান পুনরায় সেট করা অন্তর্ভুক্ত	শেষ করার শর্ত	Chris
21	ব্যাংকিং অ্যাপ	HTML টেমপ্লেট এবং ওয়েব অ্যাপে রাউট	রাউটিং এবং HTML টেমপ্লেট ব্যবহার করে মাল্টিপেজ ওয়েবসাইটের আর্কিটেকচার তৈরি করার পদ্ধতি শিখুন	HTML টেমপ্লেট এবং রাউট	Yohan
22	ব্যাংকিং অ্যাপ	লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি করা	ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন পরিচালনা করার পদ্ধতি শিখুন	ফর্ম	Yohan
23	ব্যাংকিং অ্যাপ	ডেটা সংগ্রহ এবং ব্যবহার করার পদ্ধতি	আপনার অ্যাপে ডেটা কীভাবে প্রবাহিত হয়, কীভাবে এটি সংগ্রহ, সংরক্ষণ এবং নিষ্পত্তি করা হয় তা শিখুন	ডেটা	Yohan
24	ব্যাংকিং অ্যাপ	স্টেট ম্যানেজমেন্টের ধারণা	আপনার অ্যাপ কীভাবে স্টেট ধরে রাখে এবং কীভাবে এটি প্রোগ্রাম্যাটিকভাবে পরিচালনা করা যায় তা শিখুন	স্টেট ম্যানেজমেন্ট	Yohan
25	ব্রাউজার/VScode কোড	VScode নিয়ে কাজ করা	কোড এডিটর ব্যবহার করা শিখুন	VScode কোড এডিটর ব্যবহার	Chris
26	AI অ্যাসিস্ট্যান্ট	AI নিয়ে কাজ করা	নিজের AI অ্যাসিস্ট্যান্ট তৈরি করা শিখুন	AI অ্যাসিস্ট্যান্ট প্রকল্প	Chris

🏫 শিক্ষণ পদ্ধতি

আমাদের কারিকুলাম দুটি মূল শিক্ষণ পদ্ধতির উপর ভিত্তি করে তৈরি:

প্রকল্প-ভিত্তিক শিক্ষা
ঘন ঘন কুইজ

এই প্রোগ্রামটি জাভাস্ক্রিপ্ট, HTML এবং CSS-এর মৌলিক বিষয়গুলো শেখায়, পাশাপাশি আজকের ওয়েব ডেভেলপারদের ব্যবহৃত সর্বশেষ টুলস এবং কৌশলগুলো। শিক্ষার্থীরা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, পরিবেশবান্ধব ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম এবং ব্যবসার জন্য একটি ব্যাংকিং অ্যাপ তৈরি করে হাতে-কলমে অভিজ্ঞতা অর্জনের সুযোগ পাবে। সিরিজের শেষে শিক্ষার্থীরা ওয়েব ডেভেলপমেন্ট সম্পর্কে একটি শক্ত ভিত্তি অর্জন করবে।

🎓 আপনি এই কারিকুলামের প্রথম কয়েকটি পাঠ Microsoft Learn-এ একটি Learn Path হিসেবে নিতে পারেন!

প্রকল্পের সাথে সামঞ্জস্য রেখে কন্টেন্ট নিশ্চিত করার মাধ্যমে শিক্ষার্থীদের জন্য প্রক্রিয়াটি আরও আকর্ষণীয় করা হয়েছে এবং ধারণাগুলোর সংরক্ষণ ক্ষমতা বৃদ্ধি পাবে। আমরা জাভাস্ক্রিপ্ট বেসিকের জন্য কয়েকটি স্টার্টার পাঠ লিখেছি, যা "Beginners Series to: JavaScript" ভিডিও টিউটোরিয়াল সংগ্রহের একটি ভিডিওর সাথে যুক্ত, যার কিছু লেখক এই কারিকুলামে অবদান রেখেছেন।

এছাড়াও, ক্লাসের আগে একটি কম ঝুঁকির কুইজ শিক্ষার্থীর একটি বিষয় শেখার উদ্দেশ্য নির্ধারণ করে, এবং ক্লাসের পরে একটি দ্বিতীয় কুইজ আরও ধারণা সংরক্ষণ নিশ্চিত করে। এই কারিকুলামটি নমনীয় এবং মজাদারভাবে ডিজাইন করা হয়েছে এবং এটি সম্পূর্ণ বা আংশিকভাবে নেওয়া যেতে পারে। প্রকল্পগুলো ছোট থেকে শুরু করে ১২-সপ্তাহের চক্রের শেষে ক্রমশ জটিল হয়ে ওঠে।

আমরা ইচ্ছাকৃতভাবে জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলো পরিচয় করানো এড়িয়ে গেছি, কারণ ওয়েব ডেভেলপার হিসেবে ফ্রেমওয়ার্ক গ্রহণের আগে প্রয়োজনীয় মৌলিক দক্ষতা শেখার উপর মনোযোগ দেওয়া হয়েছে। এই কারিকুলাম সম্পন্ন করার পর একটি ভালো পরবর্তী পদক্ষেপ হতে পারে Node.js সম্পর্কে শেখা, যা "Beginner Series to: Node.js" ভিডিও সংগ্রহের মাধ্যমে করা যেতে পারে।

আমাদের Code of Conduct এবং Contributing নির্দেশিকা দেখুন। আমরা আপনার গঠনমূলক মতামতকে স্বাগত জানাই!

🧭 অফলাইন অ্যাক্সেস

আপনি Docsify ব্যবহার করে এই ডকুমেন্টেশনটি অফলাইনে চালাতে পারেন। এই রিপোজিটরি ফর্ক করুন, আপনার লোকাল মেশিনে Docsify ইনস্টল করুন, এবং তারপর এই রিপোজিটরির রুট ফোল্ডারে docsify serve টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টের পোর্ট ৩০০০-এ পরিবেশন করা হবে: localhost:3000।

📘 PDF

সব পাঠের একটি PDF এখানে পাওয়া যাবে।

🎒 অন্যান্য কোর্স

আমাদের টিম অন্যান্য কোর্সও তৈরি করে! দেখুন:

সাহায্য পাওয়া

যদি আপনি আটকে যান বা AI অ্যাপ তৈরি করার বিষয়ে কোনো প্রশ্ন থাকে, যোগ দিন:

যদি আপনার পণ্য সম্পর্কিত মতামত থাকে বা তৈরি করার সময় কোনো ত্রুটি ঘটে, দেখুন:

লাইসেন্স

এই রিপোজিটরি MIT লাইসেন্সের অধীনে লাইসেন্সকৃত। আরও তথ্যের জন্য LICENSE ফাইলটি দেখুন।

অস্বীকৃতি:
এই নথিটি AI অনুবাদ পরিষেবা Co-op Translator ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবে অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল ভাষায় থাকা নথিটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদ ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যা হলে আমরা দায়বদ্ধ থাকব না।

44 KiB Raw Blame History