Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:6Length:28 minutes
Get Started With Angular 2
Whether you're an experienced Angular dev wanting to make the jump to this latest version, or a new developer who wants to learn to create websites with the latest technology, our Get Started With Angular 2 course is a great starting point for learning Angular 2.

Next lesson playing in 5 seconds

Cancel

What’s New in Angular 2

Introduction

00:41
  • Overview
  • Transcript

Angular 2 is the new version of the extremely popular AngularJS framework. AngularJS turned the front-end development world upside down when it was released, bringing together a number of new or recent web application development practices into a powerful and easy-to-use framework. With version 2, the Angular team has started from scratch with a completely new system. Many of the ideas behind Angular are still the same, but the API and developer experience are very different.

Angular 2 is still in development, but it's stable enough for us to start learning about how to build apps with it. In this course, Envato Tuts+ instructor Reggie Dawson will help you get up to speed with Angular 2 before it's released.

We've built comprehensive guides to help you learn JavaScript and Angular, whether you're just getting started or you want to explore more advanced topics.

1. Introduction

1.1 Introduction

Hello, everyone. This is Reggie Dawson. Welcome to the What's New in Angular Two course for Tuts Plus. Angular Two is a popular framework for building web apps. For a lot of developers who rely on Angular, it came as a shock when the Angular team announced that Angular Two would be a completely new framework built from the ground up. This will require developers to learn the framework all over again. In this course I will discuss how Angular 2 works, and how to get started with the framework. We will learn about typescript and what it offers. And most importantly, why you should be using it. At the end of this course, you should realize that Angular 2 is not that difficult, and should be easy to migrate your applications to. Come on and find out what's new with Angular 2.

2. Coding in Angular 2

2.1 What's Different?

Hello everyone, this is Reggie Dawson. Welcome to the What's New in Angular 2 course for. In this video, we're going to talk about what is different in Angular 2. I will admit, I was one of the developers who was upset to learn that Angular 2 was going to be completely different from the Angular I've grown to know. As a person who makes his living using Angular, I was upset to learn that the time I invested in learning Angular would be useless on the new platform. The reason I like Angular so much is because of the fact that it just makes things work. I remember someone saying Angular will give you superpowers. It won't give you superpowers, but if you have a solid understanding of JavaScript, you can do some amazing things with Angular. The Angular team decided to change Angular as a way of easing the learning curve of people adopting Angular. After getting familiar with Angular 2, I can honestly say the changes seem to be made for the better. The first big change in Angular is the way that we develop with Angular 2. If you have seen code from Angular 2, you will notice the syntax is not something you may be familiar with. The reason is that it seems the preferred language to develop with in Angular 2 is TypeScript. We can still use plain old ES5 if we'd like, but Angular 2 is written in ES6. As a result, Angular 2 uses features such as decorators that aren't supported by ES5. By using TypeScript, which does support these features but compiles the plain JavaScript, we can use these features in our code. In this course we will learn to use both ES5 and TypeScript in Angular 2. Don't worry if you don't know TypeScript, I will show you what you need to know. And honestly if you know JavaScript it shouldn't be that hard to pick up. The second major change I notice is the architecture of an application. In Angular we are used to the patterns of controllers handling the behavior on our page, services providing external data, and directives manipulating the dom. With Angular 2 we don't use controllers anymore, everything is now based on components. We will bootstrap our base component and all other components will be loaded from the base component. Inside the component we will manipulate the dom and create an element, create our template views, as well as adding any logic to our component. In this way, the behavior of both the controller and a directive are built into the component. For those familiar with Angular, don't worry. Dependency injection, one of the key features of Angular, is still included. Like everything else in Angular 2, it has been simplified for use and streamlined. In this course, we will use the framework and learn how to set up a development environment for Angular. We will also set up a few small applications to demonstrate how Angular 2 works. During this course we will also use TypeScript a lot, but I will show ES5 examples where I can. At the end of this course you should feel comfortable about migration if you are a current user of Angular. In the next video we will get started with the small Angular 2 app in ES5.