Grades 8-12 | 48 Sessions | 6 Months - 2 Classes Per Week
Empower your teen (Ages 13-18) to build the internet! This hands-on course teaches web design and development using HTML, CSS, and JavaScript. Students will learn to create dynamic websites, master responsive design, implement interactivity, and deploy their own projects online, gaining essential coding skills and a valuable portfolio for the digital age.
Empower your teen (Ages 13-18) to build the internet! This hands-on course teaches web design and development using HTML, CSS, and JavaScript. Students will learn to create dynamic websites, master responsive design, implement interactivity, and deploy their own projects online, gaining essential coding skills and a valuable portfolio for the digital age.
per month
Course Overview
Your Teen's Journey to Becoming a Web Creator!
Does your child love being online and wonder how websites work? Our "Web Design & Development: Create Dynamic Websites with HTML, CSS, JavaScript" course is the perfect opportunity for them to move from being a user to a creator of the web!
This 24-week, hands-on program provides a comprehensive foundation in front-end web development. Students will master the core languages of the internet: HTML for structuring content, CSS for stunning visual design and responsive layouts (so websites look great on any device!), and JavaScript to add exciting interactivity and dynamic features. They'll also delve into foundational design thinking and UI/UX principles using Figma to build user-friendly experiences.
Why This Course for Your Teen?
- Real-World Skills: Learn to build actual websites from scratch using industry-standard, free tools like VS Code and GitHub.
- Unleash Creativity: Transform ideas into captivating online experiences, fostering design and problem-solving abilities.
- Dynamic & Interactive Projects: Go beyond static pages, programming buttons, forms, and even integrating live data from the internet.
- Valuable Portfolio: Deploy their own websites online, creating a tangible portfolio for future academic and career opportunities.
- Future-Ready Advantage: Gain highly sought-after coding skills in a fun, engaging environment, preparing them for tech careers and digital innovation.
Equip your teen with the power to design, build, and publish their own corner of the internet!
Learning Outcomes
Upon completing this course, your teen will be able to:
- Build Foundational Website Structures: Master HTML5 to logically organize content, images, links, forms, and tables on web pages.
- Style Visually Appealing Websites: Apply CSS for creative styling, control layouts using advanced Flexbox and CSS Grid, and implement responsive design for various screen sizes.
- Add Dynamic Interactivity: Program engaging user experiences with JavaScript, including DOM manipulation, event handling, form validation, and simple API integration.
- Apply Design Principles: Understand basic UI/UX concepts, use Figma to wireframe and prototype web designs, and think creatively about user experience.
- Deploy Websites Live: Utilize Git for version control and GitHub Pages to host their completed web projects online, making them accessible to anyone.
- Develop Problem-Solving Skills: Debug code efficiently, troubleshoot layout issues, and independently solve web development challenges.
Course Curriculum
-
- Week 1.1: Introduction to the Web & How Websites Work Unlimited
- Week 1.2: Getting Started with HTML & Document Structure Unlimited
- Week 2.1: HTML Text Elements: Headings & Paragraphs Unlimited
- Week 2.2: HTML Links & Images Unlimited
- Week 3.1: HTML Lists: Ordered & Unordered Unlimited
- Week 3.2: HTML Tables Unlimited
- Week 4.1: Basic HTML Forms Unlimited
- Week 4.2: Semantic HTML5 for Structure Unlimited
-
- Week 5.1: Introduction to CSS & Styling Methods Unlimited
- Week 5.2: CSS Selectors: Element Unlimited
- Week 6.1: CSS Colors & Backgrounds Unlimited
- Week 6.2: CSS Text Styling Unlimited
- Week 7.1: The CSS Box Model Unlimited
- Week 7.2: CSS Display Property: Block Unlimited
- Week 8.1: Introduction to Flexbox (Part 1) Unlimited
- Week 8.2: Flexbox Alignment & Spacing (Part 2) Unlimited
- Week 9.1: Advanced Flexbox (Part 3) Unlimited
- Week 9.2: Introduction to CSS Grid Unlimited
- Week 10.1: CSS Grid Rows & Gaps Unlimited
- Week 10.2: CSS Grid Placement & Areas Unlimited
- Week 11.1: Responsive Design with Media Queries (Intro) Unlimited
- Week 11.2: Advanced Media Queries & Breakpoints Unlimited
- Week 12.1: CSS Transitions Unlimited
- Week 12.2: Basic CSS Animations Unlimited
- Week 13.1: Introduction to JavaScript & Console Unlimited
- Week 13.2: JavaScript Variables & Data Types Unlimited
- Week 14.1: JavaScript Operators Unlimited
- Week 14.2: JavaScript Conditional Statements Unlimited
- Week 15.1: JavaScript Loops Unlimited
- Week 15.2: JavaScript Functions Unlimited
- Week 16.1: DOM Manipulation: Selecting Elements Unlimited
- Week 16.2: DOM Manipulation: Changing Content & Attributes Unlimited
- Week 17.1: DOM Manipulation: Changing Styles Unlimited
- Week 17.2: JavaScript Event Listeners Unlimited
- Week 18.1: JavaScript Arrays Unlimited
- Week 18.2: JavaScript Objects Unlimited
- Week 19.1: JavaScript Form Handling Unlimited
- Week 19.2: Simple Form Validation Unlimited
