Full-Stack Development

Refresh the building blocks of the browser layer: semantic HTML structure, modern CSS layout, and responsive design that adapts to any screen. This sets the foundation for the React work that follows.

• 1.1 Course Overview and Tooling Setup
  Preview 18:40
• 1.2 Semantic HTML and Accessible Markup
  42:15
• 1.3 CSS Layout with Flexbox and Grid
  55:30
• 1.4 Responsive Design and Media Queries
  48:10
• 1.5 Exercise: Build a Responsive Layout
  62:00

Master the modern JavaScript features that power today's front ends, then build component-based user interfaces with React using hooks, props, and state.

• 2.1 ES6+: Modules, Arrow Functions, Destructuring
  50:25
• 2.2 Async JavaScript: Promises and async/await
  47:50
• 2.3 React Components, JSX, and Props
  58:15
• 2.4 State and the useState Hook
  52:40
• 2.5 Side Effects with useEffect
  49:20
• 2.6 Client-Side Routing with React Router
  44:05
• 2.7 Exercise: Build an Interactive React App
  75:00

Move to the server. Learn the Node.js runtime and module system, then build HTTP servers with Express using routes, middleware, and structured error handling.

• 3.1 The Node.js Runtime and npm
  46:30
• 3.2 Building an Express Server
  51:15
• 3.3 Routing and Route Parameters
  48:00
• 3.4 Middleware and Request Lifecycle
  45:50
• 3.5 Error Handling and Logging
  42:35
• 3.6 Exercise: Scaffold an Express API
  68:00

Design clean, predictable REST APIs. Cover resource modeling, HTTP methods and status codes, request validation, versioning, and documentation.

• 4.1 REST Principles and Resource Modeling
  44:20
• 4.2 HTTP Methods and Status Codes
  40:10
• 4.3 Request Validation and Input Sanitization
  47:45
• 4.4 Pagination, Filtering, and Versioning
  43:30
• 4.5 Exercise: Document an API with OpenAPI
  60:00

Store and query data with both relational and document databases. Learn SQL and schema design with PostgreSQL, then explore when and how to use NoSQL with MongoDB.

• 5.1 Relational Modeling and Schema Design
  52:00
• 5.2 SQL Queries and Joins in PostgreSQL
  56:30
• 5.3 Indexes, Constraints, and Migrations
  48:15
• 5.4 Connecting Express to PostgreSQL
  50:40
• 5.5 Intro to NoSQL and Document Modeling
  45:25
• 5.6 Working with MongoDB and Mongoose
  49:50
• 5.7 Exercise: Persist API Data to a Database
  72:00

Secure your application. Implement user registration and login, hash passwords, issue and verify JSON Web Tokens, and protect routes with role-based authorization.

• 6.1 Authentication vs. Authorization
  38:20
• 6.2 Password Hashing with bcrypt
  41:10
• 6.3 JSON Web Tokens and Sessions
  50:35
• 6.4 Protected Routes and Role-Based Access
  46:00
• 6.5 Exercise: Add Auth to Your API
  64:00

Wire the React client to your Express API. Fetch and submit data, manage loading and error states, handle CORS, and keep the UI in sync with the server.

• 7.1 Fetching API Data from React
  48:30
• 7.2 Loading, Error, and Empty States
  43:15
• 7.3 Forms, Mutations, and Optimistic Updates
  51:40
• 7.4 CORS, Environment Config, and Proxies
  40:50
• 7.5 Exercise: Full CRUD UI Against Your API
  70:00

Build confidence in your code. Write unit tests with Jest, test React components with React Testing Library, and verify API endpoints with integration tests.

• 8.1 Testing Fundamentals and the Test Pyramid
  39:25
• 8.2 Unit Testing with Jest
  47:10
• 8.3 Testing React Components
  50:05
• 8.4 Integration Testing API Endpoints
  48:40
• 8.5 Exercise: Add a Test Suite to Your App
  66:00

Work the way professional teams do. Use Git for version control and collaborate through branches, pull requests, and code review on a shared remote.

• 9.1 Git Basics: Commits, Branches, Merges
  44:15
• 9.2 Branching Strategies and Pull Requests
  42:30
• 9.3 Resolving Merge Conflicts and Code Review
  40:00
• 9.4 Exercise: Collaborate via a Git Workflow
  52:00

Ship to production. Containerize your app, build a CI/CD pipeline that runs tests and deploys automatically, configure environment variables and secrets, and host on the cloud.

• 10.1 Build Tools and Production Bundles
  45:20
• 10.2 Containerizing with Docker
  52:10
• 10.3 CI/CD Pipelines with GitHub Actions
  54:35
• 10.4 Environment Variables and Secrets
  41:45
• 10.5 Deploying to a Cloud Host
  49:00
• 10.6 Exercise: Automate a Deploy Pipeline
  68:00

Bring everything together. Plan, build, test, and deploy a complete full-stack application with a React front end, an authenticated Express API, a database, and a CI/CD pipeline.

• 11.1 Planning and Architecting the App
  46:00
• 11.2 Building the API and Data Layer
  62:30
• 11.3 Building the React Client
  64:15
• 11.4 Testing and Deploying the Capstone
  58:50
• 11.5 Project Review and Next Steps
  50:00