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
>
CSS
>
Activities ✅
> Day 4
2.4 Lesson Plan: Responsive Portfolio Challenge
Video Speed Run if you get stuck
📺 Module 02 Challenge Video Walkthrough 🏃♀️🏃
css
Day 4
2.4 Lesson Plan: Responsive Portfolio Challenge
Video Speed Run if you get stuck
📺 Module 02 Challenge Video Walkthrough 🏃♀️🏃
Module
Mac 🍎
Duration
Window 🖼️
Duration
02
Video 📺 Part 1
Video 📺 Part 2
00:52:76 ⏲️ 00:04:25 ⏲️
Video 📺
01:14:09 ⏲️