Angular Crash Course

Video description

Angular.js is one of the most widely used single-page application development frameworks in the industry. It makes it easier than ever to create efficient and production-ready single-page applications.

In this course, you will learn how to create REST APIs using Express and Java Spring Boot. You will even use them in your Angular frontend and build full stack applications from scratch. The course will also guide you through creating Angular components. As you advance, you’ll get to grips with developing and using pipes to format data effectively. The course will later take you through creating custom directives and using them. Toward the concluding sections, you’ll learn how to build a check-in app to check-in passengers.

By the end of this course, you’ll have explored the essential Angular features and have gained the skills you need to build robust single-page applications.

What You Will Learn

  • Get to grips with creating Angular components
  • Create services and use them to make GET and POST calls
  • Develop REST APIs using Node.js and Express.js
  • Create an Angular frontend that consumes the REST APIs
  • Configure routing for single-page applications
  • Develop and use pipes to format data
  • Build custom directives and use them
  • Create a flight reservation backend API using Java and a frontend by consuming the backend API
  • Build a check-in app to check-in passengers


This course is for anyone who wants to create single-page applications and understand Angular features through a hands-on approach, or simply build end-to-end applications using an Angular frontend and a Java backend. Those looking to build an end-to-end application using Angular as a frontend with a Node.js or Express backend will also find this course useful. The course will also help experienced Angular.js developers looking to enhance their knowledge of creating SPAs using Angular.js. Some knowledge of JavaScript and TypeScript is required to grasp the concepts covered in the course.

About The Author

Bharath Thippireddy: Bharath Thippireddy is an entrepreneur, software architect, and public speaker who has trained over 350,000 students across the globe. He is an Oracle certified developer, web component developer, business component developer, and web services developer who loves learning new things in technology and personal development, and sharing them on his website and YouTube channel.

He has mentored students in classroom training as well as in the corporate world in India and USA and has spoken on technical topics at several Agile conferences. While in India, he volunteers to teach interviews and soft skills at Vivekananda Kendra.

Publisher resources

Download Example Code

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

Product information

  • Title: Angular Crash Course
  • Author(s): Bharath Thippireddy
  • Release date: December 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781800209824