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
>
React
>
Activities β
> Day 4
13.4 Lesson Plan:
Video Speed Run if you get stuck
πΊ Module 13 Challenge Video Walkthrough πββοΈπ
react
Day 4
13.4 Lesson Plan:
Video Speed Run if you get stuck
πΊ Module 13 Challenge Video Walkthrough πββοΈπ
Module
Mac π
Duration
Window πΌοΈ
Duration
13
Video πΊ
00:00:00 β²οΈ
Video πΊ
00:00:00 β²οΈ