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

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.

David Sherret

David Sherret is a software developer in the healthcare industry. Within that, he leads several projects including one that supports the logistics behind specialty pharmaceuticals and maintains a patented technology for reducing health insurance fraud.

You can find him answering questions on the TypeScript tag on Stack Overflow.

Alain Chautard

Alain Chautard started using Angular in 2011, back when it was a very young technology that wasn’t widely used yet. He has used Angular JS on a daily basis since then. He also teaches Angular JS in California, where he is the organizer (and main speaker) of an Angular JS meetup group.

Alain is an expert Angular JS consultant at Interstate 21, where he develops beautiful web applications for clients located all over the world.

Juri Strumpflohner

Juri Strumpflohner is a passionate web developer, tech lead, and architect, and is currently focusing on frontend technologies. He has over 6 years of experience in developing JavaScript single page applications with various frameworks, most lately with Angular 1.x and 2.0.

He organizes a software craftsmanship meetup, contributes to open source projects, does technical book reviews, tweets at @juristr, and writes technical articles on DZone or his blog at http://juristr.com.

Mathieu Chauvinc

Mathieu Chauvinc is a Managing Director at Red Ape Solutions, where he aspires to keep the company at the bleeding edge of web technologies. On a daily basis, he leads the tech team of 15 and collaborates with them in building complex single page applications and neat hybrid mobile apps. He has been involved in web technologies for over a decade, from Django to Node.js and Go, SQL to NoSQL, Mootools to Angular 2, continuously trying to keep the right balance between the excitement of new frameworks and the stability of proven ones. He always has a special place in his heart for Python and Django.

He holds a Master’s in Engineering from the German University Karlsruhe and a Master’s in Engineering from the French ENSAM (Paris). Despite an engineering background, he has always had a passion for knowledge sharing, which has followed him until today, and he regularly conducts corporate or free training sessions on various IT topics in his country of residence, Malaysia.

He is also the author of several video courses, published by Packt, such as Learning JavaScript Promises and Introducing Ionic 2. He has recently enjoyed the chance of reviewing courses for Packt.

Requires basic knowledge of JS and experience with legacy Angular

Compile the sample application and analyze its overall structure

Understand TypeScript’s type system and how to use it more effectively

Broaden your knowledge on ES6 classes and how they relate to class-like JavaScript patterns

Familiarize yourself with JavaScript libraries in TypeScript

Improve your code with TypeScript language features

Use advanced experimental ES6 and ES7 features

Create static typing between a client and server in a client/server application. Bring the view code into TypeScript to have static typing

Interact efficiently with the type system for better and structured code

Familiarize yourself with Angular 2's new syntax and its change detection mechanism

Plan and migrate code incrementally and avoid bulk migration

Use the ng-upgrade library to facilitate the migration process

Understand how to work with the new component router

Switch and upgrade services, directives and forms to their Angular 2 equivalents

Introduce yourself to ECMAScript 6 and start incorporating TypeScript classes

Follow best practices recommended by the Angular core team for migrating projects

 Develop a strong understanding of Angular 2 components by slicing static HTML pages into dedicated components

Configure a modern setup with TypeScript, SystemJS, and ES2015

Refactor and upgrade an Angular 1.x application to Angular 2

Design reusable components by understanding how data flows in and out of them and by leveraging advanced Angular 2 template techniques

Debug Angular 2 components and write automated unit and end-to-end tests

Embed external libraries such as d3

Run Angular 2 components on mobile devices and on the server

Develop a strong understanding of Angular components by slicing static HTML pages into dedicated components

Configure a modern setup with TypeScript, SystemJS, and ES2015

Refactor and upgrade an Angular 1.x application to Angular Version 2+

Design reusable components by understanding how data flows in and out of them and by leveraging advanced Angular template techniques

Debug Angular components and write automated unit and end-to-end tests

Embed external libraries such as d3

Run Angular components on mobile devices and on the server

Make API calls and circumvent cross-origin restrictions with JSONP

Customize an Ionic 2 application using the power of SASS variables

Keep your code structured and reusable by implementing separation of concerns

Interact with users and gather relevant information using a form

Keep the user experience as close to native applications as possible using visual aids such as modal and actionSheet

Master the emulator and native loader options to see the final application while building it