Node & React Full-Stack Web Development Mastery
Categories: Web Development
Course Content
1. Course Overview
-
1.1. App Overview
00:00 -
1.2. App User Flow Walkthrough
00:00 -
1.3. Tech Stack
00:00 -
1.4. App Mockups
00:00
2. Server Side Architecture
-
2.1. Application Architecture
00:00 -
2.2. Relationship Between Node and Express
00:00 -
2.3. Generating Express Apps
00:00 -
2.4. Express Route Handlers
00:00 -
2.5. Deployment Checklist
00:00 -
2.6. [Heroku] Installing the Heroku CLI
00:00 -
2.7. [Heroku] Verifying Deployment
00:00 -
2.8. [Heroku] Followup Deployments
00:00
3. Authentication with Google OAuth
-
3.1. Intro to Google OAuth
00:00 -
3.2. The OAuth Flow
00:00 -
3.3. Overview of Passport JS
00:00 -
3.4. Passport Setup
00:00 -
3.5. The Google OAuth API
00:00 -
3.6. Securing API Keys
00:00 -
3.7. Google Strategy Options
00:00 -
3.8. Testing OAuth
00:00 -
3.9. Authorized Redirect URI’s
00:00 -
3.10. OAuth Callbacks
00:00 -
3.11. Access and Refresh Tokens
00:00 -
3.12. Nodemon Setup
00:00
4. Adding MongoDB
-
4.1. Server Structure Refactor
00:00 -
4.2. The Theory of Authentication
00:00 -
4.3. Signing In Users with OAuth
00:00 -
4.4. Introduction to MongoDB
00:00 -
4.5. Remote vs Local MongoDB Instances
00:00 -
4.6. Connecting Mongoose to Mongo
00:00 -
4.7. Breather and Review
00:00 -
4.8. Mongoose Model Classes
00:00 -
4.9. Saving Model Instances
00:00 -
4.10. Mongoose Queries
00:00 -
4.11. Passport Callbacks
00:00 -
4.12. Encoding Users
00:00 -
4.13. Deserialize User
00:00 -
4.14. Enabling Cookies
00:00 -
4.15. Testing Authentication
00:00 -
4.16. Logging Out Users
00:00 -
4.17. [Optional] A Deeper Dive
00:00
5. Dev vs Prod Environments
-
5.1. Dev vs Prod Keys
00:00 -
5.2. Generating Production Resources
00:00 -
5.3. Determining Environment
00:00 -
5.4. Version Control Scheme
00:00 -
5.5. [Heroku] Production Environment Variables
00:00 -
5.6. Fixing Proxy Issues
00:00
6. Moving to the Client Side
-
6.1. A Separate Front End Server
00:00 -
6.2. Running the Client and Server
00:00 -
6.3. Routing Stumbling Block
00:00 -
6.4. The Beauty of Create React App’s Proxy
00:00 -
6.5. [Optional] Why This Architecture
00:00
7. Handling Payments
-
7.1. Client Side Billing
00:00 -
7.2. Billing Considerations
00:00 -
7.3. Stripe Billing Process
00:00 -
7.4. Exploring the Stripe API
00:00 -
7.5. Stripe API Keys
00:00 -
7.6. Env Variables with React
00:00 -
7.7. The Payments Component
00:00 -
7.8. Stripe Tokens
00:00 -
7.9. Payment Fixes
00:00 -
7.10. Reusing Action Types
00:00 -
7.11. Posting the Stripe Token
00:00 -
7.12. Post Request Handlers
00:00 -
7.13. Creating Charges
00:00 -
7.14. BodyParser Middleware
00:00 -
7.15. Creating a Charge Object
00:00 -
7.16. Finalizing a Charge
00:00 -
7.17. Adding Credits to a User
00:00 -
7.18. Requiring Authentication
00:00 -
7.19. Route-Specific Middlewares
00:00 -
7.20. Displaying Credit Quantity
00:00 -
7.21. Updating Credits
00:00
8. Back End to Front End Routing in Production
-
8.1. Express with Create-React-App in Production
00:00 -
8.2. Routing in Production
00:00 -
8.3. Deployment Options
00:00 -
8.4. Adding in a Build Step
00:00 -
8.5. Testing Deployment
00:00
9. Mongoose for Survey Creation
-
9.1. Survey Overview
00:00 -
9.2. Server Routes
00:00 -
9.3. Survey Model
00:00 -
9.4. Model Deficiencies
00:00 -
9.5. Limitations of Subdocument Collections
00:00 -
9.6. Setting up SubDocs
00:00 -
9.7. Relationship Fields
00:00 -
9.8. Survey Creation Route Handler
00:00 -
9.9. Verifying Minimum Credits
00:00 -
9.10. Creating Surveys
00:00 -
9.11. Creating Subdoc Collections
00:00 -
9.12. Creating Mailers
00:00 -
9.13. Identifying Unique Users
00:00 -
9.14. Sendgrid Setup
00:00 -
9.15. Mailer Setup
00:00 -
9.16. Mailer in Use
00:00 -
9.17. Mailer Constructor
00:00 -
9.18. Boilerplate for Sending Emails
00:00 -
9.19. More Mailer Properties
00:00 -
9.20. Sending SendGrid Emails
00:00 -
9.21. Testing Email Sending
00:00 -
9.22. Improving the Email Template
00:00 -
9.23. Polish in the Route Handler
00:00 -
9.24. Verifying Sendgrid Click Tracking
00:00 -
9.25. Feedback for User Feedback
00:00
10. Back to the Client!
-
10.1. Client Side Survey Creation
00:00 -
10.2. Material Icons
00:00 -
10.3. Navigation with the Link Tag
00:00 -
10.4. SurveyNew Form
00:00 -
10.5. Purpose of Redux Form
00:00 -
10.6. Redux Form Setup
00:00 -
10.7. The ReduxForm Helper
00:00 -
10.8. Redux Form in Practice
00:00 -
10.9. Custom Field Components
00:00 -
10.10. Wiring up Custom Fields
00:00 -
10.11. DRY’ing Up Fields
00:00 -
10.12. Fields from Config
00:00 -
10.13. Styling the Form
00:00 -
10.14. Form Validation
00:00 -
10.15. Showing Validation Errors
00:00 -
10.16. Generalizing Field Validation
00:00 -
10.17. Validating Emails
00:00 -
10.18. Displaying Invalid Emails
00:00 -
10.19. Toggling Visibility
00:00 -
10.20. Advancing From SurveyForm
00:00 -
10.21. Retreat to the Form
00:00 -
10.22. Persisting Form Values
00:00 -
10.23. Refactoring Form Fields
00:00 -
10.24. Finalizing Review Fields
00:00 -
10.25. Outstanding Form Work
00:00 -
10.26. Dumping Form Values
00:00 -
10.27. Fixing Property Names
00:00 -
10.28. Posting to Surveys
00:00 -
10.29. Redirect on Submit
00:00
11. Handling Webhook Data
-
11.1. Feedback with Webhooks
00:00 -
11.2. Webhooks in Development
00:00 -
11.3. LocalTunnel Setup
00:00 -
11.4. Testing Webhooks
00:00 -
11.5. Finalizing Webhook Setup
00:00 -
11.6. Encoding Survey Data
00:00 -
11.7. Dirty Data from Webhooks
00:00 -
11.8. Processing Pipeline
00:00
Student Ratings & Reviews
No Review Yet
Your Instructor
marcusstreet79@gmail.com
Follow Me:
