• Home
  • 0️1️. HTML, Git, Github
    • Activities ✅
      • Day 1
        • 01. Console Commands👩‍🎓👨‍🎓
        • 02. Examing Wikipedia 👩‍🎓👨‍🎓
        • 03. Hello HTML 👩‍🏫🧑‍🏫
        • 04. First HTML 👩‍🎓👨‍🎓
        • 05. Second HTML 👩‍🎓👨‍🎓
      • Day 2
        • 01. Git 👩‍🎓👨‍🎓
        • 02. HTML 👩‍🎓👨‍🎓
        • 03. Basic CSS 👩‍🏫🧑‍🏫
        • 04. HTML CSS Layout 👩‍🎓👨‍🎓
      • Day 3
        • 01. Relative Paths 👩‍🎓👨‍🎓
        • 02. HTML Display 👩‍🏫🧑‍🏫
        • 03. HTML Display 👩‍🎓👨‍🎓
        • 04. CSS Box Model 👩‍🏫🧑‍🏫
        • 05. CSS Box Model 👩‍🎓👨‍🎓
        • 06. CSS Positioning 👩‍🏫🧑‍🏫
        • 07. CSS Positioning 👩‍🎓👨‍🎓
        • 08. Project Landing Page 👩‍🎓👨‍🎓
      • Day 4
        • Module 1 Challenge ⭐
        • Challenge Guide 📖
        • Good README Guide 📖
    • Module 1 Challenge ⭐
      • Challenge Guide 📖
      • Good README Guide 📖
  • 0️2. CSS
    • Activities ✅
      • Day 1
        • 01. Your First Flex Layout 👩‍🎓👨‍🎓
        • 02. Align With Flex Items 👩‍🎓👨‍🎓
        • 03. CSS Flexbox 👩‍🎓👨‍🎓
      • Day 2
        • 01. CSS Grid Part 1 👩‍🎓👨‍🎓
        • 02. CSS Grid Part 2 👩‍🎓👨‍🎓
        • 03. CSS Grid Part 3 👩‍🎓👨‍🎓
      • Day 3
        • 01. Wireframing 👩‍🏫🧑‍🏫
        • 02. Wireframing 👩‍🎓👨‍🎓
        • 03. CSS Selectors 👩‍🏫🧑‍🏫
        • 04. CSS Selectors 👩‍🎓👨‍🎓
        • 05. CSS Variables 👩‍🏫🧑‍🏫
        • 06. CSS Variables 👩‍🎓👨‍🎓
        • 07. Mini Project 👩‍🎓👨‍🎓
      • Day 4
        • Module 2 Challenge ⭐
    • Module 2 Challenge ⭐
  • 0️3. UX Bootstrap
    • Activities ✅
      • Day 1
        • 01. Demo Files 👩‍🏫🧑‍🏫
        • 02. Get Started with Bootstrap 👩‍🎓👨‍🎓
        • 03. Navbar 👩‍🎓👨‍🎓
      • Day 2
        • 01. Demo files 👩‍🏫🧑‍🏫
        • 02. Row Columns 👩‍🎓👨‍🎓
        • 03. Cards 👩‍🎓👨‍🎓
        • 04. Forms 👩‍🎓👨‍🎓
        • 05. Custom Navbar 👩‍🎓👨‍🎓
        • 06. Custom Jumbotron 👩‍🎓👨‍🎓
      • Day 3
        • 01. Custom Cards 👩‍🏫🧑‍🏫
        • 02. Custom Webpage 👩‍🎓👨‍🎓
        • 03. Travel California 👩‍🎓👨‍🎓
      • Day 4
        • Module 3 Challenge ⭐
    • Module 3 Challenge ⭐
  • 0️4. JavaScript
    • Activities ✅
      • Day 1
        • 01. Console Log 👩‍🏫🧑‍🏫
        • 02. Hello Variable 👩‍🏫🧑‍🏫
        • 03. Console Variables 👩‍🎓👨‍🎓
        • 04. Primitive Types 👩‍🏫🧑‍🏫
        • 05. Primitive Types 👩‍🎓👨‍🎓
        • 06. Logical Comparison Operator 👩‍🏫🧑‍🏫
        • 07. Logical Comparison Operator 👩‍🎓👨‍🎓
        • 08. Conditional Statement 👩‍🏫🧑‍🏫
        • 09. Conditional Statements 👩‍🎓👨‍🎓
        • 10. Luxury Tax Calculator 👩‍🎓👨‍🎓
      • Day 2
        • 01. Arrays 👩‍🏫🧑‍🏫
        • 02. Arrays 👩‍🎓👨‍🎓
        • 03. Iteration 👩‍🏫🧑‍🏫
        • 04. Iteration 👩‍🎓👨‍🎓
        • 05. Prompts 👩‍🏫🧑‍🏫
        • 06. Prompts 👩‍🎓👨‍🎓
        • 07. Switch 👩‍🎓👨‍🎓
        • 08. Conditional Loops 👩‍🎓👨‍🎓
      • Day 3
        • 01. Pseudocode 👩‍🎓👨‍🎓
        • 02. Rock Paper Scissors 👩‍🎓👨‍🎓
      • Day 4
        • Module 4 Challenge ⭐
    • Module 4 Challenge ⭐
  • 0️5. Advanced JavaScript
    • Activities ✅
      • Day 1
        • 01. Objects 👩‍🏫🧑‍🏫
        • 02. Objects 👩‍🎓👨‍🎓
        • 03. Objects Methods 👩‍🏫🧑‍🏫
        • 04. Objects Methods 👩‍🎓👨‍🎓
        • 05. Nested Data 👩‍🏫🧑‍🏫
        • 06. Nested Data 👩‍🎓👨‍🎓
        • 07. Looping Nested Data 👩‍🏫🧑‍🏫
      • Day 2
        • 01. Intro Functions 👩‍🏫🧑‍🏫
        • 02. Functions 👩‍🏫🧑‍🏫
        • 03. Functions 👩‍🎓👨‍🎓
        • 04. Parameters 👩‍🏫🧑‍🏫
        • 05. Function Logic 👩‍🎓👨‍🎓
        • 06. Scope 👩‍🏫🧑‍🏫
        • 07. Scope 👩‍🎓👨‍🎓
        • 08. Function Game 👩‍🎓👨‍🎓
      • Day 3
        • 01. Object Methods 👩‍🏫🧑‍🏫
        • 02. Object Methods 👩‍🎓👨‍🎓
        • 03. Object this 👩‍🏫🧑‍🏫
        • 04. Object this 👩‍🎓👨‍🎓
        • 05. Manipulative Methods 👩‍🏫🧑‍🏫
        • 06. Manipulative methods 👩‍🎓👨‍🎓
        • 07. Iterative Methods 👩‍🏫🧑‍🏫
        • 08. Iterative Methods 👩‍🎓👨‍🎓
        • 09. Filtering Methods 👩‍🏫🧑‍🏫
        • 10. Filtering Methods 👩‍🎓👨‍🎓
      • Day 4
        • Module 5 Challenge ⭐
    • Module 5 Challenge ⭐
  • 0️6. Web APIs
    • Activities ✅
      • Day 1
        • 01. Window Object 👩‍🏫🧑‍🏫
        • 02. Window Object 👩‍🎓👨‍🎓
        • 03. Traverse DOM 👩‍🏫🧑‍🏫
        • 04. Traverse DOM 👩‍🎓👨‍🎓
        • 05. Setting Attributes 👩‍🏫🧑‍🏫
        • 06. Setting Attributes 👩‍🎓👨‍🎓
        • 07. Create Append 👩‍🏫🧑‍🏫
        • 08. Create Append 👩‍🎓👨‍🎓
        • 09. Timers Intervals 👩‍🏫🧑‍🏫
        • 10. Timers Intervals 👩‍🎓👨‍🎓
      • Day 2
        • 01. Event Listener 👩‍🏫🧑‍🏫
        • 02. Event Listener 👩‍🎓👨‍🎓
        • 03. Preventing Default 👩‍🏫🧑‍🏫
        • 04. Preventing Default 👩‍🎓👨‍🎓
        • 05. Keyboard Events 👩‍🏫🧑‍🏫
        • 06. Keyboard Events 👩‍🎓👨‍🎓
        • 07. Event Bubbling 👩‍🏫🧑‍🏫
        • 08. Event Bubbling 👩‍🎓👨‍🎓
        • 09. Data Attributes 👩‍🏫🧑‍🏫
        • 10. Data Attributes 👩‍🎓👨‍🎓
      • Day 3
        • 01. Local Storage Counter 👩‍🏫🧑‍🏫
        • 02. Local Storage User 👩‍🎓👨‍🎓
        • 03. Local Storage Uh Oh 👩‍🏫🧑‍🏫
        • 04. Local Storage Object 👩‍🎓👨‍🎓
        • 05. Render Todos 👩‍🎓👨‍🎓
        • 06. Complete Todos 👩‍🎓👨‍🎓
        • 07. Word Guess 👩‍🎓👨‍🎓
      • Day 4
        • Module 6 Challenge ⭐
    • Module 6 Challenge ⭐
  • 0️7. Third Party APIs
    • Activities ✅
      • Day 1
        • 01. jQuery Elements 👩‍🏫🧑‍🏫
        • 02. jQuery Element 👩‍🎓👨‍🎓
        • 03. Click Events 👩‍🏫🧑‍🏫
        • 04. Click Events 👩‍🎓👨‍🎓
        • 05. Form Elements 👩‍🏫🧑‍🏫
        • 06. Form Elements 👩‍🎓👨‍🎓
        • 07. Dom Traversal 👩‍🏫🧑‍🏫
        • 08. Dom Traversal 👩‍🎓👨‍🎓
        • 09. Event Delegation 👩‍🏫🧑‍🏫
        • 10. Event Delegation 👩‍🎓👨‍🎓
      • Day 2
        • 01. Captain Planet Game 👩‍🎓👨‍🎓
        • 02. Fridge Game 👩‍🎓👨‍🎓
        • 03. Scope 👩‍🏫🧑‍🏫
        • 04. Color Corrector 👩‍🎓👨‍🎓
      • Day 3
        • 01. jQuery UI Widgets 👩‍🏫🧑‍🏫
        • 02. jQuery UI Widgets 👩‍🎓👨‍🎓
        • 03. jQuery UI Interactions 👩‍🏫🧑‍🏫
        • 04. jQuery UI Interactions 👩‍🎓👨‍🎓
        • 05. Moment Format 👩‍🏫🧑‍🏫
        • 06. Moment Format 👩‍🎓👨‍🎓
        • 07. Project Tracker 👩‍🎓👨‍🎓
      • Day 4
        • Module 7 Challenge ⭐
    • Module 7 Challenge ⭐
  • 0️8. Server Side APIs
    • Activities ✅
      • Day 1
        • 01. Customer Object 👩‍🎓👨‍🎓
        • 02. News Search 👩‍🏫🧑‍🏫
        • 03. Ajax Omdb 👩‍🏫🧑‍🏫
        • 04. Ajax HTML 👩‍🎓👨‍🎓
        • 05. Giphy API 👩‍🏫🧑‍🏫
      • Day 2
        • 01. Bujumbura 👩‍🎓👨‍🎓
        • 02. Movie JSON Dump 👩‍🎓👨‍🎓
        • 03. Movie Button Layout 👩‍🎓👨‍🎓
        • 04. Click JSON 👩‍🎓👨‍🎓
        • 05. Working Movie App 👩‍🎓👨‍🎓
        • 06. Bands in Town App 👩‍🎓👨‍🎓
      • Day 3
        • 01. News Search 👩‍🏫🧑‍🏫
        • 02. Cat Button 👩‍🎓👨‍🎓
        • 03. Button Triggered Ajax 👩‍🎓👨‍🎓
        • 04. Dynamic Elements 👩‍🎓👨‍🎓
        • 05. Pausing Gifs 👩‍🎓👨‍🎓
        • 06. News Search 👩‍🎓👨‍🎓
      • Day 4
        • Module 8 Challenge ⭐
    • Module 8 Challenge ⭐
  • 0️9. Project 1 Part 1
  • 10. Project 1 Part 2
  • 11. ES6 & Node.js
    • Activities ✅
      • Day 1
        • How to install NodeJS 👩‍🎓👨‍🎓
        • 01. Node Demo 👩‍🏫🧑‍🏫
        • 02. Hello Node 👩‍🎓👨‍🎓
        • 03. Arrow function 👩‍🏫🧑‍🏫
        • 04. Arrow Function 👩‍🎓👨‍🎓
        • 05. Let Const 👩‍🏫🧑‍🏫
        • 06. Convert Const Let 👩‍🎓👨‍🎓
        • 07. Functional Loops 👩‍🏫🧑‍🏫
        • 08. Template Literals 👩‍🏫🧑‍🏫
        • 09. Template Literals 👩‍🎓👨‍🎓
      • Day 2
        • 01. Process Argv 👩‍🏫🧑‍🏫
        • 02. Parameter Check 👩‍🎓👨‍🎓
        • 03. Read Write File 👩‍🏫🧑‍🏫
        • 04. Append File 👩‍🎓👨‍🎓
        • 05. Modularization 👩‍🏫🧑‍🏫
        • 06. Maths 👩‍🎓👨‍🎓
        • 07. NPM 👩‍🏫🧑‍🏫
        • 08. Package NPM 👩‍🎓👨‍🎓
        • 09. Inquirer Demo 👩‍🏫🧑‍🏫
        • 10. Inquirer Users 👩‍🎓👨‍🎓
      • Day 3
        • 01. For...of 👩‍🏫🧑‍🏫
        • 02. for...of 👩‍🎓👨‍🎓
        • 03. Rest and Spread 👩‍🏫🧑‍🏫
        • 04. Rest and Spread 👩‍🎓👨‍🎓
        • 05. Object Destructuring 👩‍🏫🧑‍🏫
        • 06. Obj Destructuring 👩‍🎓👨‍🎓
        • 07. Mini Project 👩‍🎓👨‍🎓
      • Day 4
        • Module 11 Challenge ⭐
    • Module 11 Challenge ⭐
  • 12. OOP
    • Activities ✅
      • Day 1
        • 01. Cats and Dogs 👩‍🎓👨‍🎓
        • 02. Constructor 👩‍🏫🧑‍🏫
        • 03. Minibank 👩‍🎓👨‍🎓
        • 04. Weather Admin 👩‍🎓👨‍🎓
        • 05. Prototypes 👩‍🏫🧑‍🏫
        • 06. Prototypes 👩‍🎓👨‍🎓
        • 07. Tamagotchi 👩‍🎓👨‍🎓
      • Day 2
        • 01. Test Driven Development Dissect 👩‍🎓👨‍🎓
        • 02. Test Driven Development 👩‍🎓👨‍🎓
        • 03. Pass Tests 👩‍🎓👨‍🎓
        • 04. Organizing Tests 👩‍🏫🧑‍🏫
        • 05. Structuring Tests 👩‍🎓👨‍🎓
        • 06. Introduce Mocks 👩‍🏫🧑‍🏫
        • 07. First Mock 👩‍🎓👨‍🎓
        • 08. Module Mock Demo 👩‍🏫🧑‍🏫
        • 09. Mock fs 👩‍🎓👨‍🎓
      • Day 3
        • 01. Classes 👩‍🏫🧑‍🏫
        • 02. Classes 👩‍🎓👨‍🎓
        • 03. Subclasses 👩‍🏫🧑‍🏫
        • 04. Subclasses 👩‍🎓👨‍🎓
        • 05. Multiple Classes 👩‍🏫🧑‍🏫
        • 06. Multiple Classes 👩‍🎓👨‍🎓
        • 07. Mini Project 👩‍🎓👨‍🎓
      • Day 4
    • Module 12 Challenge ⭐
  • 13. React
    • Activities ✅
      • Day 1
        • 01. HelloReact 👩‍🎓👨‍🎓
        • 02. Hello Div 👩‍🎓👨‍🎓
        • 03. Hello Bootrap
        • 04. Hello Bootstrap 👩‍🎓👨‍🎓
        • 05. JSX Variables
        • 06. JSXVariables 👩‍🎓👨‍🎓
        • 07. CSS Demo
        • 08. Style Prop 👩‍🎓👨‍🎓
      • Day 2
        • 01. Props
        • 02. Calculator 👩‍🎓👨‍🎓
        • 03. Props 👩‍🎓👨‍🎓
        • 04. Component Map 👩‍🎓👨‍🎓
        • 05.
        • 06. Decrement 👩‍🎓👨‍🎓
        • 07. Friends List Refactor 👩‍🎓👨‍🎓
      • Day 4
      • Day 3
    • Module 13 Challenge ⭐
  • 14. React State Deployment
    • Activities ✅
      • Day 1
        • 01. useState 👩‍🏫🧑‍🏫
        • 02. useState 👩‍🎓👨‍🎓
        • 03. useEffect 👩‍🏫🧑‍🏫
        • 04. useEffect 👩‍🎓👨‍🎓
        • 05. customHook 👩‍🏫🧑‍🏫
        • 06. customHook 👩‍🎓👨‍🎓
        • 07. Third Party Hook 👩‍🎓👨‍🎓
      • Day 2
        • 01. tdd vs bdd 👩‍🎓👨‍🎓
        • 02. CRA 16 👩‍🎓👨‍🎓
        • 03. Configure Enzyme 👩‍🎓👨‍🎓
        • 04. initial testing 👩‍🏫🧑‍🏫
        • 05. Initial Testing 👩‍🎓👨‍🎓
        • 06. Component buildout Pt 1 👩‍🎓👨‍🎓
        • 07. Component buildout Pt 2 👩‍🎓👨‍🎓
        • 09. Custom helper functions 👩‍🎓👨‍🎓
        • 08. Custom helper functions 👩‍🏫🧑‍🏫
      • Day 3
      • Day 4
    • Module 13 Challenge ⭐
  • 15. Project 2 Part 1 🔒
  • 16. Project 2 Part 2 🔒

Built with by Code with Corgis 🐶

Donate click here ☕

🏠Home > JavaScript > Activities ✅
javascript

📺 JavaScript Activities Video Speed Runs 🏃‍♀️🏃

Day Mac 🍎 Duration Window 🖼️ Duration
01 Video 📺 01:19:59 ⏲️ Video 📺 01:19:59 ⏲️
02 Video 📺 00:49:14 ⏲️ Video 📺 00:49:14 ⏲️
03 Video 📺 00:30:41 ⏲️ Video 📺 00:30:41 ⏲️
04 Video 📺 00:36:18 ⏲️ Video 📺 00:36:18 ⏲️

Activities Required ✅

⬆️ Back to Top

Instructor Turn = 👩‍🏫🧑‍🏫 Students Turn = 👩‍🎓👨‍🎓

Day 01

Num Activities Required
01 Console log 👩‍🏫🧑‍🏫
02 Hello Variables 👩‍🏫🧑‍🏫
03 Console Variables 👩‍🎓👨‍🎓
04 Primitive Types 👩‍🏫🧑‍🏫
05 Primitive Types 👩‍🎓👨‍🎓
06 Logical Comparison Operators 👩‍🏫🧑‍🏫
07 Logical Comparison Operators 👩‍🎓👨‍🎓
08 Conditional Statements 👩‍🏫🧑‍🏫
09 Conditional Statements 👩‍🎓👨‍🎓
10 Coding Practice 👩‍🎓👨‍🎓

Day 02

Num Activities Required
01 Arrays 👩‍🏫🧑‍🏫
02 Arrays 👩‍🎓👨‍🎓
03 Iteration 👩‍🏫🧑‍🏫
04 Iteration 👩‍🎓👨‍🎓
05 Prompts 👩‍🏫🧑‍🏫
06 Prompts 👩‍🎓👨‍🎓
07 Switch 👩‍🎓👨‍🎓
08 Conditional Loops 👩‍🎓👨‍🎓

Day 03

Num Activities Required
01 Pseudocode 👩‍🎓👨‍🎓
02 Rock Paper Scissors 👩‍🎓👨‍🎓

Day 04

Num Activities Required
01 Module 4 Challenge 👩‍🎓👨‍🎓