ফ্রন্ট-এন্ড ওয়েব ডেভেলপমেন্ট - মডার্ন জাভাস্ক্রিপ্ট এবং রিয়াক্ট
আমাদের ৪ মাসের এই কোর্স ডিজাইন করা হয়েছে যারা ওয়েব ডেভেলপমেন্টের জগতে ক্যারিয়ার শুরু করতে চান তাদের জন্য। HTML, CSS, জাভাস্ক্রিপ্ট এবং রিয়াক্টের উপর গভীর দক্ষতা অর্জনের মাধ্যমে, শিক্ষার্থীরা ফ্রন্টএন্ড ডেভেলপমেন্টের মৌলিক এবং আধুনিক প্রযুক্তি শিখবে।
এই কোর্সটি শূন্য থেকে শুরু করে প্রফেশনাল লেভেলের প্রশিক্ষন প্রদান করবে।
- প্রথম মাসে শিক্ষার্থীরা HTML, CSS, এবং Tailwind CSS শিখবে।
- দ্বিতীয় মাসে তারা জাভাস্ক্রিপ্টের প্রগ্রামিং কনসেপ্ট এবং DOM ম্যানিপুলেশন সম্পর্কে শিখবে।
- তৃতীয় মাসে শিক্ষার্থীরা রিয়াক্ট ফ্রেমওয়ার্কের ব্যাসিক শিখবে।
- চতুর্থ মাসে শিক্ষার্থীরা রিয়েক্টের আরও অ্যাডভান্সড টপিক রাউটিং, লাইফসাইকেল ম্যানেজমেন্ট, এবং রিউজাবল ডিজাইন শিখবে।
- পুরো কোর্সজুড়ে শিক্ষার্থীরা একটি পোর্টফলিও প্রজেক্ট ধরে এগিয়ে যাবে, এবং শেখা টপিকগুলো প্রজেক্টে এপ্লাই করবে।
কেন এই কোর্সটি সেরা?
- ব্যবহারিক শিক্ষণ: প্রতি সপ্তাহে লেকচারের পাশাপাশি হাতে-কলমে প্র্যাকটিক্যাল সেশন।
- আধুনিক টুলস: টেইলউইন্ড CSS, রিয়েক্ট, এবং জাভাস্ক্রিপ্টের সর্বশেষ ফিচার নিয়ে কাজ করা।
- পোর্টফলিও প্রজেক্ট: পুরো কোর্সজুড়ে শিক্ষার্থীরা একটি সম্পূর্ণ প্রজেক্ট তৈরি করবে যা পোর্টফোলিওতে যোগ করা যাবে।
- ক্যারিয়ার প্রস্তুতি: এই কোর্স শিক্ষার্থীদের ফ্রিল্যান্স মার্কেটপ্লেসে কাজ করার জন্য প্রস্তুত করবে।
আপনি যদি ওয়েব ডেভেলপমেন্ট শিখতে চান এবং ক্যারিয়ার গড়তে আগ্রহী হন, তাহলে এই কোর্সটি আপনার জন্য!
বেসিক ইনফরমেশন
- কোর্সের সময়: ৪ মাস
- সাপ্তাহিক ক্লাস: ৩ দিন (শনিবার, সোমবার এবং বুধবার)
- ক্লাসের সময়: সন্ধ্যা ৭টা থেকে রাত ৯টা পর্যন্ত
- মোট ক্লাস: ৬৪টি
- প্রাক্টিস ক্লাস: সপ্তাহে ১ টি (শুক্রবার)
- এসাইনমেন্ট: ৬টি
- এসেসমেন্ট টেস্ট: ৫টি
- প্রজেক্ট: ১টি কমপ্লিট পোর্টফলিও প্রোজেক্ট
- ভর্তির শেষ সময়: ৩১ ডিসেম্বর ২০২৪
- ক্লাস শুরু: ১ জানুয়ারি ২০২৫
কোর্স প্লান
প্রথম মাস: HTML, CSS, TailwindCSS, এবং রেসপনসিভ ডিজাইন
১ম সপ্তাহ: HTML এর বেসিক ধারণা
- লেকচার ১: HTML এর বেসিক, সেমান্টিক ট্যাগ, এবং বেসিক লেআউট তৈরি।
- লেকচার ২: টেক্সট ফর্মাটিং, লিস্ট, এবং ফর্ম ইনপুট।
- লেকচার ৩: টেবিল, ওয়েব পেজ স্ট্রাকচার এবং প্রজেক্টের সূচনা।
- প্র্যাকটিক্যাল: একটি হোমপেজের স্ট্রাকচার তৈরি করা।
২য় সপ্তাহ: CSS এর বেসিক স্টাইলিং
- লেকচার ১: CSS এর বেসিক - সিলেক্টর, কালার এবং টাইপোগ্রাফি।
- লেকচার ২: বক্স মডেল, পজিশনিং এবং স্পেসিং।
- লেকচার ৩: CSS ইউনিট, ভ্যারিয়েবল, এবং মেইন্টেনেবল স্টাইলের পদ্ধতি।
- প্র্যাকটিক্যাল: হোমপেজের জন্য প্লেইন CSS দিয়ে স্টাইল করা।
৩য় সপ্তাহ: রেসপনসিভ ডিজাইন
- লেকচার ১: ফ্লেক্সবক্স এবং CSS গ্রিড।
- লেকচার ২: রেসপনসিভ টেকনিক এবং মিডিয়া কোয়ারি।
- লেকচার ৩: মোবাইল-ফার্স্ট বনাম ডেস্কটপ-ফার্স্ট ডিজাইন পদ্ধতি।
- প্র্যাকটিক্যাল: প্রজেক্টের জন্য একটি রেসপনসিভ ল্যান্ডিং পেজ এবং নেভিগেশন মেনু তৈরি।
৪র্থ সপ্তাহ: TailwindCSS এবং ইউটিলিটি-ফার্স্ট ডিজাইন
- লেকচার ১: TailwindCSS এর পরিচিতি এবং সেটআপ।
- লেকচার ২: TailwindCSS ইউটিলিটিজ দিয়ে কম্পোনেন্ট স্টাইলিং।
- লেকচার ৩: TailwindCSS এর মাধ্যমে রেসপনসিভ ডিজাইন তৈরি।
- প্র্যাকটিক্যাল: প্লেইন CSS স্টাইলকে TailwindCSS এ রূপান্তরিত করা এবং হোমপেজকে রেসপনসিভ করা।
দ্বিতীয় মাস: জাভাস্ক্রিপ্ট এবং DOM ম্যানিপুলেশন
৫ম সপ্তাহ: জাভাস্ক্রিপ্টের বেসিক
- লেকচার ১: ভ্যারিয়েবল, ডাটা টাইপ এবং অপারেটর।
- লেকচার ২: কন্ডিশনাল স্টেটমেন্ট এবং লুপ।
- লেকচার ৩: ফাংশন এবং স্কোপ।
- প্র্যাকটিক্যাল: প্রব্লেম সলভিং এবং প্রগ্রামিং প্রাক্টিস।
৬ষ্ঠ সপ্তাহ: DOM ম্যানিপুলেশন এবং ইভেন্টস
- লেকচার ১: DOM এর গঠন এবং এলিমেন্ট সিলেক্ট করা।
- লেকচার ২: ইভেন্ট হ্যান্ডলিং এবং ইভেন্ট লিসেনার।
- লেকচার ৩: ডায়নামিকভাবে DOM পরিবর্তন করা।
- প্র্যাকটিক্যাল: প্রজেক্টে একটি মডাল পপআপ বা কলাপসিবল সেকশন যুক্ত করা।
৭ম সপ্তাহ: এডভান্সড জাভাস্ক্রিপ্ট কনসেপ্ট
- লেকচার ১: ডাটা ম্যানেজমেন্টের জন্য অ্যারে এবং অবজেক্ট।
- লেকচার ২: ES6+ ফিচার (যেমন, টেমপ্লেট লিটারাল, ডেস্ট্রাকচারিং)।
- লেকচার ৩: API থেকে ডাটা ফেচ করা।
- প্র্যাকটিক্যাল: প্রজেক্টে একটি সিম্পল প্রোডাক্ট ক্যাটালগ পেজ তৈরি।
৮ম সপ্তাহ: জাভাস্ক্রিপ্ট ডিবাগিং
- লেকচার ১: ব্রাউজার কনসোলে ডিবাগিং।
- লেকচার ২: ক্লিন এবং মেইন্টেনেবল কোডিং পদ্ধতি।
- লেকচার ৩: মডুলার কোড এবং ফাইল স্ট্রাকচার।
- প্র্যাকটিক্যাল: প্রজেক্টের কোড রিফ্যাক্টর করা এবং রিয়েক্ট ইন্টিগ্রেশনের জন্য প্রস্তুতি।
তৃতীয় মাস: রিয়েক্টের বেসিক এবং প্রজেক্ট ইন্টিগ্রেশন
৯ম সপ্তাহ: রিয়াক্ট পরিচিতি
- লেকচার ১: রিয়াক্টের বেসিক ধারণা এবং SPA (Single Page Application)।
- লেকচার ২: রিয়াক্ট প্রজেক্ট সেটআপ (Vite বা Create React App ব্যবহার করে)।
- লেকচার ৩: JSX এবং কম্পোনেন্টসের বেসিক স্ট্রাকচার।
- প্র্যাকটিক্যাল: প্রজেক্টে একটি হেডার এবং ফিচারড প্রোডাক্ট সেকশন তৈরি।
১০ম সপ্তাহ: স্টেট এবং প্রপস ব্যবস্থাপনা
- লেকচার ১: স্টেট ব্যবস্থাপনার জন্য useState হুক।
- লেকচার ২: প্রপস দিয়ে ডাটা পাস করা এবং কম্পোনেন্ট পুনঃব্যবহার।
- লেকচার ৩: ইভেন্ট হ্যান্ডলিং এবং ডাইনামিক ইন্টারঅ্যাকশন।
- প্র্যাকটিক্যাল: প্রজেক্টে একটি ডায়নামিক প্রোডাক্ট ফিল্টার সিস্টেম যোগ করা।
১১তম সপ্তাহ: রিয়েক্ট লাইফসাইকেল এবং useEffect
- লেকচার ১: রিয়েক্ট কম্পোনেন্ট লাইফসাইকেল।
- লেকচার ২: useEffect ব্যবহার করে ডাটা ফেচিং এবং সাইড ইফেক্ট নিয়ন্ত্রন করা।
- লেকচার ৩: রিয়েক্টে API ইন্টিগ্রেশন।
- প্র্যাকটিক্যাল: প্রজেক্টে একটি লাইভ সার্চ ফিচার তৈরি।
১২তম সপ্তাহ: রিয়েক্ট ফর্ম এবং ইন্টারঅ্যাকটিভ UI
- লেকচার ১: কন্ট্রোলড এবং আনকন্ট্রোলড ফর্ম কম্পোনেন্ট।
- লেকচার ২: ফর্ম ভ্যালিডেশন এবং সাবমিশন।
- লেকচার ৩: ইউজার ইন্টারঅ্যাকশন এবং রিয়েক্টের মাধ্যমে ফিডব্যাক।
- প্র্যাকটিক্যাল: প্রজেক্টে একটি চেকআউট ফর্ম যোগ করা।
চতুর্থ মাস: প্রজেক্ট সমাপ্তি এবং অ্যাডভান্সড টপিকস
১৩তম সপ্তাহ: রিয়েক্ট রাউটার এবং মাল্টি-পেজ নেভিগেশন
- লেকচার ১: React Router দিয়ে রাউট সেটআপ।
- লেকচার ২: রাউট প্যারামিটার এবং ডাইনামিক রাউটিং।
- লেকচার ৩: ৪০৪ পেজ এবং রেডিরেকশন হ্যান্ডলিং।
- প্র্যাকটিক্যাল: প্রজেক্টে মাল্টি-পেজ ফাংশনালিটি যুক্ত করা (যেমন, প্রোডাক্ট ডিটেইল পেজ)।
১৪তম সপ্তাহ: স্টাইলিং এবং রেসপনসিভ ডিজাইন
- লেকচার ১: TailwindCSS এর মাধ্যমে এডভান্সড স্টাইলিং।
- লেকচার ২: Styled-components এবং CSS মডিউল।
- লেকচার ৩: রেসপনসিভ ডিজাইন প্যাটার্ন।
- প্র্যাকটিক্যাল: প্রজেক্টের সমস্ত পেজ রেসপনসিভ এবং প্রফেশনাল লুকে সাজানো।
১৫তম সপ্তাহ: প্রজেক্ট টেস্টিং এবং ডিপ্লয়মেন্ট
- লেকচার ১: বাগ ফিক্সিং এবং টেস্টিং স্ট্রাটেজি।
- লেকচার ২: GitHub বা Vercel দিয়ে প্রজেক্ট ডিপ্লয় করা।
- লেকচার ৩: প্রজেক্ট ফাইনাল রিভিউ।
- প্র্যাকটিক্যাল: প্রজেক্ট ডিপ্লয় এবং লাইভ ডেমো তৈরি।
১৬তম সপ্তাহ: ফাইনাল প্রজেক্ট প্রেজেন্টেশন এবং রিভিঊ
- লেকচার ১: ফাইনাল প্রজেক্ট উপস্থাপন এবং সহপাঠীদের কাছ থেকে ফিডব্যাক।
- লেকচার ২: কোর্স টপিক রিক্যাপ এবং পরবর্তি স্টেপ।
- লেকচার ৩: পোর্টফোলিও তৈরি এবং মার্কেটপ্লেসে কাজ খোঁজার পরামর্শ।
- প্র্যাকটিক্যাল: প্রজেক্ট ডেমো এবং ফিডব্যাকের ভিত্তিতে শেষ পরিবর্তন।
ভর্তির ইনফরমেশন
- ভর্তি ফি: ৫০০ টাকা
- কোর্স ফি: ৪৫০০ টাকা
- আবেদনের শেষ তারিখ: ৩১ ডিসেম্বর ২০২৪
এই কোর্সটিতে আল উম্মাহ ট্রাস্টের পক্ষ থেকে কোর্স ফি এর উপর থাকছে ২ লক্ষ টাকার স্কলারশিপ। কোর্স শেষে ফাইনাল পরিক্ষার মাধ্যমে বিজয়ী নির্ধারন করা হবে।
- প্রথম ২০ জন পাবেন ১০০% স্কলারশিপ
- পরবর্তী ২০ জন পাবেন ৭৮% স্কলারশিপ
- পরবর্তী ২০ জন পাবেন ৫৫% স্কলারশিপ
ভর্তি প্রক্রিয়া
ভর্তি হতে প্রথমেই আপনাকে ওয়েবসাইটে লগিন করতে হবে। যদি আপনার আইডি থেকে থাকে তাহলে সেই আইডি দিয়ে লগিন করুন। নতুবা ক্রিয়েট একাউন্টে গিয়ে নতুন আইডি ক্রিয়েট করে লগিন করুন।
কোর্সের নির্ধারিত ভর্তি ফি এবং কোর্স ফি মোবাইল ব্যাংকিং অথবা ব্যাংক একাউন্টে জমা দিন
এরপর ভর্তি ফর্মের সকল তথ্য পূরণ করে সাবমিট করুন।
আপনার সকল তথ্য ঠিক থাকলে ৩ কার্যদিবসের মধ্য আপনাকে কনফার্মেশন মেইল প্রেরণ করা হবে।
পেমেন্টের ঠিকানা
Bkash & Nagad: 01747628812 (personal)
Bank:
Islami Bank Bangladesh Limited(IBBL)
Muin Uddin
A/C: 20507770220391019
Agent Banking service
Eastern Bank PLC
MD. MARUF BILLAH
A/C: 1591050134178
Faridpur Branch