Learning Angular 7

Video description

Learn Angular 7 & build web applications that scale

About This Video

  • The best overview of Angular 7 in the market—this guide gathers together everything that there is to know about Angular 7
  • Learn to build powerful and scalable mobile and desktop web applications with Angular 7
  • Explore the latest features of Angular 7 by building a complete responsive application from scratch

In Detail

This course will show you how to set up an Angular project, and you'll build Angular components with the latest version of Angular 7.

In this course, you’ll learn all the fundamentals about modules, directives, components, data binding, routing, HTTP access, and providing full CRUD operations. Then you’ll learn how to route dynamically, how to retrieve data from a route, and how to protect your routes with guards. Finally, you'll see how to use material components and animations to manage transitions to give the user a wow experience.

By the end of this course, you'll have a good understanding of Angular 7 and its features in general and you'll be able to build web applications.


This course is for JavaScript developers who want to learn Angular for web development, and developers who are new to web development and want to learn front end development with Angular 7. If you’re a web developer, whether you’ve worked with previous versions of Angular or not, this is a course for you to get up and running with Angular 7. Some basic knowledge of web development is assumed.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Diving into Angular 7
    1. The Course overview
    2. What is Angular?
    3. New Angular 7 Features
    4. Set Up Your First App with the CLI
    5. Style Your App Using Angular Material
    6. Get the Most out of This Course
  2. Chapter 2 : Creating Your First and Second Components
    1. How to Create a Component
    2. Display your Data with Directives
    3. Conditionally Styling Elements
    4. Data Binding with Forms - Part 1
    5. Data Binding with Forms - Part 2
    6. Data Binding with Forms - Part 3
    7. Passing Data Between Components - Part 1
    8. Passing Data Between Components - Part 2
    9. Passing Data Between Components - Part 3
  3. Chapter 3 : Creating Your First Service
    1. Learn How Services Work and Create Your First Service
    2. Moving Your Data to the Service and Injecting It
    3. Understanding Observables and How to Mock them
    4. ADD and UPDATE Assignments with Your Service
    5. DELETE Assignments with Your Service
    6. Injecting Services into Other Services
  4. Chapter 4 : Adding Routes to Your App
    1. How Routes Work in Angular
    2. Initializing Your routes
    3. Navigating to Pages Dynamically
    4. Sending and Receiving Queries Through Routes - Part 1
    5. Sending Queries Through Routes - Part 2
    6. Protecting Routes - Part 1
    7. Protecting Routes - Part 2
  5. Chapter 5 : Making HTTP Calls to APIs
    1. Setting Up Your Database and Using the API
    2. How the HttpClient Works in Angular
    3. Sending GET Requests
    4. Sending POST PUT Requests
    5. Sending DELETE Requests
    6. RxJS Operators
    7. Error Handling and Http Headers
  6. Chapter 6 : Styling Your Application with Angular Material and Animations
    1. Material Cards - Part 1
    2. Material Cards - Part 2
    3. Tabs in Material
    4. Create a Stepper
    5. Give Feedback with Snackbars
  7. Chapter 7 : New Features in Angular 7
    1. Virtual Scrolling
    2. Drag and Drop- Part 1
    3. Drag and Drop- Part 2
    4. Other New Features
    5. Course Wrap-Up

Product information

  • Title: Learning Angular 7
  • Author(s): Sam Orgill
  • Release date: December 2018
  • Publisher(s): Packt Publishing
  • ISBN: 9781789804461