Web-Dev-For-Beginners/translations/bn

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

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

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

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

📣 ঘোষণা - জেনারেটিভ এআই-এর জন্য নতুন কোর্স প্রকাশিত হয়েছে

আমাদের নতুন জেনারেটিভ এআই কোর্স মিস করবেন না!

https://aka.ms/genai-js-course লিঙ্কে গিয়ে শুরু করুন!

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

প্রতিটি পাঠে রয়েছে:

• একটি অ্যাসাইনমেন্ট
• একটি জ্ঞান যাচাই
• একটি চ্যালেঞ্জ
  যা আপনাকে শেখাবে:
• প্রম্পটিং এবং প্রম্পট ইঞ্জিনিয়ারিং
• টেক্সট এবং ইমেজ অ্যাপ তৈরি
• সার্চ অ্যাপ

https://aka.ms/genai-js-course লিঙ্কে গিয়ে শুরু করুন!

🌱 শুরু করা যাক

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

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

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

আপনার শিক্ষা আরও এগিয়ে নিতে, আমরা মাইক্রোসফট লার্ন থেকে অতিরিক্ত শিক্ষামূলক উপকরণ অন্বেষণ করার সুপারিশ করি।

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

এই কোর্সটি একটি প্রস্তুত ডেভেলপমেন্ট পরিবেশ নিয়ে আসে! আপনি শুরু করার সময় এটি কোডস্পেসে চালাতে পারেন (একটি ব্রাউজার-ভিত্তিক, ইনস্টলেশনের প্রয়োজন নেই), অথবা আপনার কম্পিউটারে ভিজ্যুয়াল স্টুডিও কোড এর মতো একটি টেক্সট এডিটর ব্যবহার করে স্থানীয়ভাবে চালাতে পারেন।

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

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

এই ধাপগুলো অনুসরণ করুন:

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

কোডস্পেসে কোর্স চালান

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

আপনার কম্পিউটারে স্থানীয়ভাবে কোর্স চালান

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

আমাদের সুপারিশ হলো ভিজ্যুয়াল স্টুডিও কোড ব্যবহার করা, যা একটি বিল্ট-ইন টার্মিনাল সহ আসে। আপনি এখানে ভিজ্যুয়াল স্টুডিও কোড ডাউনলোড করতে পারেন।

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

   

   তারপর, ভিজ্যুয়াল স্টুডিও কোড এর টার্মিনাল খুলুন এবং নিচের কমান্ডটি চালান, <your-repository-url> এর জায়গায় আপনার কপি করা URL বসান:

   git clone <your-repository-url>
   

2. ভিজ্যুয়াল স্টুডিও কোডে ফোল্ডারটি খুলুন। এটি করতে, File > Open Folder এ ক্লিক করুন এবং ক্লোন করা ফোল্ডারটি নির্বাচন করুন।

ভিজ্যুয়াল স্টুডিও কোডের জন্য সুপারিশকৃত এক্সটেনশন:

• লাইভ সার্ভার - ভিজ্যুয়াল স্টুডিও কোডে এইচটিএমএল পেজ প্রিভিউ করার জন্য
• কোপাইলট - কোড দ্রুত লেখার জন্য সহায়ক

📂 প্রতিটি পাঠে রয়েছে:

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

কুইজ সম্পর্কে একটি নোট: সব কুইজ Quiz-app ফোল্ডারে রয়েছে, মোট ৪৮টি কুইজ, প্রতিটিতে তিনটি প্রশ্ন। এগুলো পাঠের মধ্যে লিঙ্ক করা হয়েছে এবং কুইজ অ্যাপটি স্থানীয়ভাবে চালানো বা আজুরে ডিপ্লয় করা যেতে পারে; quiz-app ফোল্ডারের নির্দেশিকা অনুসরণ করুন। এগুলো ধীরে ধীরে স্থানীয় ভাষায় অনুবাদ করা হচ্ছে।

🗃️ পাঠসমূহ

	প্রকল্পের নাম	শেখানো ধারণা	শেখার উদ্দেশ্য	লিঙ্ক করা পাঠ	লেখক
01	শুরু করা যাক	প্রোগ্রামিং এবং টুলসের পরিচিতি	বেশিরভাগ প্রোগ্রামিং ভাষার মৌলিক বিষয় এবং পেশাদার ডেভেলপারদের কাজে সহায়ক সফটওয়্যার সম্পর্কে জানুন	প্রোগ্রামিং ভাষা এবং টুলসের পরিচিতি	জেসমিন
02	শুরু করা যাক	গিটহাবের বেসিক, টিমের সাথে কাজ করা	আপনার প্রকল্পে গিটহাব ব্যবহার করা, কোড বেসে অন্যদের সাথে সহযোগিতা করা	গিটহাবের পরিচিতি	ফ্লোর
03	শুরু করা যাক	অ্যাক্সেসিবিলিটি	ওয়েব অ্যাক্সেসিবিলিটির মৌলিক বিষয়গুলো শিখুন	অ্যাক্সেসিবিলিটির মৌলিক বিষয়	ক্রিস্টোফার
04	জেএস বেসিক	জাভাস্ক্রিপ্ট ডেটা টাইপ	জাভাস্ক্রিপ্ট ডেটা টাইপের মৌলিক বিষয়গুলো শিখুন	ডেটা টাইপ	জেসমিন
05	জেএস বেসিক	ফাংশন এবং মেথড	অ্যাপ্লিকেশনের লজিক প্রবাহ পরিচালনার জন্য ফাংশন এবং মেথড সম্পর্কে জানুন	ফাংশন এবং মেথড	জেসমিন এবং ক্রিস্টোফার
06	জেএস বেসিক	জেএস দিয়ে সিদ্ধান্ত নেওয়া	সিদ্ধান্ত নেওয়ার পদ্ধতি ব্যবহার করে আপনার কোডে শর্ত তৈরি করা শিখুন	সিদ্ধান্ত নেওয়া	জেসমিন
07	জেএস বেসিক	অ্যারে এবং লুপ	জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটা নিয়ে কাজ করুন	অ্যারে এবং লুপ	জেসমিন
08	টেরারিয়াম	এইচটিএমএল অনুশীলন	একটি অনলাইন টেরারিয়াম তৈরি করতে এইচটিএমএল ব্যবহার করুন, লেআউট তৈরিতে মনোযোগ দিন	এইচটিএমএলের পরিচিতি	জেন
09	টেরারিয়াম	সিএসএস অনুশীলন	অনলাইন টেরারিয়াম স্টাইল করতে সিএসএস ব্যবহার করুন, সিএসএসের মৌলিক বিষয় এবং পেজ রেসপন্সিভ করার উপর ফোকাস করুন	সিএসএসের পরিচিতি	জেন
10	টেরারিয়াম	জাভাস্ক্রিপ্ট ক্লোজার, ডিওএম ম্যানিপুলেশন	টেরারিয়ামকে একটি ড্র্যাগ/ড্রপ ইন্টারফেস হিসেবে কাজ করাতে জাভাস্ক্রিপ্ট ব্যবহার করুন, ক্লোজার এবং ডিওএম ম্যানিপুলেশনের উপর ফোকাস করুন	জাভাস্ক্রিপ্ট ক্লোজার, ডিওএম ম্যানিপুলেশন	জেন
11	টাইপিং গেম	একটি টাইপিং গেম তৈরি করুন	কী-বোর্ড ইভেন্ট ব্যবহার করে আপনার জাভাস্ক্রিপ্ট অ্যাপের লজিক চালানোর পদ্ধতি শিখুন	ইভেন্ট-চালিত প্রোগ্রামিং	ক্রিস্টোফার
12	Green Browser Extension	ব্রাউজার নিয়ে কাজ করা	ব্রাউজার কীভাবে কাজ করে, তাদের ইতিহাস এবং একটি ব্রাউজার এক্সটেনশনের প্রথম উপাদানগুলি কীভাবে তৈরি করবেন তা শিখুন	About Browsers	Jen
13	Green Browser Extension	ফর্ম তৈরি করা, একটি API কল করা এবং স্থানীয় স্টোরেজে ভেরিয়েবল সংরক্ষণ করা	স্থানীয় স্টোরেজে সংরক্ষিত ভেরিয়েবল ব্যবহার করে একটি API কল করার জন্য আপনার ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদানগুলি তৈরি করুন	APIs, Forms, and Local Storage	Jen
14	Green Browser Extension	ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস এবং ওয়েব পারফরম্যান্স	এক্সটেনশনের আইকন পরিচালনা করতে ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার করুন; ওয়েব পারফরম্যান্স এবং কিছু অপ্টিমাইজেশন সম্পর্কে জানুন	Background Tasks and Performance	Jen
15	Space Game	জাভাস্ক্রিপ্ট দিয়ে আরও উন্নত গেম ডেভেলপমেন্ট	ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং পাব/সাব প্যাটার্ন সম্পর্কে জানুন, একটি গেম তৈরি করার প্রস্তুতি হিসেবে	Introduction to Advanced Game Development	Chris
16	Space Game	ক্যানভাসে আঁকা	ক্যানভাস API সম্পর্কে জানুন, যা স্ক্রিনে উপাদান আঁকতে ব্যবহৃত হয়	Drawing to Canvas	Chris
17	Space Game	স্ক্রিনে উপাদান সরানো	কার্টেসিয়ান কোঅর্ডিনেট এবং ক্যানভাস API ব্যবহার করে উপাদানগুলিকে কীভাবে গতি দেওয়া যায় তা আবিষ্কার করুন	Moving Elements Around	Chris
18	Space Game	সংঘর্ষ সনাক্তকরণ	কী প্রেস ব্যবহার করে উপাদানগুলিকে একে অপরের সাথে সংঘর্ষ করান এবং প্রতিক্রিয়া দিন এবং গেমের পারফরম্যান্স নিশ্চিত করতে কুলডাউন ফাংশন প্রদান করুন	Collision Detection	Chris
19	Space Game	স্কোর রাখা	গেমের অবস্থা এবং পারফরম্যান্সের উপর ভিত্তি করে গাণিতিক হিসাব করুন	Keeping Score	Chris
20	Space Game	গেম শেষ করা এবং পুনরায় শুরু করা	গেম শেষ করা এবং পুনরায় শুরু করা সম্পর্কে জানুন, যার মধ্যে অ্যাসেট পরিষ্কার করা এবং ভেরিয়েবল মান রিসেট করা অন্তর্ভুক্ত	The Ending Condition	Chris
21	Banking App	একটি ওয়েব অ্যাপে HTML টেমপ্লেট এবং রুট	রাউটিং এবং HTML টেমপ্লেট ব্যবহার করে একটি মাল্টিপেজ ওয়েবসাইটের কাঠামো তৈরি করা শিখুন	HTML Templates and Routes	Yohan
22	Banking App	লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি করা	ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন পরিচালনা সম্পর্কে জানুন	Forms	Yohan
23	Banking App	ডেটা আনা এবং ব্যবহারের পদ্ধতি	আপনার অ্যাপে ডেটা কীভাবে প্রবাহিত হয়, কীভাবে এটি আনা, সংরক্ষণ এবং নিষ্পত্তি করা হয় তা শিখুন	Data	Yohan
24	Banking App	স্টেট ম্যানেজমেন্টের ধারণা	আপনার অ্যাপ কীভাবে স্টেট ধরে রাখে এবং এটি প্রোগ্রাম্যাটিকভাবে কীভাবে পরিচালনা করবেন তা শিখুন	State Management	Yohan

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

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

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

এই প্রোগ্রামটি জাভাস্ক্রিপ্ট, 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।

📘 পিডিএফ

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

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

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

• Generative AI for Beginners
• Generative AI for Beginners .NET
• Generative AI with JavaScript
• Generative AI with Java
• AI for Beginners
• Data Science for Beginners
• ML for Beginners
• Cybersecurity for Beginners
• Web Dev for Beginners
• IoT for Beginners
• XR Development for Beginners
• Mastering GitHub Copilot for Agentic use
• Mastering GitHub Copilot for C#/.NET Developers
• Choose Your Own Copilot Adventure

লাইসেন্স

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

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