Curriculum
6 Sections
45 Lessons
12 Weeks
Expand all sections
Collapse all sections
Module 1: Introduction to Web Development
8
1.1
What is Web Development?
1.2
Overview of web technologies (Frontend vs Backend)
1.3
How websites work
1.4
Introduction to web browsers and hosting
1.5
Basic HTML structure (doctype, html, head, body)
1.6
Creating simple web pages: Adding text, links, and images
1.7
Organizing content with paragraphs, headings, and lists
1.8
Embedding multimedia (audio, video, etc.)
Module 2: Styling with CSS
9
2.1
What is CSS?
2.2
CSS syntax: selectors, properties, and values
2.3
Changing text style (font size, family, color, etc.)
2.4
Box Model: Margin, Border, Padding, and Content
2.5
Positioning elements (relative, absolute, fixed, and sticky)
2.7
Flexbox and Grid for Layouts
2.8
Styling forms and buttons
2.9
CSS transitions and animations for fun effects
2.10
Responsive design with media queries
Module 3: Adding Interactivity with JavaScript
7
3.1
What is JavaScript?
3.2
Introduction to JavaScript syntax: variables, functions, and operators
3.3
Writing basic functions: alert boxes, prompt boxes, and console logs
3.4
Using events: mouse clicks, key presses, and hover effects
3.5
Making Websites Interactive
3.6
Creating dynamic content: Populating a list, toggling visibility
3.7
JavaScript for animations and interactive effects
Module 4: Using Bootstrap for Beautiful Websites
5
4.1
What is Bootstrap?
4.2
Introduction to Bootstrap’s grid system for layouts
4.3
Responsive components: Navbar, buttons, modals, and cards
4.4
Customizing Bootstrap themes and color schemes
4.5
Building a responsive, mobile-first website
Module 5: Version Control with GitHub
5
5.1
What is GitHub?
5.2
Introduction to version control and why it’s important
5.3
How to set up a GitHub account and create a repository
5.4
Uploading and managing code on GitHub
5.5
Collaborating with others on GitHub (basic pull requests)
Module 6: Creating Your Final Project (Portfolio Website)
11
6.1
Planning and Designing Your Website
6.2
How to create a website layout
6.3
Organizing content into pages (home, about, contact)
6.4
Building and Styling Your Portfolio
6.5
Writing HTML, CSS, and JavaScript for a complete site
6.6
Using Bootstrap to make it mobile-friendly
6.7
Connecting your GitHub to showcase your work
6.8
Final Review and Launch
6.9
Testing your website on different devices
6.10
Debugging common website errors
6.11
Deploying your site to the web (using platforms like Netlify or GitHub Pages)
Web Development for Kids
Curriculum
This content is protected, please
login
and enroll in the course to view this content!
Home
Courses
Search
Search
Account
Login with your site account
Lost your password?
Remember Me
Modal title
Main Content