NextGen Web Creators™ In-Class Certificate Program for Teens.
In‑Class Web Design & Development Program for Teens.
Ages 13–17 | 10-Month Structured Program | In – Class + Project-Based Learning
About This Program
The NextGen Web Creators™ Certificate Program for Teens is a structured, project-based educational pathway that equips students with foundational and advanced skills in web design and front-end development. Over the course of 12 months, students will learn how websites work, how to construct real web pages using modern standards, and how to create responsive, interactive digital experiences.
This program emphasizes digital literacy, design thinking, and real coding skills. Students complete structured lessons, practical assignments, and portfolio projects, demonstrating measurable outcomes suitable for future academic applications.
The learning journey progresses from fundamental principles to advanced development topics, with assessment through portfolio milestones and project reviews.
NextGen Web Creators™ Program Structure
◍ Target Age: 13–17
◍ Duration: 10 Months. 3 Semesters during school year. 12 week each. Optional Summer Semester.
◍ Schedule: 1–2 Hours per Week
◍ Total Instruction Time: ~ 45 – 55 Hours
◍ Prerequisite: non
◍ Outcome: Certificate in Web Design and development. Web Sites Portfolio.
Delivery Format:
In-Class Learning
Students attend live, instructor-led classes in a structured classroom setting. Each session includes teacher demonstrations, guided practice, and hands-on game-building projects. Immediate feedback and peer collaboration help students stay engaged and confident while learning.
Weekly Time Commitment:
◍ 1 hours in-class. Saint John NB or Quispamsis NB Locations
◍ 1–2 hours in – home projects
Learning Model:
◍ In-Class lessons
◍ Structured assignments
◍ In-Class and Home projects
The websites you build today are the foundations of tomorrow’s digital world.
What College Educators Want Parents to Know
How early skill development supports long-term academic and career success.
Learning Objectives
By completing this program, students will be able to:
◍ Describe how the web works and how websites are structured
◍ Write semantic HTML and style web pages with CSS
◍ Use JavaScript fundamentals to add interactivity
◍ Apply responsive design techniques for multiple screen sizes
◍ Integrate user-centered design (UX/UI) principles
◍ Build and deploy their own portfolio-worthy websites
◍ Demonstrate logical problem-solving and developed coding workflows
◍ Use tools like VS Code, Figma, and Git-friendly environments
Schedule & Tuition
The new in-class course start in September and January.
New Courses start on September 7, 2026
For Summer Semester contact school here
Each class consists of one 60-minute lessons. 4 classes per Month.
Online Training is available in small groups or individually. Read more>>
Certificate of Course Completion
We provide Certificates of completion for students that complete our 40 lessons of NextGen Web Creators™ Course. A Course Completion certificate says you have attended all the classes required, passed all the tests required, and handed in all the work required.
Students complete the program with a professional portfolio. Teens Computer School also provides the graduates with assistance on portfolio and resume preparation for future education in colleges or Universities.
SPOTS AVAILABLE
NextGen Web Creators™ Course Curriculum
Module 1 — Web Foundations & Basics (Weeks 1–8)
Week 1–2: Introduction to the Web
- What the internet is and how browsers request content
- Front-end vs. back-end basics
Project: “My First Webpage” – basic HTML page
Week 3–4: HTML Fundamentals
- Semantic HTML5 elements (headings, paragraphs, lists, links)
- Page structure and document flow
Project: Personal profile site (multi-page)
Week 5–6: CSS Styling Basics
- Color theory, typography, and selectors
- Box model and layout fundamentals
Project: Style the personal site project
Week 7–8: Project Integration & Review
- Putting HTML and CSS together
- Basic debugging practices
Portfolio Milestone: Basic static website submitted
Module 2 — Intermediate Design & Layout (Weeks 9–20)
Week 9–10: Responsive Design Principles
- Media queries and breakpoints
- Flexbox layout
Project: Responsive landing page
Week 11–12: Advanced CSS Concepts
- Grid layout and advanced selectors
- Transitions and animations basics
Project: Interactive style header/section
Week 13–14: UX/UI Fundamentals
- User-centered design basics
- Wireframing and visual hierarchy using Figma
Project: Wireframe designs for capstone site
Week 15–16: Accessibility & Standards
- Accessible markup and best practices
- Alt text, semantic roles
Project: Accessibility audit of own site
Week 17–18: Intro to JavaScript Basics
- Variables, functions, simple DOM manipulation
Project: Interactive page features (menus, toggles)
Week 19–20: Module Review & Debugging Tools
- Browser DevTools and error handling
Portfolio Milestone: Intermediate site with interactivity
Module 3 — Advanced Topics & Real Projects (Weeks 21–36)
Week 21–24: Design Systems & Component Layouts
- Reusable components and modular styling
Project: Build component page (cards, navbars)
Week 25–28: Project Planning & Version Control Concepts
- Project scoping and Git introduction (optional)
Project: Site planning doc + prototype in Figma
Week 29–32: Advanced JavaScript & DOM
- Event handling, forms, validation
Project: Interactive portfolio section
Week 33–36: Deployment & Hosting Basics
- Deploy sites via GitHub Pages or similar
Project: Live hosted student website
Portfolio Milestone: Advanced interactive website uploaded
Module 4 — Capstone & Showcase (Weeks 37–48)
Week 37–40: Capstone Project Creation
- Concept to execution of independent web project
Project: Capstone website (portfolio, blog, or project site)
Week 41–44: Peer & Instructor Review Cycles
- Feedback, revision, refinement
Week 45–48: Portfolio Presentation & Final Submission - Final showcase and certificate preparation
Portfolio Milestone: Full professional portfolio
Assessment & Documentation
Students are assessed on:
◍ Weekly practical outcomes
◍ Portfolio submissions at each module milestone
◍ Capstone project quality and presentation
◍ Demonstrated ethical and responsible use of code and design tools
These documented outputs form evidence of structured educational achievement, suitable for inclusion in academic records, portfolios, and USCIS/NIW exhibits.
Tools & Technologies Covered
Students will use:
◍ HTML5 & CSS3
◍ JavaScript fundamentals
◍ VS Code development environment
◍ Figma for wireframing and UI design
◍ Responsive layout techniques
◍ Browser DevTools for debugging
These skills are widely recognized as foundational in web design and front-end development education
After completing the registration form, you can open the “Payment” tab and pay for the course using the option most convenient for you.
Tuition
Option 1.
Small Group.
$59.00 per week. $236 per Month
Total $2360 for 10 Month course.
(Pay in one payment and save $150)
Option 2.
$59.00 per week. $236 per Month
Total $2360 for 10 Month course.
(Pay in two equal payment and save $100)
Option 3.
Individual lesson
$79.00 per week. $316 per Month
Total $3160 for 10 Month course.
(Pay in two equal payment and save $100)
SPOTS AVAILABLE
