Coding for Kids (Intermediate)

INTRODUCTION:

This course is designed for kids who already understand the basics of HTML and want to move to the next level of web design and development. At this stage, learners stop just “writing code” and start building real, usable websites with proper structure, styling, and layout.

Students will strengthen their CSS skills, learn how modern websites are laid out using Flexbox and Bootstrap, and understand how developers store and share their projects using Git and GitHub. The course focuses heavily on hands-on projects so learners can see the results of their work immediately.

COURSE OBJECTIVES:

By the end of this course, learners will be able to:

• Apply intermediate CSS concepts to style web pages properly
• Use classes and IDs to organize and control page design
• Build responsive layouts using Flexbox and Bootstrap
• Understand how layouts adapt to different screen sizes
• Use Git and GitHub to save, update, and share projects
• Publish websites online using GitHub and Vercel
• Build a complete website portfolio from scratch

COURSE HIGHLIGHTS:

 1. CSS Review and Design Basics

• CSS selectors, syntax, and comments
• Working with colors, text, and backgrounds
• Creating simple page layouts
• Mini Task: Improve the design of an existing HTML page

 2. CSS Styling and Structure

• Understanding classes and IDs
• The CSS box model (margin, padding, border)
• Working with images and fonts
• Project: Design a personal profile card

 3. Layout and Flexbox

• Page layout basics
• Flexbox fundamentals (row, column, center alignment)
• Introduction to responsive design
• Project: Build a simple image gallery layout

 4. Git and GitHub Basics

• What Git and GitHub are and why developers use them
• Creating GitHub and Vercel accounts
• Uploading a project online
• Project: Publish a first online website

 5. Git Commands and Project Updates

• Using git init, add, commit, and push
• Updating and improving existing projects
• Project: Website update challenge

 6. Bootstrap Basics

• What Bootstrap is and how it helps developers
• Using containers and the grid system
• Building responsive layouts easily
• Project: Create a Bootstrap-based webpage

 7. Bootstrap Components and Multi-Page Sites

• Using navbars, buttons, and cards
• Linking multiple pages together
• Project: Build a mini portfolio website

 8. Final Project and Presentation

• Build a full personal website portfolio
• Upload and deploy the project using GitHub and Vercel
• Project presentation and review session

TARGET AUDIENCE:

This course is suitable for:

• Learners who have completed a beginner coding course
• Students interested in web design and development
• Young creators who want to build and publish real websites