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

Number of participants


Price Per Participant (Exc. Tax)

Open Training Courses require 5+ participants.

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

Provisional Courses

Angular 7

2025-07-14 09:00
28 hours
Łódź
3720 PLN (Online)
3920 PLN (Classroom)

Angular 7

2025-07-28 09:00
28 hours
Piotrków Trybunalski
3720 PLN (Online)
3720 PLN (Classroom)

Angular 7

2025-08-11 09:00
28 hours
Lublin
3720 PLN (Online)
4120 PLN (Classroom)

Angular 7

2025-08-25 09:00
28 hours
Zamość
3720 PLN (Online)
4120 PLN (Classroom)

Related Courses

Angular 2 Fundamentals

 21 Hours

This instructor-led, live training in Poland (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 Poland (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 4 Fundamentals

 21 Hours

This instructor-led, live training in Poland introduces the fundamentals of Angular 4 and walks participants through the creation of a single-page web application.

Read more...

Angular 5

 28 Hours

In this instructor-led, live training in Poland, participants will learn the fundamentals of Angular 5 as they step through the creation and deployment of a sample Angular application.

Read more...

Angular 6

 28 Hours

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

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

  • Develop Angular 6 applications using Angular CLI.
  • Create web components that can be used in any HTML page.
  • Consume REST web services and WebSocket data from within an Angular 6 application.
  • Implement animations using Angular 6's latest animation features.
  • Test, debug and deploy an Angular 6 application.
  • Organize Angular 6 projects using best practices.
Read more...

Angular 8

 21 Hours

This instructor-led, live training in Poland (online or onsite) is aimed at web developers who wish to use Angular 8 to develop client-side web applications.

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

  • Create and scale SPAs from scratch.
  • Build open source Angular libraries.
  • Secure an Agular application with JWT authentication.
Read more...

Reactive Programming with Angular RxJS

14 Hours

Reactive programing is an asynchronous programing paradigm that focuses on data streams and the propagation of data by establishing a defined dependency between the underlying execution models and the emitted data streams from one component to another. Many Angular application design inefficiencies when building asynchronous UIs can be overcome by utilizing reactive style patterns offered by the RxJS library.  

In this instructor-led, live training, participants will learn how to implement Observable patterns into their Angular application designs as they step through a series of cases showcasing common angular design problems and how they benefit from reactive programing designs.

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

  • Understand the reactive programing paradigm and the RxJS library.
  • Build UI heavy Angular applications with scalability, flexibility, and responsiveness in mind using reactive programming patterns.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.
Read more...

Angular and Spring Boot

 14 Hours

This instructor-led, live training in Poland (online or onsite) is aimed at web developers who wish to use Angular and Spring Boot to build full stack applications.

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

  • Develop a full stack application with Angular and Sping Boot.
  • Build a backend application with Spring Boot.
  • Create frontend applications with Angular.
  • Use Spring Security to configure authentication for a full stack application.
Read more...

Testing Angular Applications

 14 Hours

In this instructor-led, live training, participants will learn how to write and maintain tests for Angular applications.

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

  • Decide the most appropriate strategy for testing an Angular application
  • Carry out unit testing, component testing, A/B testing and end-to-end on an Angular application
  • Choose the right tools for the job: Jasmine, Karma, Protractor, Mocha, etc.
  • Write tests in Protractor and Jasmine
  • Run and debug tests with Karma and Protractor
  • Create a maintainable test suite
  • Employ best practices for unit testing in Angular

Format of the course

  • Part lecture, part discussion, exercises and heavy hands-on practice

Note

  • Angular goes by different names and versions, namely: Angular.js, AngularJS, AngularJS 1, Angular 1, Angular 2, etc. To customize the version used in this training, please contact us to arrange.
Read more...

.NET Core and Angular Training Course

 21 Hours

Audience

  •  Developers

Format of the Course

  •  Part lecture, part discussion, exercises and heavy hands-on practice in a live-lab environment.
Read more...

JavaScript, jQuery, NodeJS & AngularJS

 56 Hours

This course is intended to bring a beginner in JavaScript to a level where she or he is able to enter the market as a JavaScript developer.

The course is intensive and entirely 'hands on'

Read more...

Localizing an Angular Application

 7 Hours

This instructor-led, live training in Poland (online or onsite) is aimed at developers who wish to internationalize and localize their Angular applications to support multiple languages.

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

  • Install and configure the needed localization libraries and tools.
  • Enable a Angular App to be displayed in multiple languages.
  • Extract all localizable UI text from a Angular app.
  • Package up translatable content for exchange with translators.
  • Understand the localization cycle and automate the process.
Read more...

NgRx

 21 Hours

This instructor-led, live training (online or onsite) is aimed at developers who wish to reduce the cost and complexity of managing state in large data-driven web applications.

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

  • Reduce the complexity of very large projects where managing state is difficult to maintain.
  • Minimize an application's state processes.
  • Reduce the time needed to develop complex data-oriented web applications.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.
  • To learn more about NgRx, please visit: https://ngrx.io/
Read more...

Related Categories

Category for Angular
Angular