45 KiB

Raw Blame History

ওয়েব ডেভেলপমেন্টের জন্য শিক্ষার্থীদের কোর্স - একটি পাঠ্যক্রম

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

আজুর এআই ফাউন্ড্রি ডিসকর্ড কমিউনিটিতে যোগ দিন

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

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

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

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

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

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

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

📣 ঘোষণা - জেনারেটিভ 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 ফোল্ডারে অন্তর্ভুক্ত, মোট ৪৮টি কুইজ, প্রতিটিতে তিনটি প্রশ্ন। এগুলো এখানে পাওয়া যাবে। 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	স্পেস গেম	জাভাস্ক্রিপ্ট দিয়ে আরও উন্নত গেম ডেভেলপমেন্ট	ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং Pub/Sub প্যাটার্ন সম্পর্কে জানুন, গেম তৈরির প্রস্তুতি হিসেবে	উন্নত গেম ডেভেলপমেন্টের পরিচিতি	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 ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবে অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল ভাষায় থাকা নথিটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদ ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যা হলে আমরা দায়বদ্ধ থাকব না।

45 KiB Raw Blame History