Advanced JavaScript Course for Teens: 3D Web, CSS Animation, Game Design & Machine Learning
Grades 5–10 | Full Academic Year Course
Unlock the full potential of JavaScript in this advanced, yearlong course for middle and high school students. Perfect for aspiring developers and digital artists, this hands-on class explores 3D web design, animation, machine learning, and advanced 2D game development using modern web technologies.
Semester 1: 3D Web Design with A-Frame & CSS Animation
In the fall semester, students expand their HTML and JavaScript skills by creating interactive 3D environments using the A-Frame JavaScript library. They experiment with physics attributes and 3D object behavior, ultimately designing their own immersive scene.
Next, students dive into CSS animation, learning how to create smooth, expressive web animations using advanced techniques like @keyframes. Through guided projects, students blend visual creativity with technical precision as they build engaging, animated designs entirely in HTML and CSS.
By the end of the semester, students master essential tools in modern web design—from dynamic 3D environments to polished, professional-level CSS animations.
Semester 2: Machine Learning & 2D Game Development
In the spring, students enter the world of machine learning with JavaScript using Google’s Teachable Machine and the ML5.js library. They train models to recognize and classify images, and apply those models in real web applications—like a browser-based image classifier.
The semester then shifts to JavaScript game design. Using the Document Object Model (DOM), HTML, CSS, and JavaScript, students code interactive 2D games and apps from scratch. Projects include:
- The Mad-Lib Webpage
- The Monty Game
- A Custom Trivia Game
Students gain the skills to build, modify, and publish their own JavaScript-based games and web applications.
By the end of this course, students will:
- Design and code interactive 3D scenes with A-Frame
- Build custom animations using pure CSS
- Understand the basics of machine learning and apply pre-trained models
- Develop original 2D games and web apps using DOM-based JavaScript
- Strengthen real-world coding skills through engaging, hands-on projects
Recommended For:
- Returning AlphaMinds students who have completed our JavaScript Intermediate course
- New students with strong prior experience in JavaScript coding and DOM manipulation
Ready to take your JavaScript skills to the next level?
Join us for a creative, cutting-edge coding journey into 3D web design, AI, and game development!