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: Moving to Angular 2 with TypeScript

Video Description

Migrate to Angular 2 and leverage TypeScript into your web apps

In Detail

Angular 2 makes the web application building process easier and more efficient. Combining Angular 2 with TypeScript makes for a recipe to propel you into web development excellence.

This Learning Path first enables you to move legacy apps to Angular 2. We then move forward with Angular 2 and TypeScript projects that will polish and cement your knowledge. Finally, we teach you to employ the power of TypeScript while authoring Angular 2 applications to take your web development skills to the next level.

Get yourself established with this two-pronged mastery of web development using this Learning Path.

Prerequisites: Requires good JavaScript knowledge and some experience with AngularJS

Resources: Code downloads and errata:

  • Migrating to Angular 2 - Second Edition

  • Angular 2 Projects

  • TypeScript Projects

  • Angular 2 Web Development with TypeScript

  • PATH PRODUCTS

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

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

  • Angular 2 Projects (2h 53m)

  • TypeScript Projects (2h 31m)

  • Angular 2 Web Development with TypeScript (7h 52m)

  • 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 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
    3. Chapter 3 : TypeScript Projects
      1. The Course Overview 00:03:43
      2. Using Modules 00:03:25
      3. Setting Up the Project 00:08:30
      4. Creating the First Component 00:06:03
      5. Adding Conditions to the Template and Using the Component in Other Components 00:03:41
      6. Showing a Forecast and Creating the Forecast Component 00:10:18
      7. The Main Component 00:04:28
      8. Setting Up the Project 00:03:53
      9. Getting Started with React 00:05:41
      10. Writing the Server 00:07:24
      11. Connecting to the Server 00:03:26
      12. Creating the Chat Room and Comparing React and Angular 00:04:18
      13. Setting Up the Project 00:02:02
      14. Functional Programming 00:03:00
      15. Using Data Types for Expressions 00:07:19
      16. Writing Unit Tests 00:02:18
      17. Parsing an Expression 00:09:43
      18. Defining the Sheet 00:03:30
      19. Using the Flux Architecture 00:03:46
      20. Creating Actions 00:06:46
      21. Writing the View 00:07:53
      22. Setting Up the Project 00:03:16
      23. Using the HTML5 Canvas 00:03:14
      24. Designing the Framework 00:08:35
      25. Drawing on the Canvas and Adding Utility Functions 00:03:19
      26. Creating the Models 00:08:02
      27. Drawing the View 00:02:50
      28. Handling Events and Creating the Time Handler 00:06:02
      29. Running the Game and Adding a Menu 00:05:10
    4. Chapter 4 : Angular 2 Web Development with TypeScript
      1. The Course Overview 00:05:23
      2. Features and Benefits of TypeScript? 00:06:44
      3. Setting Up Our Environment 00:08:04
      4. Built-in/ Primitive Types 00:12:31
      5. Your First Class 00:06:50
      6. Home Page Card 00:11:37
      7. Inheritances and Interfaces 00:14:34
      8. Debugging TypeScript 00:06:30
      9. Using Enumerations, Constants, and Block Scope 00:08:24
      10. Working with Statics 00:09:08
      11. Advanced Properties 00:08:53
      12. Generics 00:12:03
      13. Solving "this" Problem 00:10:33
      14. Angular 2.0 Versus Angular 1.0? 00:07:44
      15. Setting Up the New Project 00:13:05
      16. Overview of Key Angular 2 Concepts 00:09:46
      17. Creating the Shell Page 00:07:10
      18. Creating the First Component 00:22:01
      19. Brief Overview of the Web API 00:07:00
      20. Brief Overview of the Entity Framework 00:05:05
      21. Creating Entity Framework Classes and Configuration 00:12:21
      22. Creating API Controller to Handle CRUD Operations 00:09:50
      23. Configuring Application Start-up 00:08:02
      24. Creating a Service That Uses HTTP 00:14:13
      25. Creating the Nested Components Which Use Services 00:17:04
      26. Creating a Directive 00:16:58
      27. Creating a Pipe 00:09:47
      28. Basics of Client-Side Routing 00:06:11
      29. Configuring Routes 00:12:45
      30. Nested Routes, Parameters, and Query Strings 00:08:02
      31. Navigating with Directives and Code 00:13:20
      32. Form Types and Anatomy of an Angular Form 00:08:17
      33. Form Data Binding 00:12:16
      34. Simple Validation 00:09:17
      35. Reactive Forms 00:19:09
      36. Monitoring Changes and Using Notifications 00:13:28
      37. Dynamic Styling 00:13:29
      38. Displaying Lists of Data 00:11:19
      39. Conditionally Displaying Data 00:08:42
      40. Change Detection and Component Queries 00:09:22
      41. Dynamic Component Loading 00:10:02
      42. Reactive Extensions 00:07:27
      43. Configuring Routes 00:11:05
      44. Configuring Routes 00:07:26
      45. Configuring Routes 00:09:18