This site started as a place to read JavaScript lessons. It has grown into a complete teaching tool: lessons you can run, videos that talk you through them, quizzes that grade themselves, and an AI helper that is set up to coach instead of just answer. This page is the tour, written for students, teachers and advisors.
Everything a student can touch, and what to try first.
Every lesson is written from scratch for beginners: a plain-language reason it matters, short sections with one focused example and its real output, named traps called out in warning boxes, and comparison tables where there is a choice to make.
Most code blocks have a Try it Yourself button. It opens a live editor with the code loaded, a console and a result pane. Every lesson also has a Playground for free experimenting.
Try It steps have a short video that shows the code running while a voice explains it, one sentence at a time, with captions. A language selector on every video switches between English and Spanish and remembers your choice.
Every lesson ends with Quick Check questions. Think of an answer first, then open it to compare. Nothing is scored and nothing is recorded, so there is no pressure.
When a section ends there is a short scored quiz: 5 questions drawn at random from a bank of 15, multiple choice and true or false, with the answer options reshuffled each time. After you submit, every answer is explained. You never see the same question twice until you have been through the whole bank.
Under each section heading, three buttons open Google AI Mode with a ready-made prompt: Explain it, Practice and Real world. At the bottom of each lesson you can ask your own question or paste broken code and get a hint. See the Ask AI section below for how it is kept on track.
Jot what clicked, what confused you, and code you want to remember. Notes save as you type, separately for each lesson.
Eight themes, from Iron Furnace and Void Blue to Typewriter and Parchment (two light themes for daytime reading). The A- and A+ buttons scale the whole lesson, code blocks included. Both choices are remembered.
Things the site does quietly that are easy to miss.
The editor watches every loop. If one runs for more than one second it is stopped and you get a clear message with the line number, instead of a frozen browser tab.
Grouping, tables, counters, timers and assertions all print the way they do in the real browser console, so what you learn here transfers directly to DevTools.
console.table, console.group, console.countconsole.time and console.assertIf you edit a sample and come back later, your draft is restored with a yellow notice, but it does not run until you press Run. If the lesson changed in the meantime, you are offered both versions.
The start screen plays one of twelve animated scenes at random, never the same one twice in a row: a wormhole, a black hole, a lava lamp, a campfire, a synthwave valley, a circuit board and more. They follow your cursor and recolor themselves to match your theme.
Video captions are drawn in the active theme's colors and fonts, and the narration is built from separate sentence clips so each caption lines up with its sentence.
On the start screen choose "Just looking" instead of entering a name. You can take practice quizzes and read everything, and nothing is recorded.
How the site is designed, what it records, and what it costs a student to use it.
Every lesson follows the same shape so students always know where they are: a short intro on why it matters, small sections with one example and its real output, named traps, a Quick Check, and a hands-on Try It. Every code output shown on the page was verified by running the code.
The answer key never reaches the student's browser, so it cannot be read from the page source. Scores are recorded, every attempt and every answer is kept, retakes are unlimited, and there is no time limit and no pass or fail. The focus is learning, with the explanation shown after each answer.
Each question is checked against the lesson text and then run in JavaScript to confirm the stated answer. True and false answers are balanced. All 25 sections have a quiz (375 questions in all, 15 per section).
A student types a first and last name once and the site remembers them on that browser. There are no passwords to forget and no email addresses collected. Typing the same name on another device reconnects to the same record. A guest option leaves no record at all.
A password-protected admin area shows each student's quiz scores and every answer, which questions are hardest, which lesson pages students opened and when, and a daily view of who worked on what. Students can be renamed, merged or reset, questions can be edited or retired, and every table exports to CSV.
Everything runs in an ordinary browser: Chromebooks, iPads, laptops and phones. Nothing to install. A text-size control, two light themes and captions on every video help with readability and accessibility.
The server side is WebDNA with flat-file databases. The lessons, editor and quizzes are plain HTML, CSS and JavaScript with no framework, so the site is small, fast and easy for a student to read and learn from. All lessons share one page template, which means a change to layout, themes or tools reaches all 110 lessons at once.
Students use AI at home whether or not a teacher builds it into the course. This puts it inside the lesson, with guard rails.
Before release, 18 prompts across the Variables lesson were run and every answer was graded for accuracy. The explanations and practice answer keys were correct. Two problems showed up: a factually wrong code comment, and examples that used syntax students had not learned yet. Both were fixed in the prompts and the affected prompts were run again.
AI can be wrong, and output varies from one run to the next. Each lesson says so, and tells students to test any code the AI gives them in the Try It console and to check it against the lesson. That habit, verifying instead of trusting, is one of the goals. The buttons open Google AI Mode, so they depend on that service being available for the student's account.