Don't clone this repo. It is a dynamic online resource to be updated by me. If you want to know what we are doing each day this is how you will know. Bookmark the url.
Resources
- Video Playlist
- Grading Policy
- Start on your final project
- Discourse
- Stackblitz
- Watch and Code
- How to ask questions
- Communication
- Office Hours
- 6:30 - 7:00 Let's discuss what this class is all about
- Discuss where we left off last class
- 7:00 - 7:30 Review Javascript
- 7:30 - 8:00 Make sure our computers are setup properly
- Do we remember how to fork, clone and install.
- What does npm install actually do?
- 8:00 - 8:30 Go over reusability
- 8:30 - 9:00 Testing project
- yarn
- Homework
- Build the filter, find and map functions and build tests for them
- Re watch class recording
- React Slides
- Video 1 - Intro to React 1
- Video 2 - Intro to React 2
- Video 3 - Intro to React 3
- Video 4 - React and Map
- In class project - Twitter Clone
- Go back over testing project. Run through one of the functions. Discuss the point of these functions.
- Discuss undefined error and understanding errors in general.
- Go over pull request.
- React Slides
- In class project - Twitter Clone
- Homework
- Demo Twitter Clone
- 6:30 - 7:00 Modules
- 7:00 - 7:30 Module Practice
- Review homework project for this week.
- Homework
- Notes
- React Dev Tools
- Review Prop Practice Child/Parent
- Review Component Practice
- Homework 1 Walkthrough
- Prop Types
- React Events
- React Component Communication
- React State
- React State Practice
- React State Practice 2
- Homework
- Notes
- ECommerce site discussion
- Understanding Internet Communication
- HTTP Slides
- Complete the Fetch Practice using the Fetch Checklist and examples. Tell me when you are done.
- Async Slides
- 6:30 - 7:00 Review - Let us go over the topics we have covered so far
- 7:00 - 9:00 We have a lot of projects that we can be working on. Let's get them done so we are all on the same page for the next topic. Ask for help if you need it. If you are done with all the projects, work on extra credit. If you are done with extra credit then start working on your final project.
- Extra Credit
- Explain this error
- Redux
- 6:30 - 6:40 Discuss stackblitz.com. What is it? Why would we use it?
- 6:40 - 7:00 Demo issues with using react as we have. Step through slides.
- 7:00 - 7:20 Redux Lecture 1- 7
- 7:20 - 8:00 Redux Checklist Let's use this checklist to connect our app to a redux database in order to retrieve information.
- 8:00 - 8:10 Demo redux practice
- 8:10 - 9:00 Work on redux practice
- 6:30 - 7:30 We looked at how to retrieve data from redux store. Now let's see how to change data in the redux store. Continue using the twitter clone demo and the checklist
- 7:30 - 8:00 Rules of reducers
- 7:30 - 8:00 Walk through redux action practice
- 8:00 - 9:00 Start working on the redux action practice
- Work day - Catch up on advanced-redux-actions-practice
- Get project done
- Homework
- HTTP Slides
- Complete the Fetch Practice using the Fetch Checklist and examples. Tell me when you are done.
- Async Slides
- Understanding Fetch
- Using Fetch with Redux Slides
- Fetch Practice
- Redux thunk checklist
- Homework
- Serverless Architecture
- Presentation vs. Container
- Children components
- Work Day - Get redux thunk practice done and work on checkpoint 1
- Review Redux Thunk Practice
- Review Checkpoint 1
- Checkpoint 1 Walkthrough Video
- Client Side Routing Video 1
- Client Side Routing Video 2
- Discuss what a spa is and the pros and cons.
- How does client side routing make spa's better.
- Walkthrough how to use React Router by doing the project.
- Lecture
- Checklist
- Project
- Homework
- Intro Express Video
- Install Postman
- Review material for next day
Time to switch gears. Everything we have done so far has been part of the concept of "Front End". Let's start learning about some "Back End" concepts.
- Let's fill out the Client Server Comm Checklist ourselves.
- Talk about REST
- Talk about Servers and Express
- Client Server Comm Checklist
- Express Checklist
- Walkthrough homework project express practice part 1.
- Run through Express Practice
- Install and talk about Postman
Homework
- Express Practice Part 1
- MongoDB Video
- Install MongoDB Instructions
- Install MongoDB Video
- Look at MLab
- Setup MLab Video
- Install Robomongo
Let's continue with our web server and learn about routes and controllers.
- Let's get mongodb installed and running on everyone's computer. Hang in there, we just need to get through it.
- Use the mongodb checklist and get our server connected to the mongodb using mongoose. Do one of the models in the express practice.
- Continue working on the express practice now using the database.
- Review checkpoint 2.
- If you get done with express practice all partst, then work on checkpoint 2.
- Lecture
- Checklist
- Homework
- Let's review the express practice and go back over using mongoose to interact with the database.
- Homework is the express practice with database.
- Checkpoint 2
- Checkpoint 2 Walkthrough
- Final Project
- Discuss what authentication/authorization is.
- Discuss the process of sign up and sign in.
- What is a token.
- Lecture
- Checklist
- Project
- Continue on discussing authentication
- Review debugging with chrome developer tools
- React testing
- https://gist.github.com/jw56578/bdcd21244aa8df279170bed9594d6934
- Checkpoint 2
- Checkpoint 2 Walkthrough
- Final Project
- Related Data
- Homework
- Review previous project
- Review current topic
- Walkthrough current project
- Work on current project