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 Path: Up and Working with Angular 2

Video Description

Road to creating optimized applications

In Detail

Both the web and mobile development strategies have developed noticeably since inception and will continue improving in the future as well. Angular 2 is a framework that is well equipped with almost everything that you need to build a complex web or mobile application. Not only does it bring web and mobile development under a single umbrella, it excels at the performance it provides at both ends. This Learning Path will help you gain a strong foundation in Angular 2 and cover a few hands-on projects that will be tied with real world scenarios. Initially, the Learning path covers basic concepts and best practices that will get you up and working with Angular 2. It then covers the basics of creating components and simple applications and then moves on to the concepts that will help you create and deploy the apps efficiently. And then, the last segment covers creating complex applications that will use advanced features of Angular 2.

After completing the course, you will be able to create complex stand-alone applications by using Angular 2.

Prerequisites: The learner should be experienced with working on the previous version of Angular. (Angular 1.X)

Resources: Code downloads and errata:

  • Migrating to Angular 2 – Second Edition

  • Angular 2 Essentials

  • Angular 2 Deep Dive

  • Angular 2 Projects

  • PATH PRODUCTS

    This path navigates across the following products (in sequential order):

  • Migrating to Angular 2 – Second Edition (1h 33m)

  • Angular 2 Essentials (2h 27m)

  • Angular 2 Deep Dive (3h 14m)

  • Angular 2 Projects (2h 53m)

  • Table of Contents

    1. Chapter 1 : Migrating to Angular 2 – Second Edition
      1. The Course Overview 00:02:06
      2. Looking at What's New in Angular 2 00:03:45
      3. Keeping Up with the Latest Angular 1.x Is Important 00:02:34
      4. Presenting Our Sample Project 00:03:40
      5. Migrating Incrementally Is the Way to Go 00:03:40
      6. Let's Use the Latest Angular 1.x First 00:04:00
      7. What Are TypeScript and ES6? 00:04:04
      8. Preparing Our Development Environment 00:05:50
      9. Cleaning Up Your $scopes 00:06:12
      10. Making Components, Not Controllers 00:04:32
      11. Using the Latest UI Router 00:02:45
      12. Using TypeScript Classes for Our Services 00:04:20
      13. Using TypeScript in Our Controllers 00:03:17
      14. Upgrading Our 1.x Services to Angular 2 00:06:11
      15. Switching Our 1.x Components to Angular 2 Components 00:05:06
      16. Switching Our 1.x Controllers to Angular 2 Components 00:05:58
      17. Using the New Angular 2 Component Router 00:04:49
      18. Solving Complex Migration Cases 00:04:04
      19. Best Practices for Angular 2 00:03:13
      20. The Future of TypeScript and ES6 00:02:32
      21. Taking Angular 2 Further 00:03:27
      22. Learning TypeScript and Components 00:07:45
    2. Chapter 2 : Angular 2 Essentials
      1. The Course Overview 00:03:12
      2. Making a UI Out of Components 00:04:24
      3. Setting Up 00:04:30
      4. Building Your First Component 00:03:51
      5. Using a Model 00:04:18
      6. Injecting Dependencies 00:06:19
      7. Using Gulp to Drive Your Build 00:04:13
      8. Looking over gulpfile.js 00:04:07
      9. Putting Up a Page 00:05:16
      10. Using Core Directives 00:06:43
      11. Handling Forms 00:06:02
      12. Calling APIs 00:05:52
      13. Learning Advanced Components 1 00:04:04
      14. Learning Advanced Components 2 00:05:15
      15. Advanced Templates and Pipes 00:05:20
      16. Routing in Angular 2 00:06:12
      17. Advanced Routing 00:06:56
      18. Structuring an SPA 00:05:52
      19. Handling Errors 00:04:56
      20. Securing Your Application 00:05:40
      21. Debugging 00:04:50
      22. Testing the Pieces 00:06:00
      23. Testing the Pieces (Continued) 00:06:02
      24. Integrating Continuously 00:04:46
      25. Putting CI into Practice 00:05:20
      26. Provisioning 00:06:42
      27. Deploying 00:05:09
      28. Living Virtually 00:05:33
    3. Chapter 3 : Angular 2 Deep Dive
      1. The Course Overview 00:03:03
      2. The Root of All Things 00:08:23
      3. To TypeScript or Not to TypeScript, That Is No Question 00:09:19
      4. One-way Data Binding 00:09:02
      5. Binding to Events 00:07:38
      6. Creating Your Own Component 00:09:26
      7. I/O – Component Data and Event Emitters 00:08:10
      8. Content Projection 00:08:58
      9. Directives 00:06:47
      10. Built-in Services 00:05:50
      11. Creating an Injectable 00:05:37
      12. The Power of Providers 00:06:42
      13. Hierarchy of Injectors 00:07:07
      14. Testing a Service 00:09:44
      15. Configuring the Router and Displaying Components 00:05:11
      16. Routing with Parameters 00:03:50
      17. Child Routing 00:06:04
      18. Lifecycle Hooks 00:05:54
      19. Built-in Pipes 00:05:19
      20. Custom Pipes 00:06:56
      21. Stay Pure 00:06:09
      22. Asynchronous Piping 00:06:27
      23. Go Full Template 00:07:43
      24. When the Model Gets Involved 00:08:15
      25. Validate Plenty 00:08:31
      26. Keep Your Promises 00:10:04
      27. The Power of Observables 00:08:14
    4. Chapter 4 : Angular 2 Projects
      1. The Course Overview 00:02:21
      2. What Is a Single-Page App? 00:02:19
      3. Angular Architecture 00:03:09
      4. Introduction to TypeScript 00:09:20
      5. The Development Environment 00:21:55
      6. Component Syntax 00:08:35
      7. Templates 00:09:06
      8. Routing 00:04:57
      9. Services 00:14:35
      10. Third-Party Libraries 00:11:01
      11. Third-Party Libraries (Continued) 00:06:27
      12. Pipes 00:05:43
      13. Form Fields 00:07:23
      14. Game Logic 00:08:15
      15. The Checkers UI 00:11:31
      16. Universal Rendering 00:08:36
      17. Getting Setup 00:05:58
      18. Using Events in Components 00:09:34
      19. Testing Angular Components 00:06:36
      20. Deploying 00:05:50
      21. Going Further 00:05:34