Angular - The Complete Guide (2021 Edition)

This repository contains my code solutions to the Udemy course Angular - The Complete Guide (2021 Edition).

Prerequisites

1. Install nodejs.
2. Install the Angular CLI.
3. Install Visual Studio Code (optional).

Running the code

The code is in the src folder. The course is split into numbered sections (see below for a list of high-level sections) and each section section is split into numbered lessons (see inside each section folder for a list of lessons). Each lesson is a separate Angular project.

1. Run npm install from the project folder to install the dependencies listed in the package.json file.
2. Run npm start from the project folder to launch the Angular development server. This command will launch the application in your default web browser and will watch for and compile changes to source files.

Deployment

If you wish to deploy the app then run the command npm run build from the project folder. This will create a dist directory with the application build artifacts. You can then deploy this folder on any web server that you want.

Course Overview

• Section 1: Getting Started
• Section 2: The Basics
• Section 3: Course Project - The Basics
• Section 4: Debugging
• Section 5: Components & Databinding Deep Dive
• Section 6: Course Project - Components & Databinding
• Section 7: Directives Deep Dive
• Section 8: Course Project - Directives
• Section 9: Using Services & Dependency Injection
• Section 10: Course Project - Services & Dependency Injection
• Section 11: Changing Pages with Routing
• Section 12: Course Project - Routing
• Section 13: Understanding Observables
• Section 14: Course Project - Observables
• Section 15: Handling Forms in Angular Apps
• Section 16: Course Project - Forms
• Section 17: Using Pipes to Transform Output
• Section 18: Making Http Requests
• Section 19: Course Project - Http
• Section 20: Authentication & Route Protection in Angular
• Section 21: Dynamic Components
• Section 22: Angular Modules & Optimizing Angular Apps
• Section 23: Deploying an Angular App
• Section 24: Bonus: Working with NgRx in our Project
• Section 25: Bonus: Angular Universal
• Section 26: Angular Animations
• Section 27: Adding Offline Capabilities with Service Workers
• Section 28: A Basic Introduction to Unit Testing in Angular Apps
• Section 29: Angular as a Platform & Closer Look at the CLI
• Section 30: Angular Changes & New Features
• Section 31: Course Roundup
• Section 32: Bonus: TypeScript Introduction (for Angular 2 Usage)