→ Web Development কী?
→ ওয়েবসাইট কীভাবে কাজ করে (browser, server, internet)
→ Frontend vs Backend সহজ ভাষায়- HTML কী?
→ ওয়েবপেজের কাঠামো (হাড়)- CSS & Tailwind কী?
→ ওয়েবপেজের সাজসজ্জা (পোশাক)- JavaScript & React কী?
→ ওয়েবপেজের কার্যকারিতা (মস্তিষ্ক) – AI কী এবং আমরা কীভাবে ব্যবহার করবো?
→ ChatGPT, Claude, Copilot, v0.dev, Bolt.new পরিচিতি
→ AI দিয়ে কোড লেখা, বোঝা ও ঠিক করা – Web Development দিয়ে আয় করার উপায়।

→ VS Code সেটআপ ও Live Server এক্সটেনশন
– প্রথম HTML ফাইল তৈরি (head, body, tags)
– CSS দিয়ে styling (color, font, margin, padding)
– AI দিয়ে HTML/CSS কোড জেনারেট ও বোঝা
– প্র্যাকটিস: AI দিয়ে একটি simple পেজ বানানো

– Variables (let, const), Data Types, console.log
– Functions ও Events (onclick, onmouseover)
– DOM manipulation: getElementById, innerHTML, style
– AI দিয়ে JS কোড লেখা ও বোঝা
– Mini project: Button click করলে text বদলায়

– Portfolio website structure (Hero, About, Skills, Projects, Contact)
– AI দিয়ে Navigation + Hero section তৈরি
– About Me ও Skills section (AI-generated content + code)
– Google Fonts ও Font Awesome আইকন
– JS যোগ: Smooth scroll navigation, active menu highlight

– Arrays ও Loops (for loop) — সহজ উদাহরণ দিয়ে
– Conditions (if/else)
– Form validation বেসিক (input খালি থাকলে alert দেখানো)
– AI দিয়ে JS debug করা (error message paste করে fix করা)
– Mini project: Contact form validation

– Projects section (card layout, AI-generated dummy projects)
– Contact form (HTML + JS validation)
– Footer + social links
– JS যোগ: Dark/Light mode toggle button
– Mobile responsive (media queries)
– GitHub account তৈরি ও GitHub Pages-এ deploy
– Portfolio live link পাওয়া ও peer review

– Landing Page কী, Portfolio থেকে পার্থক্য
– Sections: Hero, Features, Testimonials, CTA, Footer
– AI দিয়ে product/service idea বাছাই ও copywriting
– Bolt.new / v0.dev দিয়ে পুরো Landing Page draft তৈরি
– Wireframe review ও content finalize

– Hero section (bold headline + CTA button)
– Features/Benefits section (icon + text cards)
– Testimonials ও Pricing/CTA section
– JS যোগ: Countdown timer (offer deadline)
– JS যোগ: FAQ accordion (click করলে answer দেখায়)
– AI দিয়ে এই JS features তৈরি ও customize করা

– পুরো Landing Page responsive check
– JS যোগ: Scroll animation (AOS library)
– Performance ও design final review
– GitHub Pages-এ deploy ও live link তৈরি
– দুটো প্রজেক্টের live link একসাথে review

– প্রতিটি student Portfolio ও Landing Page present করবে
– Peer feedback session
– পরবর্তী শেখার রোডম্যাপ: React, Tailwind CSS, Backend basics
– Freelancing শুরু করার action plan (Fiverr profile তৈরি, প্রথম gig)
– Certificate / completion acknowledgment