Vanilla JavaScript (ES6+) drills and small browser apps from Dr. Angela Yu’s The Complete Full-Stack Web Development Bootcamp. Root-level *.js files are language-only exercises (sections 14–15); subfolders are DOM + events projects you open in a browser (sections 16–18).
Contents: What's learned · Course map · Root scripts (14–15) · Previews · Run locally · Navigate this repo
| Area | Topics |
|---|---|
| Language core | Types, variables, strings, math, control flow, functions |
| Collections & logic | Arrays, objects, loops, small algorithms (FizzBuzz, Fibonacci) |
| DOM | Querying elements, changing content, styles, and attributes |
| Events & UX | Click and keyboard listeners, animations, conditional UI updates |
| Media | Image swaps (dice), HTML audio playback (drum kit) |
Sections 14–15 build the language foundation in root scripts; Sections 16–18 apply it in browser projects.
| Section # | Where |
|---|---|
| 14–15 | Root *.js |
| 16 | DOM Challenge Starting Files |
| 17 | Dicee+Challenge+-+Starting+Files |
| 18 | Drum Kit Starting Files |
Run with node Filename.js, or paste into the browser console.
| Topic | Files |
|---|---|
| Types, variables, strings | Variable.js, DataType.js, Name.js, TextCasing.js, Tweet.js, TweetSplice.js |
| Control flow & loops | Fizzbuzz.js, 99Bottles.js, Fibonacci.js, BeeperDiagonal.js |
| Functions & small programs | DogtoHumanAge.js, Calculator.js, MilkBudget.js |
| Arrays & objects | GuestList.js, Alert.js, Objects.js |
| Logic puzzles | Karel.js, KarelChessBoard.js |
Sound: press play, then unmute if your browser muted the clip.
drum-kit.mp4
Browser projects: open index.html in each subfolder; logic is in index.js.
Root scripts: node YourFile.js from this directory, or paste into the browser console.
No install or server required.
← Previous: HTML & CSS (sections 2–11)
→ Next: jQuery (sections 19–20)