1. Introduction FREE CHAPTER

• Course and Instructor Introduction
• How to make the best of this course
• What are Single Page Applications
• What and why Angular

2. Software Setup

• Install Angular
• Install Yarn
• Install Visual Studio Code
• Install MySql and MySql workbench
• Launch MySql Workbench
• Download the completed projects

3. Components

• Components
• Create the project
• Important Project Files and Folders
• Create the First Component
• NgModules
• Bootstrap and run the first component
• Using the new component as the root component
• Create a Seller Component
• Using Arrays of data and ngFor directive
• Use the function
• Input property binding
• Output Event Binding

4. Directives

• Introduction
• ngIf
• Using ngIf dynamically
• Using ngSwitch
• Using ngSwitchDefault
• Using ngFor
• Using ngFor with objects
• Using ngNonBindable
• NgStyle
• Dynamic Styling with ngStyle
• Using NgClass
• Dynamic NGClass

5. Services

• Dependency Injection
• Usecase
• Links to rest services
• Create the project and service
• Service code walkthrough and imports
• Implement the service
• Handle errors in Service
• Create the component
• Implement HTML
• Implement HTML
• Update configuration
• Services in action
• Add styles

6. Posting Data

• Introduction
• Create the project
• Implement the Component
• Implement the Service
• Implement the HTML
• Bootstrap the application
• Run the application

7. Using Multiple Services

• Introduction
• Create the project
• Implement the Services
• Use the Services
• Implement the HTML
• Configure the app
• Run the application
• Use forkJoin

8. REST API Using ExpressJS

• Introduction
• Create the Product table
• Create the Project
• Create the DB Connection
• Create a controller
• Implement the READ endpoint
• Initialize REST application
• Test READ
• Get single Product
• Create
• Test and Troubleshoot Create
• Update
• Delete

9. Create an Angular Client Project

• Create the project
• Create and implement Get Products Service method
• Create the component and view
• Test GET Products
• Implement the Other Methods
• Test Create
• Test other methods

10. Routing

• Routing
• Usecase and Refactoring
• Refactor Components
• Refactor HTML
• Routing Steps
• Create the Routing Module
• Add the Routes
• The pathmatch property
• Configure the routing module
• Use routes in HTML
• Routing in Action

11. Pipes

• Introduction
• text pipes
• date
• currency
• json
• number
• percent
• slice
• Using slice in for
• create a promise
• use async pipe
• Create a Custom Pipe

12. Reactive Forms

• Forms
• Usecase and Project
• Add bootstrap css
• Create the model
• Create the form view
• Add a Address sub group
• Add submit button
• Handle onSubmit
• Test and Summary
• Default Values and Validations
• Handling Validation Errors
• Get countries dynamically

13. Template Driven Forms

• Template Driven Forms
• Create the project
• Create the template and form
• Add sub FormGroup fields
• Handle Submit
• Test
• Two-way binding

14. Custom Directives

• Create a custom structural directive
• Implement the conditional logic
• Use *myIf
• Create loop directive
• Create an Attribute Directive
• Pass Inputs
• Handle Events

15. Project Usecase

• Introduction
• Flight Reservation Usecase
• Flight CheckIn Usecase

16. Create the Java Backend

• Create the DB Schema
• Install Java
• Install STS
• Download the executable java application
• Download the completed source code
• Create the project
• Create the Entities
• Mark them with JPA Annotations
• Define relationships
• Create the Repositories
• findFlights API
• saveReservation API
• Implement saveReservation
• findReservation
• updateReservation
• Configure the Data Source and Run
• Add Flights
• Filter Flights
• Test Filter Flights using Postman
• Test Save and Find Reservation
• Test Update
• Create and Test FindFlight
• Add Cross Site Origin Support

17. Create the Flight Reservation APP

• Usecase
• Create the project
• Create Service
• Fetch single flight details
• Save reservation
• Configure Routing
• Implement Find Flights Component
• Implement Binding
• Handle Search
• Display flight details
• Bootstrap the application and run
• Application in action
• Add Select Button
• Fetch single flight
• Render Flight Details
• Gather passenger details
• Collect Card Details
• Handle reservation save
• Show the confirmation screen
• Test End to End

18. Develop Flight CheckIn App

• Create the project
• Create the Service
• Implement the saveReservation method
• Implement Routing
• Code the root component
• Create Start Checkin HTML
• Handle OnClick
• Add Forms Module and assign reservation data
• Render Flight and passenger details
• Add noOfBags and confirm button
• Complete Checkin