Angular Crash Course

Table of contents

1. Chapter 1 : Introduction
   1. Course and Instructor Introduction
   2. How to make the best of this course
   3. What are Single Page Applications
   4. What and why Angular
2. Chapter 2 : Software Setup
   1. Install Angular
   2. Install Yarn
   3. Install Visual Studio Code
   4. Install MySql and MySql workbench
   5. Launch MySql Workbench
   6. Download the completed projects
3. Chapter 3 : Components
   1. Components
   2. Create the project
   3. Important Project Files and Folders
   4. Create the First Component
   5. NgModules
   6. Bootstrap and run the first component
   7. Using the new component as the root component
   8. Create a Seller Component
   9. Using Arrays of data and ngFor directive
   10. Use the function
   11. Input property binding
   12. Output Event Binding
4. Chapter 4 : Directives
   1. Introduction
   2. ngIf
   3. Using ngIf dynamically
   4. Using ngSwitch
   5. Using ngSwitchDefault
   6. Using ngFor
   7. Using ngFor with objects
   8. Using ngNonBindable
   9. NgStyle
   10. Dynamic Styling with ngStyle
   11. Using NgClass
   12. Dynamic NGClass
5. Chapter 5 : Services
   1. Dependency Injection
   2. Usecase
   3. Links to rest services
   4. Create the project and service
   5. Service code walkthrough and imports
   6. Implement the service
   7. Handle errors in Service
   8. Create the component
   9. Implement HTML
   10. Implement HTML
   11. Update configuration
   12. Services in action
   13. Add styles
6. Chapter 6 : Posting Data
   1. Introduction
   2. Create the project
   3. Implement the Component
   4. Implement the Service
   5. Implement the HTML
   6. Bootstrap the application
   7. Run the application
7. Chapter 7 : Using Multiple Services
   1. Introduction
   2. Create the project
   3. Implement the Services
   4. Use the Services
   5. Implement the HTML
   6. Configure the app
   7. Run the application
   8. Use forkJoin
8. Chapter 8 : REST API Using ExpressJS
   1. Introduction
   2. Create the Product table
   3. Create the Project
   4. Create the DB Connection
   5. Create a controller
   6. Implement the READ endpoint
   7. Initialize REST application
   8. Test READ
   9. Get single Product
   10. Create
   11. Test and Troubleshoot Create
   12. Update
   13. Delete
9. Chapter 9 : Create an Angular Client Project
   1. Create the project
   2. Create and implement Get Products Service method
   3. Create the component and view
   4. Test GET Products
   5. Implement the Other Methods
   6. Test Create
   7. Test other methods
10. Chapter 10 : Routing
    1. Routing
    2. Usecase and Refactoring
    3. Refactor Components
    4. Refactor HTML
    5. Routing Steps
    6. Create the Routing Module
    7. Add the Routes
    8. The pathmatch property
    9. Configure the routing module
    10. Use routes in HTML
    11. Routing in Action
11. Chapter 11 : Pipes
    1. Introduction
    2. text pipes
    3. date
    4. currency
    5. json
    6. number
    7. percent
    8. slice
    9. Using slice in for
    10. create a promise
    11. use async pipe
    12. Create a Custom Pipe
12. Chapter 12 : Reactive Forms
    1. Forms
    2. Usecase and Project
    3. Add bootstrap css
    4. Create the model
    5. Create the form view
    6. Add a Address sub group
    7. Add submit button
    8. Handle onSubmit
    9. Test and Summary
    10. Default Values and Validations
    11. Handling Validation Errors
    12. Get countries dynamically
13. Chapter 13 : Template Driven Forms
    1. Template Driven Forms
    2. Create the project
    3. Create the template and form
    4. Add sub FormGroup fields
    5. Handle Submit
    6. Test
    7. Two-way binding
14. Chapter 14 : Custom Directives
    1. Create a custom structural directive
    2. Implement the conditional logic
    3. Use *myIf
    4. Create loop directive
    5. Create an Attribute Directive
    6. Pass Inputs
    7. Handle Events
15. Chapter 15 : Project Usecase
    1. Introduction
    2. Flight Reservation Usecase
    3. Flight CheckIn Usecase
16. Chapter 16 : Create the Java Backend
    1. Create the DB Schema
    2. Install Java
    3. Install STS
    4. Download the executable java application
    5. Download the completed source code
    6. Create the project
    7. Create the Entities
    8. Mark them with JPA Annotations
    9. Define relationships
    10. Create the Repositories
    11. findFlights API
    12. saveReservation API
    13. Implement saveReservation
    14. findReservation
    15. updateReservation
    16. Configure the Data Source and Run
    17. Add Flights
    18. Filter Flights
    19. Test Filter Flights using Postman
    20. Test Save and Find Reservation
    21. Test Update
    22. Create and Test FindFlight
    23. Add Cross Site Origin Support
17. Chapter 17 : Create the Flight Reservation APP
    1. Usecase
    2. Create the project
    3. Create Service
    4. Fetch single flight
    5. Save reservation
    6. Configure Routing
    7. Implement Find Flights Component
    8. Implement Binding
    9. Handle Search
    10. Display flight details
    11. Bootstrap the application and run
    12. Application in action
    13. Add Select Button
    14. Fetch single flight
    15. Render Flight Details
    16. Gather passenger details
    17. Collect Card Details
    18. Handle reservation save
    19. Show the confirmation screen
    20. Test End to End
18. Chapter 18 : Develop Flight CheckIn App
    1. Create the project
    2. Create the Service
    3. Implement the saveReservation method
    4. Implement Routing
    5. Code the root component
    6. Create Start Checkin HTML
    7. Handle OnClick
    8. Add Forms Module and assign reservation data
    9. Render Flight and passenger details
    10. Add noOfBags and confirm button
    11. Complete Checkin