Learning Angular: Covering Angular 2, 4 and 5, Second Edition

A clear, practical introduction to web application development with Angular 2 and Angular 4, with preliminary coverage of Angular 5.

Learning Angular: Covering Angular 2, 4 and 5, Second Edition

Course Description

Angular is a powerful JavaScript framework, maintained by Google, for building web applications and for enhancing various parts of your web pages. It’s a comprehensive framework that makes both development and testing easier by extending web applications with MVC capability. Marc Wandschneider, senior developer advocate at Google, has more than 20 years of experience as a developer and is the author of two programming books and two other LiveLessons video training. In this video training, Marc uses a live-coding approach throughout to show developers how to start from scratch and work their way up to building a meaningful, yet not overly complicated application. In this video training, Marc starts by introducing Angular and showing how to install it along with related tools like Node.js, TypeScript, Bootstrap, Angular CLI, ... Read More »

Angular is a powerful JavaScript framework, maintained by Google, for building web applications and for enhancing various parts of your web pages. It’s a comprehensive framework that makes both development and testing easier by extending web applications with MVC capability.

Marc Wandschneider, senior developer advocate at Google, has more than 20 years of experience as a developer and is the author of two programming books and two other LiveLessons video training. In this video training, Marc uses a live-coding approach throughout to show developers how to start from scratch and work their way up to building a meaningful, yet not overly complicated application.

In this video training, Marc starts by introducing Angular and showing how to install it along with related tools like Node.js, TypeScript, Bootstrap, Angular CLI, and Visual Studio Code.

After a quick tutorial on TypeScript, the video course next shows how to create an Angular application from scratch while explaining the primary pieces of an Angular application and see how they work together. Using lots of examples, the core parts of Angular are introduced, such as Components, Directives, the Router, Services, and Pipes and Directives.

What you will learn:

  • Why Angular is really exciting
  • How Angular is hugely innovative and new
  • How not to be afraid of TypeScript and indeed how to embrace it
  • How to write fast, compact, and reliable applications
  • How to stay up to date with the latest in web application design and techniques
Read Less
Course Details:

Target Audience

  • Web developers and instructors who want to quickly get up to speed with the fundamentals of the latest version of the Angular framework

Prerequisites

  • Basic understanding of JavaScript and web development
Certificate Info:

Type of Certification

Certificate of Completion

Format of Certification

Digital and Print

Professional Association/Affiliation

This certificate is issued by Pearson LearnIT

Method of Obtaining Certification

Upon successful completion of the course, participants will receive a certificate of completion.

Course Outline

  • Learning Angular: Introduction
  • Learning objectives
  • 1.1 Install Node.js
  • 1.2 Install TypeScript tools
  • 1.3 Install Bootstrap
  • 1.4 Install Angular CLI
  • 1.5 Create your first Angular app
  • 1.6 Set up a development environment: Visual Studio Code
  • Learning objectives
  • 2.1 Get started with TypeScript
  • 2.2 Learn about types and declarations
  • 2.3 Look quickly at type unions
  • 2.4 Review flow control
  • 2.5 Learn about all the new things in functions
  • 2.6 Review strings and arrays in TypeScript
  • 2.7 Get a complete overview of interfaces, classes, and inheritance
  • Learning objectives
  • 3.1 Learn about what you are going to be building
  • 3.2 Create your working project
  • 3.3 Create a model for your recipe app
  • 3.4 Update your app to show a recipe
  • 3.5 Add images to your recipes
  • 3.6 Add support for more than one recipe with *ng For
  • 3.7 Clean up the styles in your application
  • Learning objectives
  • 4.1 Learn about components and directives and create a new component
  • 4.2 Further clean up your application with yet another component
  • 4.3 Clean up the styles in your application
  • Learning objectives
  • 5.1 Add a new recipe form to your application
  • 5.2 Learn about all the types of binding in Angular
  • 5.3 Create and send events from your components
  • 5.4 Use Angular‚Äôs special class binding capabilities
  • 5.5 Use Angular‚Äôs special style binding capabilities
  • 5.6 Learn about the *ngIf structural directive
  • 5.7 Clean up the styles in your application
  • Learning objectives
  • 6.1 Create a recipes list page in your app
  • 6.2 Create a recipe details page
  • 6.3 Create a new recipe form page
  • 6.4 Clean up the styles in your application
  • Learning objectives
  • 7.1 Learn about services and create a recipe service
  • 7.2 Update your user interface to handle slow network requests
  • 7.3 Install the AngularRecipeServer and update your app to use HTTP
  • 7.4 Handle network errors in your application
  • 7.5 Clean up the styles in your application
  • Learning objectives
  • 8.1 Add manual validation to your new recipe form
  • 8.2 Use template-driven forms to validate user input
  • 8.3 Implement Reactive Form Design in our new recipe form
  • 8.4 Add support for images to your application
  • 8.5 Clean up the styles in your application
  • Learning objectives
  • 9.1 Learn about pipes
  • 9.2 Write your own pipe in Angular
  • 9.3 Write your own directive and pass data to it
  • Learning objectives
  • 10.1 Learn the basics of deploying your Angular app
  • 10.2 Write some basic tests in the Angular CLI environment
  • 10.3 Mock a service in the Angular CLI
  • Learning Angular: Summary

DON'T HAVE TIME?

We can send you everything you need to know about this course through email.
We respect your privacy. Your information is safe and will never be shared.