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: On the Road to Angular 2

Video Description

Angular 2 marks a significant upgrade to Angular 1, the popular front-end JavaScript framework. It’s not just an incremental update, but a virtual rewrite. This may sound scary when it comes to moving your project or team to the new version, but it doesn’t have to be. In this video, Angular expert Scott Davis calms all fears by carefully breaking down the changes to come and putting you on the path to migration. Designed for the non-expert Angular 1 user – and for JavaScripters working in other frameworks – this course will help you understand the transformations coming in Angular 2, the decision making behind the changes, and how to make the jump when Angular 2 releases.

  • Explore the syntactical changes introduced in Angular 2
  • Discover how Angular 2 leverages the features of Web Components
  • Understand the flexibility in language choice provided by Angular 2
  • Learn about the TypeScript and ECMAScript 6 development paths
  • Getting Ready for Angular 2, What’s New with ES6, and Introduction to Web Components make up Scott Davis’s learning trilogy about Angular, the Google led framework for mobile and desktop apps. Davis is a frequent O’Reilly contributor and the founder of ThirstyHead.com, a training and consulting company that that specializes in HTML5, mobile development, SmartTV development, NoSQL, Groovy, and Grails.

    Table of Contents

    1. Introduction
      1. Welcome to the Course 00:01:11
      2. Introduction 00:07:50
      3. Introduction to ECMAScript 00:06:12
      4. Introduction to TypeScript 00:04:40
      5. Introduction to Transpilers 00:06:10
    2. ES6 Strings (startsWith, endsWith, template strings)
      1. startsWith, endsWith, includes 00:03:52
      2. Metaprogramming 00:03:13
      3. Template Strings 00:04:42
    3. ES6 Collections (Maps, Sets)
      1. ES6 Maps 00:05:01
      2. ES6 Sets 00:04:56
    4. ES6 Scoping and Variables (const, let, fat arrow functions, destructuring)
      1. Const 00:06:15
      2. Let 00:08:58
      3. Destructuring 00:04:51
      4. Fat Arrow Functions 00:08:10
    5. ES6 Modules (class, module, import, export)
      1. Class Basics 00:08:07
      2. Class Inheritance 00:03:55
      3. Module 00:07:00
      4. Module Loaders 00:05:44
      5. Wrap Up and Thank You 00:03:45
    6. Introduction
      1. Welcome to the Course 00:01:28
      2. Introduction 00:05:54
      3. Current HTML5 Web Components 00:03:03
      4. Web Components "State of the Union" 00:05:37
    7. Custom Elements
      1. Before Custom Elements, There Was "Tag Soup" 00:04:55
      2. Introduction to Custom Elements 00:02:15
      3. Semantic HTML Elements 00:07:15
      4. Your First Custom Element: <my-duration> 00:05:32
    8. HTML Templates
      1. Before Templates, There Was Handlebars 00:03:51
      2. Introduction to Templates 00:03:32
      3. Adding an HTML Template to Your Custom <my-duration> Web Component 00:03:07
    9. Shadow DOM
      1. Introduction to Shadow DOM 00:02:48
      2. Adding Shadow DOM Support to Your Custom <my-duration> Web Component 00:03:02
    10. HTML Imports
      1. Introduction to HTML Imports 00:06:43
      2. Understanding Import Documents 00:05:11
      3. Adding HTML Imports Support to Your Custom <my-duration> Web Component 00:03:24
      4. Wrap Up and Thank You 00:02:21
    11. Introduction
      1. Welcome to the Course 00:01:14
      2. Introduction 00:03:06
    12. Angular 2 Preflight
      1. Changes to Angular 2 00:05:22
      2. Angular 2: The Good Parts 00:06:59
      3. Angular 2 Hello World 00:03:22
      4. Angular 2 Preflight Checklist 00:02:53
      5. Angular 2 Decisions: Languages, Libraries 00:04:10
    13. Choosing a Language - TypeScript or JavaScript
      1. Introduction to TypeScript 00:04:41
      2. Introduction to ECMAScript 00:06:21
      3. Static Versus Dynamic Typed Languages 00:03:56
    14. Choosing a Package Manager
      1. Introduction to the Package Manager 00:01:08
      2. Installing NodeJS 00:05:44
      3. Understanding NPM 00:03:05
      4. Server-side Versus Client-side Package Managers 00:03:18
      5. Intro to JSPM 00:02:48
      6. JSPM Versus Other Package Managers 00:04:31
    15. Choosing a Module Loader
      1. Introduction to CommonJS Modules 00:04:07
      2. Introduction to AMD 00:03:21
      3. Introduction to ES6 Modules 00:03:17
      4. Introduction to SystemJS 00:03:27
    16. Choosing a Transpiler / Polyfill Library
      1. Introduction to BabelJS 00:02:51
      2. What is a Polyfill? 00:04:05
    17. Choosing a Build Script
      1. Introduction to Gulp 00:03:26
      2. Angular CLI 00:03:10
      3. Step by Step 00:07:21
      4. Wrap Up and Thank You 00:04:04