[_done26022016] a2

Watch User Created Playlist (26)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Share Template Content In Another Template With Content Projection

P

Generate components with the Angular CLI

P

Install the Angular CLI to Create and Serve an Angular Application

P

Pick Up Angular 2 in 6 Minutes

P

Angular 2 - Building a Toggle Button Component

P

Using the Async Pipe in Angular 2

P

@ngrx/store in 10 minutes

P

WebStorm - Setting Up Angular 2

P

Overview of Angular 2 and what to learn next...

P

Organizing Angular 2 projects by feature

P

Filter items with a custom search Pipe in Angular 2

P

Build a select dropdown with *ngFor in Angular 2

P

Refactoring mutations to enforce immutable data in Angular 2

P

Using Array ...spread to enforce Pipe immutability.

P

Using Pipes to Filter Data

P

Template property syntax

P

Adding a data model

P

Property Binding with Angular 2 and TypeScript

P

Event Binding with Angular 2 and TypeScript

P

Angular 2 - First Directive (es5)

P

Transforming raw JSON data to meaningful output in AngularJS

P

Angular 2 - Custom Events (es5)

P

Angular 2 - Events (es5)

P

Angular 2 - Binding (es5)

P

Angular 2 - Hello World (es5)

P

Angular 2 - Hello World (es6)

P
angular tutorial about Share Template Content In Another Template With Content Projection

Share Template Content In Another Template With Content Projection

1:13 angular PRO

Angular 1 provided a mechanism to place content from your template inside of another template called transclusion. This concept has been brought into Angular 2 and was renamed to content projection and given super powers.

In this lesson learn how to setup content projection and upgrade it to support multiple projections with encapsulated functionality.

angular-cli tutorial about Generate components with the Angular CLI

Generate components with the Angular CLI

1:21 angular-cli PRO

Generating components with the Angular CLI allows for scaffolding applications quickly. Learn what will be generated for you and how to generate quickly with shortcuts in the desired directory.

angular tutorial about Install the Angular CLI to Create and Serve an Angular Application

Install the Angular CLI to Create and Serve an Angular Application

1:17 angular PRO

Getting started with angular development can be difficult, with a lot of moving parts. Allow the Angular CLI to handle those complexities so you can focus on creating great applications.

In this lesson you will learn how to install the Angular CLI from npm, create a new application, serve the new application in the browser and edit it with live-reload.

angular tutorial about Pick Up Angular 2 in 6 Minutes

Pick Up Angular 2 in 6 Minutes

6:09 angular PRO

Angular 2 has many new moving parts, but the basics still focus on Components with templates, properties, events, and styles. This lesson walks through the template syntax and features inside of the Angular 2 components so that you can start building quickly.

angular tutorial about Angular 2 - Building a Toggle Button Component

Angular 2 - Building a Toggle Button Component

7:28 angular PRO

This lesson shows you how to build a Toggle Button in Angular 2 from scratch. It covers using transclusion in Angular 2, setting up your own two-way binding, and making the button into a reusable component.

angular tutorial about Using the Async Pipe in Angular 2

Using the Async Pipe in Angular 2

5:27 angular PRO

The Async Pipe in Angular 2 can reduce boilerplate and mental overhead when dealing with observables and promises. This lesson explores how the Async Pipe works, the code it eliminates, and demonstrates common use-cases within your applications!

angular tutorial about @ngrx/store in 10 minutes

@ngrx/store in 10 minutes

10:49 angular PRO

@ngrx/store builds on the concepts made popular by Redux and supercharges it with the backing of RxJS. The result is a tool and philosophy that will transform the way you approach state management in your Angular 2 applications. This lesson takes an existing Angular 2 app and refactors it to utilize @ngrx/store, touching on all of the major concepts along the way!

webstorm tutorial about WebStorm - Setting Up Angular 2

WebStorm - Setting Up Angular 2

1:52 webstorm PRO

WebStorm can easily help you set up a new Angular 2 project with never even touching a terminal. This lesson shows you all the neat GUI tricks you need to know to get up and running.

angular tutorial about Overview of Angular 2 and what to learn next...

Overview of Angular 2 and what to learn next...

4:33 angular PRO

This lesson recaps how all of the pieces of Angular 2 fit together. It ends with encouraging you to learn the latest JavaScript features as Angular 2 will make heavy use of the latest JavaScript language features and patterns.

angular tutorial about Organizing Angular 2 projects by feature

Organizing Angular 2 projects by feature

2:23 angular PRO

This lessons shows one way to structure your project by feature and how all you need to do is update your import statements.

angular tutorial about Filter items with a custom search Pipe in Angular 2

Filter items with a custom search Pipe in Angular 2

3:15 angular PRO

This lessons implements the Search Pipe with a new SearchBox component so you can search through each todo. It also demonstrates the patterns used for components to interact with each other. Often generic components are used for handling user input then they forward on those events (using Outputs) to components more specific to your application.

angular tutorial about Build a select dropdown with *ngFor in Angular 2

Build a select dropdown with *ngFor in Angular 2

4:21 angular PRO

This lesson walks you through building a component using ngFor on a select dropdown with options to pass in a param into the Pipe.

angular tutorial about Refactoring mutations to enforce immutable data in Angular 2

Refactoring mutations to enforce immutable data in Angular 2

4:16 angular PRO

When a Todo property updates, you still must create a new Array of Todos and assign a new reference. This lesson walks you through refactoring from the current approach to the immutable approach.

javascript tutorial about Using Array ...spread to enforce Pipe immutability.

Using Array ...spread to enforce Pipe immutability.

1:54 javascript PRO

Pipes need a new reference or else they will not update their output. In this lesson you will use the Array ...spread operator to create new Array to update pipe output without mutation.

javascript tutorial about Using Pipes to Filter Data

Using Pipes to Filter Data

2:24 javascript PRO

Pipes allow you to change data inside of templates without having to worry about changing it in the Controller. Creating a custom Pipe is as simple as giving it a name and a transform function that output what you expect.

angular tutorial about Template property syntax

Template property syntax

1:39 angular PRO

This lesson covers using the [input] syntax to change an element property such as “hidden” or “content-editable”. Using properties eliminates the need for Angular 1’s old directives such as ng-show and ng-hide as you’re now able to directly access any property on your element.

angular tutorial about Adding a data model

Adding a data model

2:19 angular PRO

This video covers migrating from simple strings to more complex objects inside of our Service to enable more features later on.

angular tutorial about Property Binding with Angular 2 and TypeScript

Property Binding with Angular 2 and TypeScript

3:05 angular PRO

We will learn about using Angular 2's new Property Binding syntax with TypeScript. Learn to bind to DOM properties with your Angular 2 application.

angular tutorial about Event Binding with Angular 2 and TypeScript

Event Binding with Angular 2 and TypeScript

2:49 angular PRO

We will learn about using Angular 2's new Event Binding syntax with TypeScript. Learn to bind to DOM events with your Angular 2 application.

angular tutorial about Angular 2 - First Directive (es5)

Angular 2 - First Directive (es5)

2:24 angular PRO

Directives in Angular 2 are basically Components without templates. Directives allow you to interact with other components. In this video, we'll use Directive's hostListeners and Directives hostProperties to set up those relationships.

angularjs tutorial about Transforming raw JSON data to meaningful output in AngularJS

Transforming raw JSON data to meaningful output in AngularJS

6:38 angularjs PRO

JSON from server often exposes raw data you have to transform to present to your end users. In this lesson, we cover a few solutions to make it happen.

angular tutorial about Angular 2 - Custom Events (es5)

Angular 2 - Custom Events (es5)

4:54 angular PRO

Angular 2 components can emit custom events through the new EventEmitter. John walks through the process of setting up a custom event and how to interact between the parent and child components.

angular tutorial about Angular 2 - Events (es5)

Angular 2 - Events (es5)

3:38 angular PRO

Angular 2 introduces a new event syntax for connecting events on the DOM to your controllers. In this video, John walks you through the basics of the new syntax and how to handle events inside your own components.

angular tutorial about Angular 2 - Binding (es5)

Angular 2 - Binding (es5)

3:01 angular PRO

Binding in Angular 2 works much the same way as binding in Angular 1, but there are some very important differences. John covers the differences and improvements you can look forward to as you start building your own Angular 2 components.

angular tutorial about Angular 2 - Hello World (es5)

Angular 2 - Hello World (es5)

3:11 angular PRO

Angular 2 fully supports using es5 so you don't have to use TypeScript or any other transpiler to get started. John walks you through writing your first component in es5, bootstrapping it, then adding another Angular 2 component to the template.

angular tutorial about Angular 2 - Hello World (es6)

Angular 2 - Hello World (es6)

2:57 angular PRO

Getting started with Angular 2 involves a new focus on building out components. John walks through the process of bootstrapping your first component as well as how to include one component inside another.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?