O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

Video Description

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

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

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, 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.

About the Instructor

Marc Wandschneider has worked extensively with open source and web development platforms. He travels the globe, consulting as a lead manager for software projects and teams. He is the author of the book Learning Node.js (Addison-Wesley) and the video courses Learning Node.js and Learning Angular LiveLessons. A graduate of the McGill University School of Computer Science, he spent five years working for Microsoft, where he developed and managed developers on the Visual Basic, Visual J++, and .NET Windows Forms teams.

Skill Level

  • Beginner
  • Intermediate

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

Who Should Take This Course

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

Course Requirements

  • Basic understanding of JavaScript and web development

About Pearson Video Training

Pearson publishes expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. These professional and personal technology videos feature world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, Pearson IT Certification, Prentice Hall, Sams, and Que Topics include: IT Certification, Network Security, Cisco Technology, Programming, Web Development, Mobile Development, and more. Learn more about Pearson Video training at http://www.informit.com/video.

Table of Contents

  1. Introduction
    1. Learning Angular: Introduction 00:06:14
  2. Lesson 1: Getting Started
    1. Learning objectives 00:01:04
    2. 1.1 Install Node.js 00:05:08
    3. 1.2 Install TypeScript tools 00:02:16
    4. 1.3 Install Bootstrap 00:01:49
    5. 1.4 Install Angular CLI 00:02:58
    6. 1.5 Create your first Angular app 00:10:49
    7. 1.6 Set up a development environment: Visual Studio Code 00:05:44
  3. Lesson 2: TypeScript
    1. Learning objectives 00:00:56
    2. 2.1 Get started with TypeScript 00:08:10
    3. 2.2 Learn about types and declarations 00:09:37
    4. 2.3 Look quickly at type unions 00:02:26
    5. 2.4 Review flow control 00:03:11
    6. 2.5 Learn about all the new things in functions 00:09:30
    7. 2.6 Review strings and arrays in TypeScript 00:06:51
    8. 2.7 Get a complete overview of interfaces, classes, and inheritance 00:21:27
  4. Lesson 3: Get Started on Your Recipe App
    1. Learning objectives 00:00:51
    2. 3.1 Learn about what you’re going to be building 00:02:19
    3. 3.2 Create your working project 00:11:22
    4. 3.3 Create a model for your recipe app 00:03:04
    5. 3.4 Update your app to show a recipe 00:06:21
    6. 3.5 Add images to your recipes 00:05:05
    7. 3.6 Add support for more than one recipe with *ngFor 00:03:38
    8. 3.7 Clean up the styles in your application 00:02:48
  5. Lesson 4: Learn More About Components and Directives
    1. Learning objectives 00:00:36
    2. 4.1 Learn about components and directives and create a new component 00:07:52
    3. 4.2 Further clean up your application with yet another component 00:07:16
    4. 4.3 Clean up the styles in your application 00:02:03
  6. Lesson 5: All About Binding in Angular
    1. Learning objectives 00:00:51
    2. 5.1 Add a new recipe form to your application 00:19:45
    3. 5.2 Learn about all the types of binding in Angular 00:07:55
    4. 5.3 Create and send events from your components 00:04:58
    5. 5.4 Use Angular’s special class binding capabilities 00:04:49
    6. 5.5 Use Angular’s special style binding capabilities 00:03:23
    7. 5.6 Learn about the *ngIf structural directive 00:03:21
    8. 5.7 Clean up the styles in your application 00:01:05
  7. Lesson 6: Support Multiple Pages with Routing
    1. Learning objectives 00:00:36
    2. 6.1 Create a recipes list page in your app 00:05:26
    3. 6.2 Create a recipe details page 00:28:03
    4. 6.3 Create a new recipe form page 00:18:58
    5. 6.4 Clean up the styles in your application 00:04:26
  8. Lesson 7: Services and Components
    1. Learning objectives 00:00:50
    2. 7.1 Learn about services and create a recipe service 00:18:48
    3. 7.2 Update your user interface to handle slow network requests 00:09:43
    4. 7.3 Install the AngularRecipeServer and update your app to use HTTP 00:29:13
    5. 7.4 Handle network errors in your application 00:11:09
    6. 7.5 Clean up the styles in your application 00:03:57
  9. Lesson 8: Forms
    1. Learning objectives 00:00:42
    2. 8.1 Add manual validation to your new recipe form 00:18:27
    3. 8.2 Use template-driven forms to validate user input 00:12:01
    4. 8.3 Implement Reactive Form Design in our new recipe form 00:15:52
    5. 8.4 Add support for images to your application 00:27:13
    6. 8.5 Clean up the styles in your application 00:02:12
  10. Lesson 9: Pipes and Directives
    1. Learning objectives 00:00:28
    2. 9.1 Learn about pipes 00:06:07
    3. 9.2 Write your own pipe in Angular 00:07:13
    4. 9.3 Write your own directive and pass data to it 00:13:46
  11. Lesson 10: Deployment and Testing
    1. Learning objectives 00:00:58
    2. 10.1 Learn the basics of deploying your Angular app 00:06:13
    3. 10.2 Write some basic tests in the Angular CLI environment 00:15:45
    4. 10.3 Mock a service in the Angular CLI 00:11:12
  12. Summary
    1. Learning Angular: Summary 00:02:10