Young Web Developer & Tech Innovator
Stop using technology and start building technology.
Learning Outcomes
What You’ll Achieve
By the end of Level 3, students will be able to:
Build professional websites from scratch
Understand how the internet works
Learn programming fundamentals
Create responsive web pages
Use GitHub to manage projects
Design user-friendly interfaces
Use AI to improve coding productivity
Publish a live website online
Build a portfolio for internships, competitions, or college applications
Curriculum
10 Modules · Full Syllabus
From how the internet works to shipping live sites — every topic, activity, and project included.
Objective Understand what happens when you open a website.
Internet Fundamentals
- What is the Internet?
- How websites work
- What is a Web Browser?
- What is a Web Server?
- Client vs Server
- HTTP vs HTTPS
- Domain Names
- Hosting
- IP Address (Basic)
- DNS (Simple Explanation)
Objective Learn how websites are built.
HTML Basics
- Introduction to HTML
- HTML Document Structure
- Tags
- Elements
- Attributes
Text Elements
- Headings
- Paragraphs
- Bold · Italic · Underline
- Lists
- Horizontal Line
Links
- Internal Links
- External Links
- Email Links
Images
- Insert Images
- Image Size
- Alt Text
Tables
- Rows · Columns · Headers
- Merge Cells
Forms
- Text Fields · Password
- Radio Button · Checkbox
- Dropdown · Textarea
- Submit Button
Semantic HTML
- Header · Footer · Nav
- Section · Article · Main · Aside
Objective Learn how to style websites professionally.
CSS Basics
- Selectors
- Colors · Fonts · Backgrounds
Box Model
- Margin · Padding · Border
Layout
- Display · Position
- Width · Height
Flexbox
- Row · Column
- Alignment · Justify Content · Gap
Grid
- Grid Layout
- Responsive Layout
Effects
- Hover · Shadows · Borders
- Rounded Corners · Opacity
Animation
- Transitions
- Keyframes
- Basic Animation
Responsive Design
- Mobile Friendly Design
- Media Queries
Objective Make websites interactive.
Programming Basics
- Variables · Data Types · Operators
Decision Making
- If · Else · Switch
Loops
- For · While
Functions
- Create Function
- Parameters · Return Value
Arrays
- Store Data
- Loop Through Arrays
DOM Manipulation
- Buttons · Text · Images
- Input Fields
Events
- Click · Hover · Key Press
Objective Learn how to design user-friendly interfaces.
Topics
- What is UI?
- What is UX?
- Color Theory
- Typography
- Spacing · Layout
- User Journey
- Wireframes
- Mobile First Design
- Accessibility Basics
Objective Learn version control.
Topics
- What is Git?
- Repository
- Commit · Push · Pull
- Branch · Clone
- GitHub Profile
- README
- Upload Project
Objective Use AI as a coding assistant.
Topics
- Writing Better Prompts
- AI Code Generation
- Debugging
- Explaining Code
- Documentation
- Code Review
- Learning Faster with AI
- Responsible AI Usage
Objective Publish websites online and introduce custom domains.
Topics
- What is Hosting?
- Free Hosting Platforms
- Publish Website
- Custom Domain (Introduction)
- Portfolio Website
Objective Build career-ready digital presence and collaboration habits.
Topics
- LinkedIn Basics
- Digital Portfolio
- Resume Design
- Email Etiquette
- Online Collaboration
- Freelancing Introduction
- Open Source
- Hackathons
- Coding Competitions
Objective Practice essential cyber safety and digital ethics.
Topics
- Strong Passwords
- Password Managers
- Two-Factor Authentication
- Phishing
- Malware
- Safe Browsing
- Data Privacy
- Digital Footprint
- Cyber Ethics
Hands-On
Real-World Projects
Students complete practical projects throughout the course.
HTML Projects
- Personal Bio Page
- School Website
- Restaurant Landing Page
CSS Projects
- Animated Login Page
- Photo Gallery
- Portfolio Layout
JavaScript Projects
- Calculator
- To-Do List
- Quiz Game
- Stopwatch
- Expense Tracker
- BMI Calculator
UI & AI Projects
- Mobile App Wireframe
- Dashboard Design
- AI Study Assistant Prompt Library
- AI Code Debugging Challenge
Final Capstone Project
My Digital Startup
Students work individually or in teams to create a complete digital product — from idea and design through development, marketing, documentation, and presentation.
Step 01 · Planning
Planning
- Choose a startup idea
- Define the target audience
- Create a simple business plan
Step 02 · Design
Design
- Logo
- Brand Colors
- UI Wireframes
Step 03 · Development
Development
- Multi-page responsive website
- HTML · CSS · JavaScript
- Contact Form (frontend)
Step 04 · Marketing
Marketing
- Social media posts
- Promotional banner
- One-minute promotional video
- AI-assisted marketing content
Step 05 · Documentation
Documentation
- GitHub repository
- Project README
- User guide
Step 06 · Presentation
Presentation
Each student delivers a 5–10 minute presentation demonstrating:
- Their idea
- Website features
- Design choices
- Challenges faced
- Lessons learned
Outcomes
Skills Earned After Level 3
Technical Skills
- Build responsive websites using HTML, CSS, and JavaScript
- Understand how websites and the internet work
- Use Git and GitHub for version control
- Apply UI/UX principles to create user-friendly designs
- Publish websites online
Career & Soft Skills
- Use AI responsibly to accelerate learning and coding
- Create a professional portfolio showcasing projects
- Present technical ideas confidently
- Foundation for advanced programming, apps, AI, or freelancing
Graduation
Portfolio at Graduation
By the end of Level 3, each student will have:
Ready to Build Real Websites?
Join Level 3 and go from using the web to shipping your own live projects and portfolio.