Learning Angular 7

Video description

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.

What You Will Learn

  • Develop an application from scratch using Angular 7 that allows you to create an assignment tracker
  • Understand and use Angular Forms, Observables, Dependency Injection, and Routing
  • Create components and use Angular to create powerful single page applications
  • Retrieve data from a route and protect your routes with guard
  • Retrieve, update, and delete data using Angular’s Http service
  • Make your app look beautiful by using material design and Animations
  • Discover new features to Angular including breakthrough features in Artificial Intelligence and Bitcoin mining!


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.

About The Author

Sam Orgill: Sam Orgill is a developer with over 10 years’ experience in web development. He began by helping to develop websites for his father's company, which developed into a successful side-hustle while he was at university. He subsequently went into industry and developed his web development skills but has since gone freelance and has a passion for teaching others the power of web development and the freedom a web development career brings.



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