Course Outline

Introduction

  • What's new in Angular 7?

Overview of Typescript and ES6 JavaScript

  • TypeScript Syntax
  • Using the TypeScript transpiler
  • Setting up Angular 7 and Typescript

Overview of Angular 7's Parts

  • Angular CLI
  • Components
  • Directives
  • Inputs and Outputs
  • Data Binding and Interpolation
  • Event Binding
  • Data Modelling
  • Bootstrapping

Creating Your First Angular Application

  • Planning the Application
  • Setting Up an Angular Project
  • Using Bootstrap 4 and Sass

Creating a Component

  • Understanding the Component Lifecycle
  • Data Flow
  • Using Templates and Styles
  • Projecting Content
  • Working with AppModule
  • Working with Custom Components
  • Using View Encapsulation
  • Implementing Lifecycle Hooks
  • Using ViewChildren and ContentChildren

Data Binding in Angular 7

  • Understanding Property and Event Binding
  • Binding and Assigning Aliases to Custom Properties
  • Binding and Assigning Aliases to Custom Events

Working with Directives

  • Built-in Directives
  • Custom Directives

Angular 7 Services

  • Creating a Logging Service
  • Creating a Data Service

Using Dependency Injection and Providers

  • Injectors, Provider, and Tokens
  • Configuring Dependency Injection
  • Configuring Your Provider
  • Injecting Services into Components, Directives, and Services

Switching Pages with Routing

  • Understanding the Different Navigation Methods
  • Routing Strategies
  • Setting Up Routes
  • Configuring and Loading Routes
  • Using Parameters in Routes
  • Creating Nested Routes
  • Using Redirect and Wildcard Routes
  • Understanding Route Guards

Using RxJS to Create and Work with Observables in Angular

  • Overview of Observables
  • Overview of RxJS
  • Building & Using Observables in Angular

Generating Forms for User Input

  • Using the Template Driven Forms
  • Using the Reactive Forms

Using Pipes

  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Making Calls to External HTTP APIs

Using Angular Modules

Testing the Angular 7 Application

  • Using Jasmine for unit testing

Debugging the Application

  • Understanding Error Messages in Angular
  • Using Sourcemaps to Debug Code in the Browser
  • Using Augury

Optimizing the Angular 7 Application

Angular 7 Security

  • Authentication
  • What should and shouldn't be written in Angular

Deploying an Angular 7 Application to Production

  • Deploying to IIS, Apache, Nginx, etc.

Troubleshooting

Closing Remarks

Requirements

  • Familiarity with basic HTML, CSS, and JavaScript

Audience

  • Developers
 28 Hours

Need help picking the right course?

Testimonials (7)

Good examples and interactive course !

Ioannis Fotinis - National geografisch instituut
Course - Angular 7

I liked that it was a hands-on experience, where we could do exercises and apply the concepts & knowledge that were presented. Also the fact that I was able to gather some insight into a modern framework like Angular (almost all UI frameworks were foreign to me before)

Laurentiu Rudeanu - Technology Reply
Course - Angular 7

Started from 0, and we had multiple ways to do a certain facility

Madalin Iordache - Technology Reply
Course - Angular 7

Clear examples and willingness to explain in depth.

Iulkian Gafencu - TECHNOLOGY REPLY SRL
Course - Angular 7

The flexibility of trainer.He always asked if the way is he teaching is good or should be changed.I think this is very good method of teaching for everyone(inclusive the teacher, who knows what to teach.I also liked the mix between theoretical & practical exercise.

Bogdan Anechitoaei - TECHNOLOGY REPLY SRL
Course - Angular 7

I liked the most the fact that every subject had its exercises which made it easier to understand. The trainer had patience and a lot of knowledge about the subject and also he helped everyone who needed help.

Boca Eleonora Alexandra - TECHNOLOGY REPLY SRL
Course - Angular 7

The explanations for every feature and why/when we should use it.

Viorica Postolachi - TECHNOLOGY REPLY SRL
Course - Angular 7

Upcoming Courses

Angular 7

2025-06-02 09:30
28 hours
Hangzhou Foreign Economy & Trade Plaza

Angular 7

2025-06-16 09:30
28 hours
Xiamen International Plaza

Angular 7

2025-06-30 09:30
28 hours
Suzhou, Jinghope Plaza

Angular 7

2025-07-14 09:30
28 hours
Jinhe Plaza

Angular 7

2025-07-28 09:30
28 hours
Hainan - Four Points by Sheraton

Related Courses

Angular 13

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at programmers who wish to use the latest features of Angular 13 to build, test, and deploy web applications.

By the end of this training, participants will be able to:

  • Use TypeScript and Angular CLI to develop Angular 13 applications.
  • Develop, test, and deploy Angular 13 web applications.
  • Create web components that can be used for any web application or page.
Read more...

Angular 2 Fundamentals

 21 Hours

This instructor-led, live training in China (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to build dynamic, modern web applications using Angular 2.

By the end of this training, participants will be able to:

  • Set up and configure Angular 2 projects.
  • Utilize Angular 2's features and improvements.
  • Develop robust, scalable applications using Angular 2.
  • Implement best practices for code organization and architecture.
  • Integrate Angular applications with RESTful APIs.
Read more...

Angular JavaScript

 28 Hours

This is a hands on course is for anyone wanting to create Web sites using AngularJS.

During this course the latest stable version will be used. Pre-release version can be just used if marked in the booking form in remarks section. Older version need to be agreed before booking.

Read more...

AngularJS Basics

 14 Hours

Angular JS is a JavaScript library for rapid app development.

Audience

  • developers
  • programmers
  • javascript architects

Objectives

  • Shift mindset from procedural/OO way of programing to Angular way
  • Participants can use AngularJS to create Single Page Applications

Format of the course

  • 40% lectures, 60% labs
Read more...

Angular 10 for Developers

 28 Hours

In this instructor-led, live training in China (online or onsite), participants will learn how to create, test and deploy an Angular application using the latest features in Angular 10.

By the end of this training, participants will be able to:

  • Develop Angular 10 applications using TypeScript and the Angular CLI.
  • Create loosely coupled web components that can be used in any HTML page.
  • Connect these components to services, modules and directives.
  • Consume REST web services and WebSocket data from within an Angular 10 application.
  • Build custom validation using Reactive Forms.
  • Test, debug and deploy an Angular 10 application.
  • Organize Angular 10 projects using best practices.
Read more...

Angular 11

 28 Hours

In this instructor-led, live training in China (online or onsite), participants will learn how to create, test and deploy an Angular application using the latest features in Angular 11.

By the end of this training, participants will be able to:

  • Develop Angular 11 applications using TypeScript and the Angular CLI.
  • Create loosely coupled web components that can be used in any HTML page.
  • Test, debug and deploy an Angular 11 application.
  • Organize Angular 11 projects using best practices.
Read more...

Angular 11 Advanced

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at developers who wish to use Angular 11's advanced developer tools to design, build, test, and deploy applications.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to develop advanced Angular 11 applications.
  • Build parent-child structure, nested components for complex applications.
  • Use RxJS and observables to handle real-time events and asynchronous programming.
  • Create scalable form and data models to manage user inputs and data-entry tasks.
  • Implement advanced dependency injections, routing, and security best practices in Angular 11.
Read more...

Angular 12

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at programmers who wish to create, test and deploy an Angular application using the latest features in Angular 12.

By the end of this training, participants will be able to:

  • Develop Angular 12 applications using TypeScript and the Angular CLI.
  • Create loosely coupled web components that can be used in any web application or HTML page.
  • Test, debug and deploy an Angular 12 application.
  • Organize Angular 12 projects using best practices.
Read more...

Angular 12 Advanced

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at developers who wish to dive deep into the advanced features of Angular 12, including custom components, directives, advanced data binding, lazy loading, and more.

By the end of this training, participants will be able to:

  • Develop Angular 12 applications using advanced techniques and concepts.
  • Implement custom components and directives.
  • Explore advanced data binding techniques.
  • Implement lazy loading and dynamic imports.
  • Optimize the performance of an Angular 12 application.
Read more...

Angular 13 Advanced

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at experienced developers and programmers who wish to leverage the advanced features of Angular 13 to build, test, and deploy high-performance web applications.

By the end of this training, participants will be able to:

  • Effectively use TypeScript and Angular CLI to create complex Angular 13 applications.
  • Develop, test, and deploy Angular 13 web applications for optimal performance.
  • Create web components to improve reusability and maintainability of Angular 13 applications.
Read more...

Angular 14

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at developers and programmers who wish to use the latest features of Angular 14 to build, test, and deploy web applications.

By the end of this training, participants will be able to:

  • Install and configure Angular 14.
  • Develop applications using Angular 14's component-based architecture.
  • Leverage Angular 14's built-in directives, services, and pipes.
  • Communicate with a RESTful API using Angular 14's HttpClient module.
  • Implement authentication and authorization in Angular 14 applications.
  • Test and debug Angular 14 applications.
Read more...

Angular 14 Advanced

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at experienced developers and programmers who wish to take their Angular 14 skills to the next level and leverage the advanced features of Angular 14 to build, test, and deploy high-performance web applications.

By the end of this training, participants will be able to:

  • Build advanced applications using Angular 14.
  • Understand and implement Angular 14's more complex features and techniques.
  • Develop maintainable and scalable Angular 14 code.
  • Create custom libraries and modules to extend Angular 14's functionality.
Read more...

Angular 15

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at developers and programmers who wish to use the latest features of Angular 15 to build, test, and deploy web applications.

By the end of this training, participants will be able to:

  • Install and configure Angular 15.
  • Develop applications using Angular 15's component-based architecture.
  • Leverage Angular 15's built-in directives, services, and pipes.
  • Communicate with a RESTful API using Angular 15's HttpClient module.
  • Implement authentication and authorization in Angular 15 applications.
  • Test and debug Angular 15 applications.
  • Understand the new features of Angular 15 such as Image Directive, CDK List for Building UI Components, Boilerplate Reduction in Guards, and Improvements in esbuild for Faster Builds.
Read more...

Angular 15 Advanced

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at experienced developers and programmers who wish to take their Angular 15 skills to the next level and leverage the advanced features of Angular 15 to build, test, and deploy high-performance web applications.

By the end of this training, participants will be able to:

  • Use advanced techniques for building Angular 15 applications.
  • Understand best practices for scaling and maintaining large-scale Angular 15 applications.
  • Develop performant applications using advanced features of Angular 15.
  • Troubleshoot and optimize Angular 15 applications.
  • Learn about advanced topics such as server-side rendering, lazy loading, and more.
Read more...

Angular 16

 28 Hours

This instructor-led, live training in China (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to use the latest features of Angular 16 to build, test, and deploy web applications.

By the end of this training, participants will be able to:

  • Set up a development environment that includes Node.js, Visual Studio Code, and Angular CLI.
  • Create a basic Angular 16 application that displays data and handles user interactions.
  • Use components, directives, pipes, services, and modules to organize and reuse code.
  • Use data binding, dependency injection, routing, forms, and HTTP client to communicate with backend services.
  • Debug and test Angular 16 applications using tools such as Chrome DevTools, Jest, Karma, and Protractor.
Read more...

Related Categories

Angular
Angular