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: Angular 2 Fundamentals

Video Description

Stay ahead of the curve with Angular 2

In Detail

It’s not every day that one of the most important front-end libraries in web development gets a complete overhaul. Keep your skills relevant and up-to-date with this comprehensive introduction to Google’s popular community project.

Prerequisites: A strong working knowledge of JavaScript and legacy Angular

Resources: Code downloads and errata:

  • Mastering TypeScript

  • Migrating to Angular 2

  • Learning Angular 2 Directives

  • Introducing Ionic 2

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

  • Mastering TypeScript (3h 13m)

  • Migrating to Angular 2 (1h 26m)

  • Learning Angular 2 Directives (2h 22m)

  • Introducing Ionic 2 (1h 18m)

  • Photo Credit: ©iStockphoto.com/Radachynskyi

    Table of Contents

    1. Chapter 1 : Mastering TypeScript
      1. The Course Overview 00:03:24
      2. Sample Application Overview 00:04:13
      3. Compiling TypeScript in the Sample Application 00:04:32
      4. Implicit or Explicit Types 00:06:54
      5. Avoiding the "any" Type 00:03:37
      6. Being Aware of Structural Typing 00:02:42
      7. Type System Troubles 00:04:07
      8. Compiler Options for Added Support 00:02:23
      9. Enforcing Rules and Coding Standards 00:04:23
      10. Introduction – Before Moving 00:03:55
      11. Class-like JavaScript Patterns to TypeScript (Part 1) 00:05:53
      12. Class-like JavaScript Patterns to TypeScript (Part 2) 00:04:24
      13. Static Class-like Patterns in TypeScript 00:03:17
      14. Shortening a Class with Parameter Properties 00:01:40
      15. When to Use Arrow Function Properties 00:06:02
      16. Assert and Guard 00:05:24
      17. Making the Most of Type Guarding 00:05:05
      18. Multiple Function Signatures 00:06:04
      19. Rest and Spread 00:02:19
      20. Extending Built-in Types 00:04:01
      21. Code Refactoring 00:03:22
      22. Definition Files 00:04:35
      23. Writing a Definition File 00:07:46
      24. Strong Typing JavaScript Libraries on the Run 00:05:24
      25. Downloading and Managing Definition Files 00:05:44
      26. Included Definition Files 00:04:17
      27. Making the Most of let and const 00:05:19
      28. Working with Strings 00:06:01
      29. enums 00:05:21
      30. const enums Versus enums 00:03:23
      31. Moving to ES6 Modules 00:07:46
      32. Destructuring 00:05:13
      33. Introduction to Generators 00:06:28
      34. Improving Performance and Efficiency with Generators 00:03:59
      35. Easier Asynchronous Code with async/await 00:03:54
      36. Harnessing the Power of Decorators 00:07:37
      37. Advanced Decorators 00:03:35
      38. Sharing Code Across Applications 00:05:23
      39. Bridging with Interfaces 00:05:48
      40. Bridging with Code Generation 00:03:24
      41. Using TSX Files 00:05:11
    2. Chapter 2 : Migrating to Angular 2
      1. The Course Overview 00:02:08
      2. Looking at What's New in Angular 2 00:03:45
      3. Keeping Up with the Latest Angular 1.x Is Important 00:03:07
      4. Presenting Our Sample Project 00:03:39
      5. Migrating Incrementally Is the Way to Go 00:03:40
      6. Let's Use the Latest Angular 1.x First 00:04:05
      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:05:36
      15. Switching Our 1.x Components to Angular 2 Components 00:05:27
      16. Switching Our 1.x Controllers to Angular 2 Components 00:06:44
      17. Using the New Angular 2 Component Router 00:03:30
      18. Solving Complex Migration Cases 00:04:04
      19. Best Practices for Angular 2 00:03:08
      20. The Future of TypeScript and ES6 00:02:32
      21. Taking Angular 2 Further 00:03:40
    3. Chapter 3 : Learning Angular 2 Directives
      1. The Course Overview 00:03:41
      2. Project Setup 00:06:38
      3. All about Components 00:06:13
      4. Upgrading from Angular 1.x 00:05:37
      5. Anatomy of an HTTP Request 00:06:16
      6. Feeding Our Component with Data 00:10:56
      7. Decomposing and Building Application Foundation 00:07:30
      8. Scanning for New Sensors 00:07:59
      9. Creating a General Purpose Filter 00:06:16
      10. Selecting and Configuring a New Sensor 00:07:01
      11. Making the Modal Generally Reusable 00:05:13
      12. Attribute Directives to the Help 00:06:18
      13. Creating a Dashboard Widget 00:07:17
      14. Integrating an External Library – Data Visualization with D3 00:05:06
      15. Ready for production – Bundling and Minification 00:10:17
      16. Unit Testing Angular 2 Components 00:09:07
      17. Debugging (with Batarangle) 00:06:10
      18. e2e Testing Angular 2 Components 00:08:22
      19. Angular 2 Goes Mobile with Ionic 2 00:07:28
      20. Going Universal with Angular 2 00:09:29
    4. Chapter 4 : Introducing Ionic 2
      1. The Course Overview 00:03:33
      2. Bootstrapping an Ionic App 00:02:46
      3. Exploring the Project Structure 00:02:49
      4. Lab, Device, and Emulator 00:02:56
      5. Generating Pages 00:03:05
      6. Navigation Concepts in Ionic 2 00:01:38
      7. Navigating to Pages 00:04:15
      8. Creating a List 00:05:15
      9. Adding a Search Bar 00:03:27
      10. Using a Radio Buttons List 00:04:40
      11. Making API Calls 00:04:08
      12. Creating Your Own Service 00:05:44
      13. Using an ActionSheet 00:03:40
      14. Creating a Modal Preview 00:04:12
      15. Adding a Pull-to-refresh 00:03:06
      16. Using Dialogs 00:05:33
      17. Adding a Loader 00:02:46
      18. Building a Form 00:04:03
      19. Styling the App 00:03:07
      20. Navigation with params 00:02:01
      21. ion-slides 00:01:40
      22. Using a Pipe 00:03:44