Angular 2 Jump Start With Typescript

Course Curriculum

Chapter 1: Introduction.

Lecture 1: Introduction – What we are going to build?

Chapter 2: Introduction to Angular 2

Lecture 1: What is MVC?

Lecture 2: MVC in pure Javascript

Lecture 3: Angular As A Framework

Lecture 4: Lets Analyse An Web Page

Lecture 5: Component Based Thinking

Lecture 6: Introduction to Angular 2

Lecture 7: Dependency Injection

Chapter 3: Hello World In Angular 2

Lecture 1: What we are going to see?

Lecture 2: Project Source Code Link

Lecture 3: Typescript Aside: What is Typescript?

Lecture 4: Setting up with Angular 2 and Typescript

Lecture 5: Lets Create An Component

Lecture 6: ES6 Aside: What are modules?

Lecture 7: Wiring The Component With Angular Annotation

Lecture 8: Binding the component with view

Lecture 9: Final Step: Bootstrapping.

Lecture 10: A word on data binding

Chapter 4: Bootstrapping our application

Lecture 1: What we are going to see?

Lecture 2: Downloading Project Source Code

Lecture 3: NPM Aside: Handling our dependency.

Lecture 4: Gulp Aside: Handling our product flow.

Lecture 5: Explaining the source files.

Lecture 6: Typescript Aside: How does Typescript is getting converted?

Lecture 7: Recap

Chapter 5: Designing our Application Navigation.

Lecture 1: What we are going to see?

Lecture 2: Installing And Understanding Bootstarp

Lecture 3: Designing our navigation bar

Lecture 4: An Gentle Introduction to SPA

Chapter 6: Routing.

Lecture 1: What we are going to see?

Lecture 2: Fundamentals of Routing

Lecture 3: Two Types Of Routing

Lecture 4: Injecting The Routing Providers

Lecture 5: Directives and RouterOutlet

Lecture 6: @RouteConfig Annotations

Lecture 7: RouterLink Directives

Lecture 8: Recap

Chapter 7: Service And Dependency Injection

Lecture 1: What we are going to see?

Lecture 2: Intro to Dependency Injection

Lecture 3: Inversion of Control

Lecture 4: Creating our Injectable Service

Lecture 5: Injecting HTTP using @Inject

Lecture 6: Udemy API Aside: Udemy Rest API Details

Lecture 7: Observables and its methods

Lecture 8: HTTP and Observables

Lecture 9: Injecting Services Using providers

Lecture 10: Subscribing to Observables

Lecture 11: Recap

Chapter 8: Binding View With Our Model

Lecture 1: What we are going to see?

Lecture 2: Designing our View

Lecture 3: Designing our Model

Lecture 4: Binding View With Our Model

Lecture 5: Designing our view with ngFor directive

Lecture 6: Conditional Check with ngIf directive

Lecture 7: MV* terminology revisited

Chapter 9: Communicating Between Components

Lecture 1: What we are going to see?

Lecture 2: Revisit On Component Thinking

Lecture 3: Creating Card Component

Lecture 4: Passing Data to Card Component Using Properties

Lecture 5: Passing Data to Card Component Using @Input

Chapter 10: Components And View Encapsulation In Depth

Lecture 1: What we are going to see?

Lecture 2: Shadow DOM: Webcomponent Standard

Lecture 3: How do we handle View encapsulation?

Lecture 4: ViewEncapsulation Emulated In Detail

Lecture 5: ViewEncapsulation Native In Detail

Lecture 6: ViewEncapsulation None In Detail

Lecture 7: Recap

Chapter 11: Pipes

Lecture 1: What we are going to see?

Lecture 2: Pipes Explained

Lecture 3: Our First Custom Pipes

Lecture 4: Pipes: Take Away

Lecture 5: Exercise

Chapter 12: Appendix

Lecture 1: Installing Node

Lecture 2: Installing Sublime

Lecture 3: Bonus