Links to lectures, code from class, and challenges
Global state management with Redux
Day | Time | Topics | Challenges | Code from Class | Lecture Video |
---|---|---|---|---|---|
Monday | Morning | Intro to Redux (minimal redux) |
Redux Minimal with Wombats | Intro to Redux | Redux intro |
Afternoon | Testing Redux | Testing Redux | Action creators, combineReducers and testing Redux | ||
Tuesday | Morning | React Redux Full | Sweet-As Beers | React Redux Full | React Redux Full |
Wednesday | Morning | Async operations with Redux | Sweet-As Organics | Async ops | Async Redux Operations (using Thunk) |
APIs
Day | Time | Topics | Challenges | Code from Class | Lecture Video |
---|---|---|---|---|---|
Monday | Morning | REST web APIs | Charlotte's Web Log API, Web API Stories |
REST web APIs | Intro to web APIs |
Afternoon | Testing API endpoints | Testing API endpoints | Testing web APIs | ||
Tuesday | Morning | Consuming external web APIs with useEffect | Consuming external APIs | Consuming external web APIs with useEffect | External APIs |
Wednesday | Morning | Full stack code-along | The Wonderful World of Widgets | Code along | React forms and sever-side APIs |
Client-side rendering with React
Day | Time | Topics | Challenges | Code from Class | Lecture Video |
---|---|---|---|---|---|
Monday | Morning Recap | Intro to React, Transpiling |
Paws for Effect, Charlotte's Web Log |
ES Modules, The Build, Functional Components, Rendering Logic |
Web Architecture, The Virtual DOM, ES Modules, React Build with Webpack, Functional Components, Rendering Logic |
Afternoon | Snapshot testing | Snapshot testing | Snapshot testing | ||
Tuesday | Morning | State, Event handling |
Broken Kaleidoscope, Memory, Enspiraled |
Stateful React components | Stateful React components |
Afternoon | UI testing with Testing Library | UI testing | |||
Wednesday | Morning | Client-side routing | Worldwide Routing | Client-side routing | Client-side routing |
Thursday | Afternoon | React Forms | React Forms | React forms |
Databases with Knex.js
Day | Time | Topics | Challenges | Code from Class | Lecture Video |
---|---|---|---|---|---|
Monday | Morning | Intro to databases, Knex.js |
Knex To-Do CLI | Databases and Knex.js | Databases, Knex and CLI |
Afternoon | Promises | Promises | Promises | ||
Tuesday | Morning | Database joins | Knex Joins Stories, Knex Relationships Stories (optional) |
Relationships, Joins and Keys | Joins and Relationships |
Wednesday | Morning | Adding to databases with forms | Dreamfest 😍 | Databases and revisiting POST routes with Handlebars | Adding to Databases |
Servers with Express
Templates and server-side rendering with Handlebars
Day | Time | Topics | Challenges | Code from Class | Lecture Video |
---|---|---|---|---|---|
Monday | Morning Recap | Express.js, JSON parse and stringify, The Web |
Express Server | Creating an Express Web Server, JSON.parse() & JSON.stringify(), How the Web Works |
|
Afternoon | Debugging the server-side, Route testing w/ Supertest |
Testing Routes with Supertest | Testing Routes with Supertest | ||
Tuesday | Morning | Server-side Rendering with Express Handlebars | Server-side Rendering | Express Handlebars | Handlebars, Lecture slides |
Afternoon | Testing Server-side Handlebars | Testing Handlebars | Testing Sever-side Handlebars | ||
Wednesday | Morning Recap | Express router | Pupparazzi | Express router | Express Router |
Building a strong foundation with Javascript
Day | Time | Topics | Challenges | Code from Class | Lecture Video |
---|---|---|---|---|---|
Monday | Morning | Github and pair programming | Two Truths and a Lie | ||
Afternoon | Yoga/wellbeing intro Node, npm and REPL |
Kata Objects and Arrays | Node, npm and REPL | Node, npm and REPL | |
Tuesday | Morning Recap | Datatypes, first class & array functions, CommonJS modules | Kata Types Modules | Functions, Modules |
Data Types, Functions, Common JS Modules |
Afternoon | npm & .gitignore | Kata Strings Numbers Modules | NPM, package.json & .gitignore | NPM, package.json & .gitignore | |
Wednesday | Morning | Data structures & testing w/ Jest | Kata Data Structures | Data structures & testing w/ Jest | Data structures & testing w/ Jest |
Afternoon | Scoring 10 pin bowling | Bowling Kata | Scoring Spreadsheet | ||
Thursday | Morning | Test-driven development | TDD Bowling | Test-driven development | TDD |
Afternoon | Conways | Conways | |||
Friday | Morning Recap | Async, callbacks & filesystem | Ascii Art Reader | Callbacks | Callbacks & the filesystem |
Afternoon | Testing async functions | Testing Async callbacks | Testing Async Callbacks |