Full-Stack Web Development with Angular

Table of contents

1. Introduction
   1. Full-Stack Web Development with Angular: Introduction
2. Lesson 1: Meet the MEAN Stack
   1. Learning objectives
   2. 1.1 Learn the basics of Angular
   3. 1.2 Learn the basics of Node.js
   4. 1.3 Learn the basics of Express
   5. 1.4 Learn the basics of MongoDB
3. Lesson 2: Build a Full-Stack Meal-Tracker Application
   1. Learning objectives
   2. 2.1 Learn about the example application
   3. 2.2 Create and setup the project
   4. 2.3 Learn about REST APIs
   5. 2.4 Implement the Home page
   6. 2.5 Build a Meals List component
   7. 2.6 Create a service for loading data
   8. 2.7 Build a backend for the Home page
   9. 2.8 Implement the Add Ingredient page
   10. 2.9 Implement the Recipe Search page
   11. 2.10 Create a Search Results List component
   12. 2.11 Implement the Shopping List page
   13. 2.12 Calculate the missing ingredients
4. Lesson 3: Build a Members-Only Website
   1. Learning objectives
   2. 3.1 Learn about the example application
   3. 3.2 Create and set up the project
   4. 3.3 Learn the basics of user authentication
   5. 3.4 Implement the Sign In page
   6. 3.5 Protect routes from unauthenticated users
   7. 3.6 Implement the Groups List page
   8. 3.7 Create a Groups List component
   9. 3.8 Create a backend for the Groups List page
   10. 3.9 Implement routes for Join requests
   11. 3.10 Implement the Create Group page
   12. 3.11 Create basic server routes
   13. 3.12 Add more server routes
   14. 3.13 Implement the Group page
   15. 3.14 Make network requests from the frontend
5. Lesson 4: Build an Image-Sharing Application
   1. Learning objectives
   2. 4.1 Learn about the example application
   3. 4.2 Create and set up the project
   4. 4.3 Store and serve files
   5. 4.4 Implement the Sign In page
   6. 4.5 Implement the Browse Photos page
   7. 4.6 Implement the Upload Photo page
   8. 4.7 Create basic utility functions
   9. 4.8 Implement the Photo Detail Page and Routes
   10. 4.9 Add methods to the Photos Service
6. Lesson 5: Build a Stock-Trading Application
   1. Learning objectives
   2. 5.1 Learn about the example application
   3. 5.2 Create and set up the project
   4. 5.3 Learn the basics of interacting with third-party APIs
   5. 5.4 Implement the Basic User Interface
   6. 5.5 Implement the Stock Ticker Chart
   7. 5.6 Implement the Stocks service
   8. 5.7 Allow users to buy and sell stocks
   9. 5.8 Track user progress over time
7. Lesson 6: Build a Real-Time Chat Application
   1. Learning objectives
   2. 6.1 Learn about the example application
   3. 6.2 Create and set up the project
   4. 6.3 Learn the basics of web sockets and real-time interaction
   5. 6.4 Implement the Sign In page
   6. 6.5 Implement the Home page
   7. 6.6 Create services for managing data
   8. 6.7 Implement the New Conversation page
   9. 6.8 Add web sockets to the backend
   10. 6.9 Add web sockets to the frontend
8. Summary
   1. Full-Stack Web Development with Angular: Summary