Skills/Web Development Basics/Roadmap

1. Level 1: Beginner

   2 modules · 11 topics · about 1.5 hours of lessons

   1. Module 1: Website Kaise Banti Hai

      • Website kaise kaam karti hai
      • HTML CSS JavaScript kya hote hain
      • Web development ke liye kya chahiye
      • VS Code kaise install karein
      • Pehli HTML file kaise banayein

   2. Module 2: HTML Ki Shuruaat

      • HTML tag kya hote hain
      • HTML mein heading aur paragraph kaise likhein
      • HTML mein image kaise lagayein
      • HTML mein link kaise banayein
      • HTML mein list kaise banayein
      • HTML mein table kaise banayein

   After this level you canDraft — being reviewed

   • Explain how a website works and what HTML, CSS and JavaScript do
   • Install VS Code and create your first HTML file
   • Write HTML tags, headings and paragraphs
   • Add images, links, lists and tables to a page

2. Level 2: Elementary

   2 modules · 10 topics · about 2 hours of lessons

   1. Module 3: HTML Form

      • HTML form kaise banayein
      • HTML mein input field kaise banayein
      • HTML mein button kaise banayein
      • HTML mein dropdown kaise banayein

   2. Module 4: CSS Se Design

      • CSS kaise likhein
      • CSS mein colour aur font kaise set karein
      • CSS box model kya hota hai
      • CSS Flexbox kaise use karein
      • CSS Grid kaise use karein
      • Website ko mobile friendly kaise banayein

   After this level you canDraft — being reviewed

   • Build an HTML form with input fields, buttons and dropdowns
   • Style a page with CSS colours and fonts
   • Explain the CSS box model
   • Lay out a page with Flexbox and Grid
   • Make a website mobile friendly

3. Level 3: Intermediate

   2 modules · 9 topics · about 2 hours of lessons

   1. Module 5: JavaScript Ki Shuruaat

      • JavaScript kya hai aur kahan likhein
      • JavaScript mein variable kaise banayein
      • JavaScript mein function kaise banayein
      • JavaScript se button click kaise handle karein
      • JavaScript se HTML kaise badlein

   2. Module 6: Ek Poori Website

      • Portfolio website kaise banayein
      • Landing page kaise banayein
      • Website mein navigation bar kaise banayein
      • Website mein footer kaise banayein

   After this level you canDraft — being reviewed

   • Write JavaScript variables and functions
   • Handle button clicks and change HTML with JavaScript
   • Build a portfolio website
   • Build a landing page with a navigation bar and footer

4. Level 4: Advanced

   1 module · 5 topics · about 45 minutes of lessons

   1. Module 7: Website Online Karna

      • Website ko GitHub Pages par kaise daalein
      • Domain name kaise kharidein
      • Hosting kaise lein
      • Website ki speed kaise badhayein
      • Website par SSL kaise lagayein

   After this level you canDraft — being reviewed

   • Publish a website on GitHub Pages
   • Buy a domain name and choose hosting
   • Improve a website's loading speed
   • Add SSL to a website

Lesson times are the lengths of the chosen video lessons, added up per level; practice and revision take longer. Learn at your own pace.