(11/10) Week 13 - Building an API in Node.js (Part 2)
- Use the
class-1branch as a starting point - Code (Pull Requests 6-9)
- CSRF Slides
- Reading: Protecting Web Applications Against CSRF Attacks
(11/3) Week 12 - Building an API in Node.js (Part 1)
Additional Resources
(10/27) Week 11 - State Management
Additional Resources
Action Items for Next Week
- Download TablePlus
- Download Postman
- Reading: JavaScript Constructor Functions and Classes
- Scaffold an Adonis project for the Issues API
(10/20) Week 10 - Writing Tests
- Testing Overview slides
- Code for StarRating component tests
- Code for Issues app tests
- Assignment 7 (due 10/27 at 11:59pm)
Additional Resources
- React - Testing Overview
- Jest
- React Testing Library
- Mocking APIs with Mirage JS
- jest-dom
(10/13) Week 9 - Patterns for Building Reusable Components
Additional Resources
- Yarn package manager
- Render props
- The
childrenprop - Typechecking with PropTypes
- Using Font Awesome with React
(10/6) Week 8 - JSON Server (Part 2 - DELETE/POST/PUT), Deployment, and Modals with Portals
- JSON Server Part 2 - DELETE/POST/PUT (Pull Requests 6-8)
- JSON Server extras
- Deploy JSON Server to Heroku and React to Netlify (Pull Request 9)
- Modals with Portals (Pull Request 10)
- Assignment 6 (due 10/13 at 11:59pm)
Additional Resources
(9/29) Week 7 - Midterm
(9/22) Week 6 - Client-side Routing (Part 2), REST APIs, and JSON Server (Part 1 - GET)
- Demo (see
class-1branch or Pull Requests 1-5) - Assignment 5 (due 9/29 at 11:59pm)
- Lab 4 (due 10/6 at 11:59pm)
Additional Resources
- REST API Conventions
- JSON Server (GitHub)
- JSON Server (video)
- Proxying API Requests in Development with Create React App
(9/15) Week 5 - Client-side Routing (Part 1) and CRUD
- Code
- Lab 2 (due 9/22 at 5pm)
- Lab 3 - Final Project Proposal (due 9/22 at 11:59pm)
- Midterm (in 2 weeks)
Additional Resources
(9/8) Week 4 - Forms and State (React)
- Code
- Kahoot - Forms and State (React)
- Assignment 4 (due 9/15 at 11:59pm)
Additional Resources
(9/1) Week 3 - Introduction to React
- Kahoot 1 - Client-side Templating, Promises, and Event Delegation
- Code
- Kahoot 2 - Introduction to React
- Deploying to Netlify
- Assignment 3 (due 9/8 at 11:59pm)
Additional Resources
- Creating React App
- JSX
- Components, Props, and State
- State and Lifecycle
- Conditional Rendering
useEffect()- fetch()
- icanhazdadjoke API
(8/25) Week 2 - Client-side Templating, Promises, and Event Delegation
- Kahoot 1 - Week 1 Review
- Code
- Promise slides
Kahoot 2 - Client-side Templating, Promises, and Event Delegation- Deploying to Surge
- Assignment 2 (due 9/1 at 11:59pm)
- Lab 1 (due 9/1 at 5pm)
Additional Resources
- GitHub API Rate Limiting
- A Simple Explanation of Event Delegation in JavaScript
$.ajaxDocumentation- Promises/A+ Spec
- Surge: Remembering a domain
(8/18) Week 1 - Course Intro, Ajax, and Client-side Rendering
- Week 1
- Kahoot 1 - Week 1: Git, GitHub, Command Line Basics, Slack
- Kahoot 2 - Week 1: Ajax, JSON, Promises, HTTP
- Code
- Assignment 1 (due 8/25 at 11:59pm)
