|
| 1 | Course Introduction | 7:27 | Open | Open |
| 2 | What we'll learn | 2:25 | Open | Open |
| 3 | First React Code 🎉 | 6:36 | Open | Open |
| 4 | First React Challenge | 2:56 | Open | Open |
| 5 | Local Setup w/ Vite | 6:03 | Open | Open |
| 6 | Libraries/Frameworks | 8:52 | Open | Open |
| 7 | React.createElement() | 2:47 | Open | Open |
| 8 | JSX | 2:13 | Open | Open |
| 9 | Why React? It's Composable! | 7:24 | Open | Open |
| 10 | Why React? It's Declarative! | 5:31 | Open | Open |
| 11 | Random housekeeping | 8:42 | Open | Open |
| 12 | ReactFacts Project - Markup | 3:39 | Open | Open |
| 13 | Pop quiz | 6:10 | Open | Open |
| 14 | Custom Components | 6:41 | Open | Open |
| 15 | Custom Components Challenge Part 2 | 3:34 | Open | Open |
| 16 | Custom Components Quiz | 2:43 | Open | Open |
| 17 | Fragments | 2:27 | Open | Open |
| 18 | Custom Components - Parent/Child Components | 5:19 | Open | Open |
| 19 | Styling with Classes | 8:42 | Open | Open |
| 20 | Organizing Components | 5:23 | Open | Open |
| 21 | Make Mental Outline of Project | 3:50 | Open | Open |
| 22 | Initial Project Setup | 4:39 | Open | Open |
| 23 | ReactFacts Project - Navbar & Styling | 8:04 | Open | Open |
| 24 | ReactFacts Project - Main Content Section | 6:36 | Open | Open |
| 25 | ReactFacts Project - Coloring the Bullets | 2:08 | Open | Open |
| 26 | ReactFacts Project - Add Background Image | 4:46 | Open | Open |
| 27 | Section 1 Recap | 2:10 | Open | Open |
| 28 | Solo Project (PRO) - Digital Business Card | 3:52 | Open | Open |
| 29 | Learning in public | 2:56 | Open | Open |
|
| 30 | Section 2 Intro | 2:11 | Open | Open |
| 31 | Travel Journal - Header | 7:30 | Open | Open |
| 32 | Travel Journal - Entry Component | 10:06 | Open | Open |
| 33 | Problem - Not reusable | 2:30 | Open | Open |
| 34 | Props Part 1: Understanding the Concept | 3:17 | Open | Open |
| 35 | Props Part 2: Reusable Components | 1:53 | Open | Open |
| 36 | Aside: JS inside JSX | 7:45 | Open | Open |
| 37 | Props part 3: Create a contact component | 3:47 | Open | Open |
| 38 | Props part 4: Passing data into a component | 7:41 | Open | Open |
| 39 | Props part 5: Receiving props in a component | 7:31 | Open | Open |
| 40 | Prop quiz! (Get it?? 😆) | 4:25 | Open | Open |
| 41 | Destructuring props | 5:10 | Open | Open |
| 42 | Props practice | 8:57 | Open | Open |
| 43 | Non-string props | 6:13 | Open | Open |
| 44 | Importing static assets | 3:01 | Open | Open |
| 45 | Pass props to Entry component | 6:08 | Open | Open |
| 46 | Review - array .map() | 7:23 | Open | Open |
| 47 | React can render arrays | 5:17 | Open | Open |
| 48 | Mapping components | 6:05 | Open | Open |
| 49 | Map quiz! | 4:03 | Open | Open |
| 50 | Travel Journal: Map Entry components | 6:44 | Open | Open |
| 51 | Travel Journal: key prop | 4:13 | Open | Open |
| 52 | Travel Journal: Pass object as props | 5:38 | Open | Open |
| 53 | Travel Journal: Spread object as props | 4:14 | Open | Open |
| 54 | Want to become a Scrimbassador? | 1:59 | Open | Open |
| 55 | Section 2 Recap | 1:56 | Open | Open |
|
| 56 | Section 3 Intro | 4:04 | Open | Open |
| 57 | Chef Claude: Header | 7:58 | Open | Open |
| 58 | Chef Claude: form | 9:32 | Open | Open |
| 59 | Chef Claude: Project overview | 1:44 | Open | Open |
| 60 | Event Listeners | 6:26 | Open | Open |
| 61 | Chef Claude: Map ingredients list | 9:34 | Open | Open |
| 62 | Props vs. State: Props | 4:18 | Open | Open |
| 63 | Props vs. State: State | 5:26 | Open | Open |
| 64 | useState | 5:20 | Open | Open |
| 65 | useState array destructuring | 1:58 | Open | Open |
| 66 | Changing state | 4:57 | Open | Open |
| 67 | State practice | 6:48 | Open | Open |
| 68 | Updating state with a callback function | 5:48 | Open | Open |
| 69 | Changing state quiz | 2:11 | Open | Open |
| 70 | Ternary practice | 4:00 | Open | Open |
| 71 | Toggling state | 6:38 | Open | Open |
| 72 | Complex state: Arrays | 9:28 | Open | Open |
| 73 | Chef Claude: Refactor array state | 3:26 | Open | Open |
| 74 | Complex state: Objects | 6:50 | Open | Open |
| 75 | Complex state: updating state objects | 4:38 | Open | Open |
| 76 | React forms intro | 5:09 | Open | Open |
| 77 | Form basics | 7:29 | Open | Open |
| 78 | Form submission | 6:40 | Open | Open |
| 79 | Form action | 3:59 | Open | Open |
| 80 | Chef Claude: Refactor form submission | 2:49 | Open | Open |
| 81 | Forms: textarea & defaultValue | 3:07 | Open | Open |
| 82 | Forms: radio | 7:23 | Open | Open |
| 83 | Forms: checkbox | 3:44 | Open | Open |
| 84 | Forms: select and option | 5:38 | Open | Open |
| 85 | Forms: Object.fromEntries | 4:12 | Open | Open |
| 86 | Chef Claude: conditional rendering intro | 2:13 | Open | Open |
| 87 | Conditional rendering: && | 6:22 | Open | Open |
| 88 | Conditional rendering: Why does && work? | 4:23 | Open | Open |
| 89 | Conditional rendering practice: && | 5:01 | Open | Open |
| 90 | Conditional rendering: ternary | 5:30 | Open | Open |
| 91 | Conditional rendering practice | 4:29 | Open | Open |
| 92 | Conditional rendering quiz | 2:14 | Open | Open |
| 93 | Chef Claude: conditional rendering challenge 1 | 4:56 | Open | Open |
| 94 | Chef Claude: conditional rendering challenge 2 | 2:08 | Open | Open |
| 95 | Chef Claude: Get recipe placeholder challenge | 7:39 | Open | Open |
| 96 | Passing state as props | 7:00 | Open | Open |
| 97 | Setting state from child components | 8:02 | Open | Open |
| 98 | Passing data around React | 7:17 | Open | Open |
| 99 | Sound pads challenge, part 1 | 4:12 | Open | Open |
| 100 | Dynamic styles | 6:26 | Open | Open |
| 101 | Sound pads challenge, part 2 | 3:45 | Open | Open |
| 102 | Sound pads challenge, part 3 | 4:11 | Open | Open |
| 103 | Sound pads challenge part 4.1 - local state | 4:30 | Open | Open |
| 104 | Sound pads challenge part 4.2 - shared state | 6:19 | Open | Open |
| 105 | Sound pads challenge part 4.3 - updating item in array | 11:21 | Open | Open |
| 106 | Chef Claude challenge: refactor to separate components | 9:42 | Open | Open |
| 107 | API Sign Ups | 8:49 | Open | Open |
| 108 | AI code walkthrough | 7:04 | Open | Open |
| 109 | Quick AI Update | 0:40 | Open | Open |
| 110 | Challenge quiz: prep to get recipe from the AI chef 🤖👨🍳 | 2:52 | Open | Open |
| 111 | Challenge: Get recipe from the AI chef 🤖👨🍳 | 7:20 | Open | Open |
| 112 | Format recipe response | 5:05 | Open | Open |
| 113 | Section 3 Outro | 2:17 | Open | Open |
|
| 114 | Section 4 Intro | 2:38 | Open | Open |
| 115 | Meme Generator Starting Point | 2:26 | Open | Open |
| 116 | Meme Generator State | 2:43 | Open | Open |
| 117 | Meme Generator - Controlled Components - part 1 | 5:46 | Open | Open |
| 118 | Meme Generator - Controlled Components - part 2 | 5:40 | Open | Open |
| 119 | Meme Generator - Planning data fetch | 2:09 | Open | Open |
| 120 | Functional programming in React | 4:53 | Open | Open |
| 121 | Fetching data in React | 6:00 | Open | Open |
| 122 | Intro to useEffect | 2:43 | Open | Open |
| 123 | useEffect() syntax and default behavior | 3:49 | Open | Open |
| 124 | useEffect() Dependencies array | 7:29 | Open | Open |
| 125 | useEffect empty dependencies array | 2:37 | Open | Open |
| 126 | useEffect quiz! | 4:56 | Open | Open |
| 127 | useEffect practice! | 4:41 | Open | Open |
| 128 | Meme Generator - Fetch Memes | 7:40 | Open | Open |
| 129 | State and Effect practices | 7:57 | Open | Open |
| 130 | useEffect cleanup function | 8:17 | Open | Open |
| 131 | Meme Generator - Get random meme | 4:36 | Open | Open |
| 132 | Sneak peak: refs | 9:54 | Open | Open |
| 133 | useEffect practice: scrollIntoView() | 6:11 | Open | Open |
| 134 | scrollIntoView() iFrame bug fix 🐜 | 3:22 | Open | Open |
| 135 | Section 4 Outro | 1:42 | Open | Open |
|
| 136 | Tenzies Intro | 2:11 | Open | Open |
| 137 | Tenzies: Setup | 8:10 | Open | Open |
| 138 | Tenzies: Die component | 7:06 | Open | Open |
| 139 | Tenzies: Generate 10 random numbers | 5:28 | Open | Open |
| 140 | Tenzies: Map array to Die components | 2:59 | Open | Open |
| 141 | Tenzies: Roll dice button | 4:53 | Open | Open |
| 142 | Tenzies: Change dice to objects | 4:32 | Open | Open |
| 143 | Tenzies: Styling held dice | 3:14 | Open | Open |
| 144 | Tenzies: Hold dice - part 1 | 6:37 | Open | Open |
| 145 | Tenzies: Hold dice - part 2 | 4:26 | Open | Open |
| 146 | Tenzies: Hold dice - part 3 | 3:48 | Open | Open |
| 147 | Tenzies: End game - part 1 | 6:09 | Open | Open |
| 148 | Tenzies: End game - part 2 | 5:42 | Open | Open |
| 149 | Tenzies: End game - part 3 | 2:51 | Open | Open |
| 150 | Tenzies: Lazy State Initialization | 3:13 | Open | Open |
| 151 | Tenzies: New game | 3:06 | Open | Open |
| 152 | Tenzies: Accessibility Improvements | 3:51 | Open | Open |
| 153 | Tenzies: Accessibility Improvements - part 2 | 7:13 | Open | Open |
| 154 | Tenzies Outro | 1:16 | Open | Open |
|
| 155 | Assembly Endgame Intro | 2:01 | Open | Open |
| 156 | Assembly Endgame - Project Planning | 5:19 | Open | Open |
| 157 | Assembly Endgame - Header Section | 3:46 | Open | Open |
| 158 | Assembly Endgame - Status Section | 3:37 | Open | Open |
| 159 | Assembly Endgame - Languages List | 5:39 | Open | Open |
| 160 | Assembly Endgame - Word Display | 5:30 | Open | Open |
| 161 | Assembly Endgame - Keyboard | 4:06 | Open | Open |
| 162 | Assembly Endgame - Save the guessed letters | 7:13 | Open | Open |
| 163 | Assembly Endgame - Keyboard letter styles for guesses | 9:21 | Open | Open |
| 164 | Assembly Endgame - Only display correctly guessed letters in word | 2:46 | Open | Open |
| 165 | Assembly Endgame - Wrong guess count | 5:03 | Open | Open |
| 166 | Assembly Endgame - Lost languages | 5:03 | Open | Open |
| 167 | Assembly Endgame - isGameOver | 6:05 | Open | Open |
| 168 | Assembly Endgame - Display won/lost status | 8:03 | Open | Open |
| 169 | Assembly Endgame - Quick CSS alignment fix 🤦🏻♂️ | 2:36 | Open | Open |
| 170 | Assembly Endgame - Conditional rendering with a helper function | 2:56 | Open | Open |
| 171 | Assembly Endgame - Backlog inventory | 2:06 | Open | Open |
| 172 | Assembly Endgame - Farewell messages | 10:41 | Open | Open |
| 173 | Assembly Endgame - Disable keyboard when the game is over | 1:33 | Open | Open |
| 174 | Assembly Endgame - Make the game more a11y-friendly part 1 | 7:43 | Open | Open |
| 175 | Assembly Endgame - Make the game more a11y-friendly part 2 | 3:51 | Open | Open |
| 176 | Assembly Endgame - Choose random word | 3:30 | Open | Open |
| 177 | Assembly Endgame - New game button resets the game | 2:12 | Open | Open |
| 178 | Assembly Endgame - Display missed letters when lost | 3:39 | Open | Open |
| 179 | Assembly Endgame - 🎊🎊🎊🎊🎊 | 2:35 | Open | Open |
| 180 | Solo Project (PRO) - Quizzical | 6:27 | Open | Open |
| 181 | Assembly Endgame Outro | 1:21 | Open | Open |
| 182 | Course Outro | 7:14 | Open | Open |
|
| 183 | Turn your certificate into an asset | 0:56 | Open | Open |