Full Stack Web Development

6 subjects · 14 chapters · 56 topics

1. 01

   Web Foundations

   1.1 How the web works

   • Clients, servers and HTTP
   • DNS, domains and hosting
   • Request/response and status codes
   • Browser rendering

   1.2 HTML and CSS

   • Semantic HTML
   • The box model, Flexbox and Grid
   • Responsive design and media queries
   • Accessibility basics

   1.3 JavaScript

   • Types, scope and closures
   • DOM manipulation and events
   • Promises and async/await
   • Modules and bundlers
2. 02

   Front End with React

   2.1 React fundamentals

   • Components and JSX
   • Props and state
   • Hooks: useState, useEffect
   • Lists, keys and conditional rendering

   2.2 Building real interfaces

   • Forms and validation
   • Routing
   • Global state and context
   • Data fetching and loading states

   2.3 Styling and quality

   • Tailwind or CSS modules
   • Component structure
   • Performance and re-renders
   • Testing components
3. 03

   Back End with Node

   3.1 Node and Express

   • Server setup and routing
   • Middleware
   • Request validation
   • Error handling

   3.2 APIs

   • REST design
   • Authentication with JWT and sessions
   • File uploads
   • Rate limiting and CORS

   3.3 Databases

   • SQL with PostgreSQL
   • NoSQL with MongoDB
   • Schema design and relations
   • Migrations and seeding
4. 04

   Putting It Together

   4.1 Full-stack integration

   • Connecting front end to API
   • Environment variables and configuration
   • Handling auth end to end
   • Debugging across the stack

   4.2 Quality

   • Git and branching
   • Code review habits
   • Automated tests
   • Logging and monitoring
5. 05

   Deployment

   5.1 Going live

   • Building for production
   • Deploying the front end
   • Deploying the API and database
   • Custom domains and HTTPS

   5.2 Operations

   • CI/CD pipelines
   • Performance and caching
   • Security checklist
   • Backups
6. 06

   Capstone

   6.1 A complete application

   • Planning features and data model
   • Building it in stages
   • Deploying it
   • Presenting and documenting