Angular 7 New Features

Simpliv

Course

Online

£ 150 VAT inc.

The best Other Education courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Get to grips with Angular 7's new and exciting featuresAngular is one of the most-used JavaScript frameworks in the World. It provides a complete solution for building single-page applications. There is a large community that contributes to improving the framework. It is really important to get the most out of each Angular version as every version comes with updates and improvements. Angular 7 offers improved application performance.This course is quick, to the point, and informative. It covers each new feature that the framework has to offer to developers. You will also get to know what makes it different from Angular 6 and earlier versions of the framework. Then, you will learn to install the new Angular-CLI on your machine. Also, you will get the hang of other cool features such as virtual scrolling and drag and drop.All codes and supporting files are placed on GitHub at this link: About the AuthorChristian Hur is an IT/web instructor, author, developer, and indie filmmaker. He teaches web development and programming full-time at Gateway Technical College (Wisconsin) and part-time at the University of California, Irvine, Continuing Education Division (California). He is an author for Lynda.com/LinkedIn Learning (The DOM in JavaScript, jQuery, AngularJS, and React) and McPress (Developing Business Applications for the Web: With HTML, CSS, JSP, PHP, ASP.NET, and JavaScript).
Aside from his teaching career, Christian has more than 20 years' experience in web development and has built many websites and web-based applications using various Web technologies in the private sector. In the mid 1990's, he co-founded a multimedia and e-commerce company based in Los Angeles and Tokyo. In 2010, he co-founded a new private company to develop video games and produce indie films.In his spare time, Christian enjoys exploring new web technologies, learning AR/VR development, and responding to questions on Quora and Stack Overflow.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Build an angular 7 app from scratch
Use Angular Material to add styles to your app
Upgrade an angular 6 app tp angular 7
Create a new Angular 7 project with the angular-cli
Install the new angular-cli globally on your machine
Update an existing Angular 6 project to version 7

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Web Development
  • Production
  • Project
  • Private
  • Web
  • Workflow
  • Javascript
  • HTML
  • Javascript training
  • Benefits

Course programme

Angular 7 First Look 4 lectures 38:32 The Course Overview his is a course introduction and course outline. Upgrading an Angular 6 Project to Angular 7 Go through the process of upgrading an Angular 6 project to the new Angular 7.
  • Upgrade Angular 6 to Angular 7 using a CLI command
  • Analyze how Angular 6 was updated with Angular 7 installed
  • Run an application to check whether it breaks or not
What’s New in Angular 7 Explore new features in Angular 7, including new Angular 7 CLI, drag and drop, virtual scrolling, Angular Console, and performance.
  • Learn in detail about Angular CLI Prompts
  • Understand Angular Material CDK
  • Explore Angular Console
Comparing Side by Side an Angular 6 Project with Upgraded Angular 7 Compare and contrast an Angular 6 project with an upgraded Angular 7 project. See the major differences and similarities before and after the upgrade.
  • Look at the differences between an Angular 6 project and an Angular 7 project
  • Implement package.json for Angular 6 and Angular 7
  • Analyze angular.json for Angular 6 and Angular 7
Angular 7 First Look 4 lectures 38:32 The Course Overview his is a course introduction and course outline. Upgrading an Angular 6 Project to Angular 7 Go through the process of upgrading an Angular 6 project to the new Angular 7.
  • Upgrade Angular 6 to Angular 7 using a CLI command
  • Analyze how Angular 6 was updated with Angular 7 installed
  • Run an application to check whether it breaks or not
What’s New in Angular 7 Explore new features in Angular 7, including new Angular 7 CLI, drag and drop, virtual scrolling, Angular Console, and performance.
  • Learn in detail about Angular CLI Prompts
  • Understand Angular Material CDK
  • Explore Angular Console
Comparing Side by Side an Angular 6 Project with Upgraded Angular 7 Compare and contrast an Angular 6 project with an upgraded Angular 7 project. See the major differences and similarities before and after the upgrade.
  • Look at the differences between an Angular 6 project and an Angular 7 project
  • Implement package.json for Angular 6 and Angular 7
  • Analyze angular.json for Angular 6 and Angular 7
The Course Overview his is a course introduction and course outline. The Course Overview his is a course introduction and course outline. The Course Overview his is a course introduction and course outline. The Course Overview his is a course introduction and course outline. his is a course introduction and course outline. his is a course introduction and course outline. Upgrading an Angular 6 Project to Angular 7 Go through the process of upgrading an Angular 6 project to the new Angular 7.
  • Upgrade Angular 6 to Angular 7 using a CLI command
  • Analyze how Angular 6 was updated with Angular 7 installed
  • Run an application to check whether it breaks or not
Upgrading an Angular 6 Project to Angular 7 Go through the process of upgrading an Angular 6 project to the new Angular 7.
  • Upgrade Angular 6 to Angular 7 using a CLI command
  • Analyze how Angular 6 was updated with Angular 7 installed
  • Run an application to check whether it breaks or not
Upgrading an Angular 6 Project to Angular 7 Go through the process of upgrading an Angular 6 project to the new Angular 7.
  • Upgrade Angular 6 to Angular 7 using a CLI command
  • Analyze how Angular 6 was updated with Angular 7 installed
  • Run an application to check whether it breaks or not
Upgrading an Angular 6 Project to Angular 7 Go through the process of upgrading an Angular 6 project to the new Angular 7.
  • Upgrade Angular 6 to Angular 7 using a CLI command
  • Analyze how Angular 6 was updated with Angular 7 installed
  • Run an application to check whether it breaks or not
Go through the process of upgrading an Angular 6 project to the new Angular 7.
  • Upgrade Angular 6 to Angular 7 using a CLI command
  • Analyze how Angular 6 was updated with Angular 7 installed
  • Run an application to check whether it breaks or not
Go through the process of upgrading an Angular 6 project to the new Angular 7.
  • Upgrade Angular 6 to Angular 7 using a CLI command
  • Analyze how Angular 6 was updated with Angular 7 installed
  • Run an application to check whether it breaks or not
What’s New in Angular 7 Explore new features in Angular 7, including new Angular 7 CLI, drag and drop, virtual scrolling, Angular Console, and performance.
  • Learn in detail about Angular CLI Prompts
  • Understand Angular Material CDK
  • Explore Angular Console
What’s New in Angular 7 Explore new features in Angular 7, including new Angular 7 CLI, drag and drop, virtual scrolling, Angular Console, and performance.
  • Learn in detail about Angular CLI Prompts
  • Understand Angular Material CDK
  • Explore Angular Console
What’s New in Angular 7 Explore new features in Angular 7, including new Angular 7 CLI, drag and drop, virtual scrolling, Angular Console, and performance.
  • Learn in detail about Angular CLI Prompts
  • Understand Angular Material CDK
  • Explore Angular Console
What’s New in Angular 7 Explore new features in Angular 7, including new Angular 7 CLI, drag and drop, virtual scrolling, Angular Console, and performance.
  • Learn in detail about Angular CLI Prompts
  • Understand Angular Material CDK
  • Explore Angular Console
Explore new features in Angular 7, including new Angular 7 CLI, drag and drop, virtual scrolling, Angular Console, and performance.
  • Learn in detail about Angular CLI Prompts
  • Understand Angular Material CDK
  • Explore Angular Console
Explore new features in Angular 7, including new Angular 7 CLI, drag and drop, virtual scrolling, Angular Console, and performance.
  • Learn in detail about Angular CLI Prompts
  • Understand Angular Material CDK
  • Explore Angular Console
Comparing Side by Side an Angular 6 Project with Upgraded Angular 7 Compare and contrast an Angular 6 project with an upgraded Angular 7 project. See the major differences and similarities before and after the upgrade.
  • Look at the differences between an Angular 6 project and an Angular 7 project
  • Implement package.json for Angular 6 and Angular 7
  • Analyze angular.json for Angular 6 and Angular 7
Comparing Side by Side an Angular 6 Project with Upgraded Angular 7 Compare and contrast an Angular 6 project with an upgraded Angular 7 project. See the major differences and similarities before and after the upgrade.
  • Look at the differences between an Angular 6 project and an Angular 7 project
  • Implement package.json for Angular 6 and Angular 7
  • Analyze angular.json for Angular 6 and Angular 7
Comparing Side by Side an Angular 6 Project with Upgraded Angular 7 Compare and contrast an Angular 6 project with an upgraded Angular 7 project. See the major differences and similarities before and after the upgrade.
  • Look at the differences between an Angular 6 project and an Angular 7 project
  • Implement package.json for Angular 6 and Angular 7
  • Analyze angular.json for Angular 6 and Angular 7
Comparing Side by Side an Angular 6 Project with Upgraded Angular 7 Compare and contrast an Angular 6 project with an upgraded Angular 7 project. See the major differences and similarities before and after the upgrade.
  • Look at the differences between an Angular 6 project and an Angular 7 project
  • Implement package.json for Angular 6 and Angular 7
  • Analyze angular.json for Angular 6 and Angular 7
Compare and contrast an Angular 6 project with an upgraded Angular 7 project. See the major differences and similarities before and after the upgrade.
  • Look at the differences between an Angular 6 project and an Angular 7 project
  • Implement package.json for Angular 6 and Angular 7
  • Analyze angular.json for Angular 6 and Angular 7
Compare and contrast an Angular 6 project with an upgraded Angular 7 project. See the major differences and similarities before and after the upgrade.
  • Look at the differences between an Angular 6 project and an Angular 7 project
  • Implement package.json for Angular 6 and Angular 7
  • Analyze angular.json for Angular 6 and Angular 7
Creating Your First Angular 7 Project from Scratch 5 lectures 43:43 Using the Angular 7 CLI to Create a New Angular 7 Project The New Angular 7 CLI command prompt has been added to the Schematics workflow with the capability to configure the schematics to suit developer needs.
  • Create an Angular 7 Project
  • Analyze the changes in the angular.json file
Bundle Budgets Experiment with Angular’s new Bundle Budgets feature to help you budget (manage) your project bundle sizes for production.
  • Learn in detail about Budgets properties
Benefits of Typescript 3.1 Support Explore TypeScript 3.1 support, including mappable tuple and array types, easier properties on function declarations, promises refactoring, and version redirects.
  • Implement mappable.ts
  • Implement function_properties.ts
The DoBootstrap Interface Explore Angular 7’s new life cycle hook ngDoBootStrap associated with a new interface called DoBootstrap.
  • Implement app.module.ts
  • Update index.html
The UrlSegment in the CanLoad Interface The CanLoad interface only has a single Route object, which provides only very minimal information. This results in the inability to access the URL segment after the ?, &, or the parameter in a matrix notation (;).
  • Explore UrlSegment, which has been added to the CanLoad interface for Angular 7
  • Learn in detail about the CanLoad interface
Creating Your First Angular 7 Project from Scratch. 5 lectures 43:43 Using the Angular 7 CLI to Create a New Angular 7 Project The New Angular 7 CLI command prompt has been added to the Schematics workflow with the capability to configure the schematics to suit developer needs.
  • Create an Angular 7 Project
  • Analyze the changes in the angular.json file
Bundle Budgets Experiment with Angular’s new Bundle Budgets feature to help you budget (manage) your project bundle sizes for production.
  • Learn in detail about Budgets properties
Benefits of Typescript 3.1 Support Explore TypeScript 3.1 support, including mappable tuple and array types, easier properties on function declarations, promises refactoring, and version redirects.
  • Implement mappable.ts
  • Implement function_properties.ts
The DoBootstrap Interface Explore Angular 7’s new life cycle hook ngDoBootStrap associated with a new interface called DoBootstrap.
  • Implement app.module.ts
  • Update index.html
The UrlSegment in the CanLoad Interface The CanLoad interface only has a single Route object, which provides only very minimal information. This results in the inability to access the URL segment after the ?, &, or the parameter in a matrix notation (;).
  • Explore UrlSegment, which has been added to the CanLoad interface for Angular 7
  • Learn in detail about the CanLoad interface
Using the Angular 7 CLI to Create a New Angular 7 Project The New Angular 7 CLI command prompt has been added to the Schematics workflow with the capability to configure the schematics to suit developer needs.
  • Create an Angular 7 Project
  • Analyze the changes in the angular.json file
Using the Angular 7 CLI to Create a New Angular 7 Project The New Angular 7 CLI command prompt has been added to the Schematics workflow with the capability to configure the schematics to suit developer needs.
  • Create an Angular 7 Project
  • Analyze the changes in the angular.json file
Using the Angular 7 CLI to Create a New Angular 7 Project The New Angular 7 CLI command prompt has been added to the Schematics workflow with the capability to configure the schematics to suit developer needs.
  • Create an Angular 7 Project
  • Analyze the changes in the angular.json file
Using the Angular 7 CLI to Create a New Angular 7 Project The New Angular 7 CLI command prompt has been added to the Schematics workflow with the capability to configure the schematics to suit developer needs.
  • Create an Angular 7 Project
  • Analyze the changes in the angular.json file
The New Angular 7 CLI command prompt has been added to the Schematics workflow with the capability to configure the schematics to suit developer needs.
  • Create an Angular 7 Project
  • Analyze the changes in the angular.json file
The New Angular 7 CLI command prompt has been added to the Schematics workflow with the capability to configure the schematics to suit developer needs.
  • Create an Angular 7 Project
  • Analyze the changes in the angular.json file
Bundle Budgets Experiment with Angular’s new Bundle Budgets feature to help you budget (manage) your project bundle sizes for production.
  • Learn in detail about Budgets properties
Bundle Budgets Experiment with Angular’s new Bundle Budgets feature to help you budget (manage) your project bundle sizes for production.
  • Learn in detail about Budgets properties
Bundle Budgets Experiment with Angular’s new Bundle Budgets feature to help you budget (manage) your project bundle sizes for production.
  • Learn in detail about Budgets properties
Bundle Budgets Experiment with Angular’s new Bundle Budgets feature to help you budget (manage) your project bundle sizes for production.
  • Learn in detail about Budgets properties
Experiment with Angular’s new Bundle Budgets feature to help you budget (manage) your project bundle sizes for production.
  • Learn in detail about Budgets properties
Experiment with Angular’s new Bundle Budgets feature to help you budget (manage) your project bundle sizes for production.
  • Learn in detail about Budgets properties
Benefits of Typescript 3 he help of a...

Additional information

A basic knowledge of TypeScript, JavaScript, and Angular 2+ version is desirable. There is no need to have read or researched Angular 7's new features before this course

See related categories

Angular 7 New Features

£ 150 VAT inc.

The best Other Education courses

See all

See all