Learning Path: Angular: Fundamentals of Angular 2 (Second Edition)

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.

This Learning Path covers the fundamentals of Angular 2 including how to migrate to Angular 2 and Angular 2 directives and components. We will also look at how TypeScript complements Angular 2 and build a mobile app using Ionic 2 and Angular 2.

Harness the power of Angular 2 for TypeScript and Ionic 2 by leveraging this Learning Path.

Prerequisites: Requires basic knowledge of JS and experience with legacy Angular

Resources: Code downloads and errata:

  • Mastering TypeScript

  • Migrating to Angular 2 – Second Edition

  • Learning Angular 2 Directives

  • Learning Angular components - Second Edition

  • Introducing Ionic 2

  • PATH PRODUCTS

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

  • Mastering TypeScript (3h 13m)

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

  • Learning Angular 2 Directives (2h 22m)

  • Learning Angular components - Second Edition (2h 48m)

  • Introducing Ionic 2 (1h 18m)

  • 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 – 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
    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 : Learning Angular components - Second Edition
      1. The Course Overview 00:03:39
      2. Project Setup 00:06:38
      3. All About Components 00:06:14
      4. Hello Angular 2 00:07:05
      5. Feeding Our Component with Data 00:05:35
      6. Upgrading from Angular 1.x 00:18:56
      7. Decomposing and Building an Application Foundation 00:09:54
      8. Scanning for New Sensors 00:08:06
      9. Creating a General-Purpose Filter 00:06:09
      10. Selecting and Configuring a New Sensor 00:07:20
      11. Making the Modal Generally Reusable 00:05:28
      12. Attribute Directives to the Help 00:06:19
      13. Creating a Dashboard Widget 00:07:26
      14. Integrating an External Library – Data Visualization with D3 00:05:18
      15. Ready for Production – Bundling and Minification 00:10:17
      16. Unit-Testing Angular 2 Components 00:11:26
      17. Debugging (with Augury) 00:04:30
      18. e2e Testing of Angular 2 Components 00:07:22
      19. Angular 2 Goes Mobile with Ionic 2 00:09:44
      20. Going Universal with Angular 2 00:10:18
    5. Chapter 5 : 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

    Product Information

    • Title: Learning Path: Angular: Fundamentals of Angular 2 (Second Edition)
    • Author(s): Erol Staveley - Curator, Taabish Khan - Curator
    • Release date: March 2017
    • Publisher(s): Packt Publishing
    • ISBN: 9781788298445