Diploma in Web Design & Development (DWDD)

মডিউল ১: ওয়েব ডিজাইনের মৌলিক ধারণা ও HTML (Basics of Web Design & HTML)
এই মডিউলে শিক্ষার্থীরা ওয়েবসাইট কীভাবে কাজ করে এবং ওয়েবসাইটের কাঠামো তৈরি করতে শেখে।
• ইন্টারনেট ও ওয়েব বেসিক: ওয়ার্ল্ড ওয়াইড ওয়েব (WWW), ডোমেইন, হোস্টিং, ব্রাউজার এবং সার্ভার।
• HTML5 পরিচিতি: HTML এর গঠন, ট্যাগ, এলিমেন্ট এবং অ্যাট্রিবিউট।
• HTML কাঠামোগত উপাদান: হেড, প্যারাগ্রাফ, লিস্ট, লিংক, ইমেজ, টেবিল।
• ফর্ম ও ইনপুট: ইউজার ডাটা সংগ্রহের জন্য ফর্ম তৈরি (ইনপুট, বাটন, রেডিও বোতাম, ড্রপডাউন)।
• সেমান্টিক মার্কআপ: <header>, <footer>, <nav>, <article> এর সঠিক ব্যবহার।
মডিউল ২: স্টাইলিং উইথ CSS3 (Cascading Style Sheets)
HTML দিয়ে তৈরি কাঠামোকে সুন্দর ও আকর্ষণীয় করার জন্য CSS ব্যবহার করা হয়।
• CSS পরিচিতি: ইনলাইন, ইন্টারনাল এবং এক্সটার্নাল স্টাইলশিট।
• সিলেক্টর ও প্রপার্টি: ক্লাস, আইডি, ট্যাগ সিলেক্টর এবং বিভিন্ন CSS প্রপার্টি (কালার, ফন্ট, ব্যাকগ্রাউন্ড)।
• বক্স মডেল: মার্জিন, প্যাডিং, বর্ডার এবং কন্টেন্ট উইডথ/হাইট।
• লেআউট সিস্টেম: ডিসপ্লে (ব্লক, ইনলাইন), পজিশনিং (স্ট্যাটিক, রিলেটিভ, অ্যাবসলিউট, ফিক্সড)।
• ফ্লেক্সবক্স (Flexbox) ও গ্রিড (CSS Grid): আধুনিক লেআউট তৈরি করার শক্তিশালী পদ্ধতি।
• রেসপন্সিভ ডিজাইন (Responsive Design): মিডিয়া কুয়েরি ব্যবহার করে মোবাইল, ট্যাবলেট এবং ডেস্কটপের জন্য ওয়েবসাইট তৈরি।
মডিউল ৩: ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক (Bootstrap 5 বা Tailwind CSS)
দ্রুত রেসপন্সিভ ওয়েবসাইট তৈরি করার জন্য জনপ্রিয় ফ্রেমওয়ার্ক শেখানো হবে।
• Bootstrap/Tailwind পরিচিতি: সেটআপ এবং ইন্সটলেশন।
• গ্রিড সিস্টেম: রেসপন্সিভ কলাম নিয়ে কাজ করা।
• ইউটিলিটি ক্লাস: দ্রুত স্টাইলিং এবং স্পেসিং।
• কম্পোনেন্ট: নেভবার, বাটন, কার্ড, মোডাল, ক্যারোসেল ব্যবহার।
মডিউল ৪: প্রোগ্রামিংয়ের ভিত্তি ও JavaScript (JavaScript Essentials)
ওয়েবসাইটকে ইন্টারঅ্যাক্টিভ এবং ডাইনামিক করার জন্য জাভাস্ক্রিপ্ট অপরিহার্য।
• JavaScript পরিচিতি: সিনট্যাক্স, ভেরিয়েবল, ডাটা টাইপ।
• কন্ট্রোল ফ্লো: কন্ডিশনাল স্টেটমেন্ট (if-else, switch) এবং লুপ (for, while)।
• ফাংশন: ফাংশন তৈরি এবং কল করা, প্যারামিটার ও রিটার্ন ভ্যালু।
• DOM Manipulation (Document Object Model): জাভাস্ক্রিপ্ট দিয়ে HTML এলিমেন্ট পরিবর্তন, যোগ বা মুছে ফেলা।
• ইভেন্ট হ্যান্ডলিং: ক্লিক, হোভার, ফর্ম সাবমিট ইত্যাদি ইভেন্টে রেসপন্স করা।
• ES6 মডার্ন সিনট্যাক্স: অ্যারো ফাংশন, লেট/কনস্ট, ডেসট্রাকচারিং।
মডিউল ৫: ব্যাক-এন্ড ডেভেলপমেন্ট ও ডাটাবেস (Server Side Development with PHP & MySQL)
ওয়েবসাইটকে ডাইনামিক এবং ডাটা সংরক্ষণের ব্যবস্থা করা।
• PHP পরিচিতি: সার্ভার সাইড স্ক্রিপ্টিং ভাষা।
• PHP সিনট্যাক্স: ভেরিয়েবল, অ্যালো, লুপ, কন্ডিশন।
• ফর্ম হ্যান্ডলিং: $_GET এবং $_POST ব্যবহার করে ফর্মের ডাটা প্রসেস করা।
• ডাটাবেস (MySQL): ডাটাবেস তৈরি, টেবিল তৈরি এবং ডাটা ইনসার্ট, আপডেট, ডিলিট।
• CRUD অপারেশন: Create, Read, Update, Delete - PHP এবং MySQL এর মধ্যে সংযোগ স্থাপন।
• সেশন ও কুকিজ: ব্যবহারকারী লগইন/লগআউট সিস্টেম তৈরি।
মডিউল ৬: প্রফেশনাল ডেভেলপমেন্ট টুলস ও পাবলিশিং (Tools & Deployment)
ওয়েবসাইট লাইভ করার জন্য প্রয়োজনীয় টুলস।
• গিট ও গিটহাব (Git & GitHub): ভার্সন কন্ট্রোল এবং কোড সংরক্ষণের নিয়ম।
• হোস্টিং ও ডোমেইন: সিপ্যানেল (cPanel) ব্যবহার করে ডোমেইন ও হোস্টিং কেনা এবং ওয়েবসাইট আপলোড করা।
• এফটিপি (FTP): ফাইল ট্রান্সফার প্রোটোকল।
মডিউল ৭: কন্টেন্ট ম্যানেজমেন্ট সিস্টেম (WordPress Customization)
বর্তমানে সবচেয়ে জনপ্রিয় CMS দিয়ে দ্রুত ওয়েবসাইট তৈরি।
• WordPress পরিচিতি: ড্যাশবোর্ড পরিচিতি।
• থিম ও প্লাগইন: থিম কাস্টমাইজেশন এবং প্রয়োজনীয় প্লাগইন ইন্সটল।
• Elementor: পেজ বিল্ডার ব্যবহার করে ডিজাইন তৈরি।
• WooCommerce: ইকমার্স সাইট তৈরি।
মডিউল ৮: প্রজেক্ট ওয়ার্ক ও পোর্টফোলিও বিল্ডিং (Final Project & Portfolio)
কোর্স শেষে বাস্তবসম্মত প্রজেক্ট তৈরি।
• প্রজেক্ট ১: একটি সম্পূর্ণ স্ট্যাটিক রেসপন্সিভ ওয়েবসাইট।
• প্রজেক্ট ২: একটি ডাইনামিক ব্লগ বা ইকমার্স ওয়েবসাইট (PHP/WordPress)।
• পোর্টফোলিও তৈরি: নিজের কাজের বিবরণ দিয়ে একটি পোর্টফোলিও ওয়েবসাইট তৈরি।
মডিউল ৯: ফ্রিল্যান্সিং ও ক্যারিয়ার গাইডলাইন (Career & Freelancing)
কোর্স শেষে চাকরির বা আয়ের প্রস্তুতি।
• মার্কেটপ্লেস পরিচিতি: আপওয়ার্ক (Upwork), ফাইভার (Fiverr) অ্যাকাউন্ট তৈরি এবং প্রোফাইল সাজানো।
• বিডিং ও প্রপোজাল: কীভাবে কাজ পাওয়ার জন্য আবেদন করতে হবে।
• ইন্টারভিউ প্রস্তুতি: ওয়েব ডিজাইনার হিসেবে চাকরির ইন্টারভিউয়ের জন্য নিজেকে প্রস্তুত করা।