LEARNING PATH: A Quick Guide to Angular 7 in 4 Hours

Simpliv

Course

Online

£ 3 + VAT

The best Other programming courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Learn Angular 7 by building modern, responsive, and scalable applications
Angular is one of the most popular frameworks for web application development. With the release of Angular 7, it has given even more features to web developers like including the core framework, Angular Material, CLI with synchronized major versions, along with toolchain.
If you want to establish yourself as a front-end or full-stack developer with the latest version of Angular, then look no further as this course will enable you to get to grips with Angular 7 by building mobile and desktop web applications with Angular 7.
This comprehensive 2-in-1 course covers the fundamentals of Angular 7 such as properties, events, and directives for you to implement and enhance these components into your applications. You will see how Angular 7 differentiates from the earlier versions of the framework. Next, you will learn to build real-world applications from scratch with Angular 7 wherein you will build the frontend, create services and components, and deploy your applications to the cloud. Each section is followed by practical examples to help you readily implement what you’ve learned in a functional manner.
About the Author :.
Christian 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 of experience in web development and has built many websites and web-based applications using various Web technologies in the private sector

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Learn to build and grow 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
Get to know how to migrate your Angular 6 applications to Angular 7
Explore Angular application architecture
Use Modules and learn to create your own components to build your applications
Get to know how to fetch the backend data into your Angular frontend
Route your application from one view to another as you perform application tasks
Integrate Firebase into your Angular 7 project and enable your Angular services to communicate with Firebase
Make your app ready for hosting on Azure and learn the tricks and techniques for hosting your application

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
  • Project
  • Web
  • Workflow
  • Javascript
  • HTML
  • Javascript training

Course programme

Angular 7 New Features 12 lectures 02:06:03 Angular 7 New Features - The Course Overview preview This 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
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
Angular Drag and Drop Angular Drag and Drop is one of the latest new features added to the Angular 7 Material Design CDK, allowing developers to create draggable content on the fly.
  • Learn in detail about the new feature of Drag and Drop introduced in Angular 7
  • Understand this feature with the help of a practical demo
How to Use Virtual Scrolling? Virtual scrolling does allow you to display an infinite list, but it will only display a small subset of records just enough to fill the viewport.
  • Learn in detail about virtual scrolling
  • Understand virtual scrolling with the help of a practical demo
Other Important Features of Angular 7 Look at other important features, including ngcc, KeyValuePipe, content projection via slots, router feature warning, the capability to recover from malformed URLs, mapping feature for ngfactory and ngsummary files, Angular CLI documentation, and Ivy rendering engine.
  • Explore various features of Angular 7
Angular 7 New Features - Quiz Angular 7 New Features. 12 lectures 02:06:03 Angular 7 New Features - The Course Overview preview This 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
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
Angular Drag and Drop Angular Drag and Drop is one of the latest new features added to the Angular 7 Material Design CDK, allowing developers to create draggable content on the fly.
  • Learn in detail about the new feature of Drag and Drop introduced in Angular 7
  • Understand this feature with the help of a practical demo
How to Use Virtual Scrolling? Virtual scrolling does allow you to display an infinite list, but it will only display a small subset of records just enough to fill the viewport.
  • Learn in detail about virtual scrolling
  • Understand virtual scrolling with the help of a practical demo
Other Important Features of Angular 7 Look at other important features, including ngcc, KeyValuePipe, content projection via slots, router feature warning, the capability to recover from malformed URLs, mapping feature for ngfactory and ngsummary files, Angular CLI documentation, and Ivy rendering engine.
  • Explore various features of Angular 7
Angular 7 New Features - Quiz Angular 7 New Features - The Course Overview preview This is a course introduction and course outline. Angular 7 New Features - The Course Overview preview This is a course introduction and course outline. Angular 7 New Features - The Course Overview preview This is a course introduction and course outline. Angular 7 New Features - The Course Overview preview This is a course introduction and course outline. This is a course introduction and course outline. This 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
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...

Additional information

Learn to build and grow 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 Get to know how to migrate your Angular 6 applications to Angular 7 Explore Angular application architecture Use Modules and learn to create your own components to build your applications Get to know how to fetch the backend data into your Angular frontend Route your application from one view to another as you perform application tasks Integrate Firebase into your Angular 7 project and enable your Angular services to communicate with Firebase Make your app ready for hosting on Azure and learn the tricks and techniques for hosting your application

See related categories

LEARNING PATH: A Quick Guide to Angular 7 in 4 Hours

£ 3 + VAT

The best Other programming courses

See all

See all