45 KiB

Raw Permalink 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 তৈরি করবে।

!Codespace./images/createcodespace.png)

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

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

আমাদের সুপারিশ হলো 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 বাটনে ক্লিক করুন।

ফোল্ডার খুলুন এবং আপনি যে ফোল্ডারটি ক্লোন করেছেন সেটি নির্বাচন করুন। ভিজ্যুয়াল স্টুডিও কোডের জন্য প্রস্তাবিত এক্সটেনশনসমূহ:

Live Server - ভিজ্যুয়াল স্টুডিও কোডে HTML পেজ প্রিভিউ করার জন্য

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

📂 প্রতিটি পাঠে অন্তর্ভুক্ত:

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

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

🗃️ পাঠসমূহ

	প্রকল্পের নাম	শেখানো ধারণাসমূহ	শেখার লক্ষ্য	লিঙ্ককৃত পাঠ	লেখক
01	শুরু করা	প্রোগ্রামিং এবং প্রয়োজনীয় টুলসের পরিচিতি	বেশিরভাগ প্রোগ্রামিং ভাষার মৌলিক বিষয় এবং পেশাদার ডেভেলপারদের কাজে সহায়ক সফটওয়্যার সম্পর্কে জানুন	প্রোগ্রামিং ভাষা এবং টুলসের পরিচিতি	Jasmine
02	শুরু করা	GitHub-এর বেসিকস, টিমের সাথে কাজ করা	আপনার প্রকল্পে GitHub ব্যবহার করা এবং কোডবেসে অন্যদের সাথে সহযোগিতা করা শিখুন	GitHub-এর পরিচিতি	Floor
03	শুরু করা	অ্যাক্সেসিবিলিটি	ওয়েব অ্যাক্সেসিবিলিটির মৌলিক বিষয় শিখুন	অ্যাক্সেসিবিলিটির মৌলিক বিষয়	Christopher
04	জাভাস্ক্রিপ্ট বেসিক	জাভাস্ক্রিপ্ট ডেটা টাইপ	জাভাস্ক্রিপ্ট ডেটা টাইপের মৌলিক বিষয় শিখুন	ডেটা টাইপ	Jasmine
05	জাভাস্ক্রিপ্ট বেসিক	ফাংশন এবং মেথড	অ্যাপ্লিকেশনের লজিক প্রবাহ পরিচালনার জন্য ফাংশন এবং মেথড সম্পর্কে জানুন	ফাংশন এবং মেথড	Jasmine এবং Christopher
06	জাভাস্ক্রিপ্ট বেসিক	জাভাস্ক্রিপ্ট দিয়ে সিদ্ধান্ত নেওয়া	সিদ্ধান্ত গ্রহণের পদ্ধতি ব্যবহার করে কোডে শর্ত তৈরি করা শিখুন	সিদ্ধান্ত গ্রহণ	Jasmine
07	জাভাস্ক্রিপ্ট বেসিক	অ্যারে এবং লুপ	জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটা নিয়ে কাজ করুন	অ্যারে এবং লুপ	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	ব্রাউজার/ভিএসকোড কোড	ভিএসকোডের সাথে কাজ করা	কোড এডিটর ব্যবহার করা শিখুন	ভিএসকোড কোড এডিটর ব্যবহার	Chris
26	এআই অ্যাসিস্ট্যান্ট	এআই নিয়ে কাজ করা	নিজের এআই অ্যাসিস্ট্যান্ট তৈরি করা শিখুন	এআই অ্যাসিস্ট্যান্ট প্রকল্প	Chris

🏫 শিক্ষাদান পদ্ধতি

আমাদের কারিকুলাম দুটি মূল শিক্ষাদান পদ্ধতির উপর ভিত্তি করে ডিজাইন করা হয়েছে:

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

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

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

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

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

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

আমাদের কোড অফ কন্ডাক্ট এবং অবদান নির্দেশিকা দেখুন। আমরা আপনার গঠনমূলক প্রতিক্রিয়া স্বাগত জানাই!

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

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

📘 পিডিএফ

সব পাঠের একটি পিডিএফ এখানে পাওয়া যাবে।

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

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

লাইসেন্স

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

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

45 KiB Raw Permalink Blame History