Level 1 : Basics of Web Development
This web development basics course for kids is an easy way for students to enter the world of coding. It is an ideal course for beginners who are new to the world of programming and are excited to build something of their own. Here, students will learn HTML, CSS, and JavaScript (basics) which are the essential tools for building basic websites.
Students will create their first website from the very basics by understanding how web pages are structured and styled. They will use HTML to build the website structure and add content, CSS to make websites look good, and JavaScript to make them interactive. By the end of the course, students will have built their projects, gained confidence, and developed a curiosity for technology. It’s a great way for kids to begin their journey into the world of coding by seeing their creations right in front of their eyes.
Mode
Offline/Online
Duration
5 months
Start Date
Announcing Soon
Eligibility
Grades 5-12
- Master Web Skills: HTML, CSS, Github and basic JavaScript.
- Real-World Practice: Tackle practical coding challenges and real-life examples.
- Responsive Design: Design websites that look great on any device.
- Build 6 Projects: a Personal Portfolio, a Google Clone, a Snake Game, a Dynamic Calculator, a Weather App, and a Live Character Counter
- Expert Guidance: Structured curriculum with buffer weeks and final project time.
- 50+ Coding Questions: Solve a variety of problems, from basic syntax to advanced algorithms.
- Certificate of Completion: Showcase your newfound web development skills to the world.
Live Classes
Twice a week
Class Duration
2 Hours
Doubt session
At the end of every class
Evaluations
Assessments/Quizes
Live Classes
Twice a week
Class Duration
2 Hours
Doubt session
At the end of every class
Evaluations
Assessments/Quizes
Course Lessons
Week 1: Introduction to Web Development & HTML Basics
Overview of web development
Basics of HTML: structure and syntax
HTML tags and Lists in HTML
Week 2: Working with Links, Images, and Forms in HTML
Links in HTML
Image tag
Block and inline elements
HTML Forms
Week 3: Advanced HTML & Multimedia
HTML Tables
Multimedia elements in HTML
Semantic HTML for better structure
Week 4: Getting Started with CSS
Basic styling with CSS
CSS selectors, properties, pseudo-classes, and values
Week 1: Inheritance, Colors, Typography & Developer Tools
- Inheritance in CSS
- Colors in CSS
- Introduction to Chrome Developer Tools
- Typography and font properties
Week 2: CSS Units & Box Model Mastery
- Length units in CSS
- Box model in CSS
Week 3: Positioning and Layout in CSS
- CSS positioning (static, relative, absolute, fixed)
- CSS layout techniques
Week 4: Flexbox, Grid & Display Property
- The display property
- Introduction to Flexbox
- CSS Grid
Week 1: Responsive Web Design Essentials
- Techniques for making websites responsive
- Media queries and mobile-first design principles
Week 2: Project 1 – Personal Portfolio + GitHub Deployment
- Build a personal portfolio website using HTML and CSS
- Learn how to upload projects to GitHub
Week 3: Project 2 – Google Homepage Clone
- Create a Google homepage clone using HTML and CSS
Week 4: Project Review & HTML/CSS Recap
- Recap of HTML and CSS concepts
- Project enhancement and improvements
Week 1: JavaScript Fundamentals
- History, evolution, and basic syntax
- Hands-on coding exercises
Week 2: JavaScript Control Flow & Loops
- If-else, switch
- For loop, while loop
- Hands-on coding
Week 3: JavaScript Functions
- Writing and using functions
- Practice with function-based logic
Week 4: Introduction to the DOM (Document Object Model)
- Accessing and manipulating DOM elements
- Making web pages dynamic with DOM
Week 1: Project – Calculator App
Build a working calculator using HTML, CSS, and JavaScript
Week 2: Project – Weather App with Real-Time API
Use a weather API to fetch and display data
Week 3: Project – Live Character Counter
Create an app that counts characters in real-time as the user types
Week 4: Project – Snake Game
Build a classic snake game using JavaScript
Course Lessons
Week 1: Introduction to Web Development & HTML Basics
- Overview of web development
- Basics of HTML: structure and syntax
- HTML tags and Lists in HTML
Week 2: Working with Links, Images, and Forms in HTML
- Links in HTML
- Image tag
- Block and inline elements
- HTML Forms
Week 3: Advanced HTML & Multimedia
- HTML Tables
- Multimedia elements in HTML
- Semantic HTML for better structure
Week 4: Getting Started with CSS
- Basic styling with CSS
- CSS selectors, properties, pseudo-classes, and values
Week 1: Inheritance, Colors, Typography & Developer Tools
- Inheritance in CSS
- Colors in CSS
- Introduction to Chrome Developer Tools
- Typography and font properties
Week 2: CSS Units & Box Model Mastery
- Length units in CSS
- Box model in CSS
Week 3: Positioning and Layout in CSS
- CSS positioning (static, relative, absolute, fixed)
- CSS layout techniques
Week 4: Flexbox, Grid & Display Property
- The display property
- Introduction to Flexbox
- CSS Grid
Week 1: Responsive Web Design Essentials
- Techniques for making websites responsive
- Media queries and mobile-first design principles
Week 2: Project 1 – Personal Portfolio + GitHub Deployment
- Build a personal portfolio website using HTML and CSS
- Learn how to upload projects to GitHub
Week 3: Project 2 – Google Homepage Clone
- Create a Google homepage clone using HTML and CSS
Week 4: Project Review & HTML/CSS Recap
- Recap of HTML and CSS concepts
- Project enhancement and improvements
Week 1: JavaScript Fundamentals
- History, evolution, and basic syntax
- Hands-on coding exercises
Week 2: JavaScript Control Flow & Loops
- If-else, switch
- For loop, while loop
- Hands-on coding
Week 3: JavaScript Functions
- Writing and using functions
- Practice with function-based logic
Week 4: Introduction to the DOM (Document Object Model)
- Accessing and manipulating DOM elements
- Making web pages dynamic with DOM
Week 1: Project – Calculator App
- Build a working calculator using HTML, CSS, and JavaScript
Week 2: Project – Weather App with Real-Time API
- Use a weather API to fetch and display data
Week 3: Project – Live Character Counter
- Create an app that counts characters in real-time as the user types
Week 4: Project – Snake Game
- Build a classic snake game using JavaScript
Admissions Open Soon!
- Register to block your seat in advance (limited seats)
- Easy monthly instalments - Pay Like tuition
Requirements:
- Familiarity with using a keyboard.
- A laptop for offline classes.
- A laptop or desktop (PC) for online classes.
- A Curious Mind with an enthusiasm to learn and explore!
₹6,000/month ₹4,000/month
