Angular 2 Jump Start With Typescript

In this lecture we are going to give the gist of MVC fundamentals.

In this lecture, we are going to construct a very simple application by following MVC pattern using plain Javascript. At end of this lecture, we will discuss, why one shouldn't write his/her own MVC framework. Rather start using frameworks like Angular

In this lecture, we will give an introduction to angular framework. We will walkthrough the benefits it brings to the table.

In this lecture, we are going to discuss the new concept called "WebComponents". This lecture also explains, how Angular 2 is built on top of "WebComponents"

In this lecture, we are going to see an highlevel view of what Component Based thinking should be. And also discuss the relationship between MV* vs Components.!

In this lecture, we will see what all new ideas that are there in angular 2 framework. At the same time, we will see whats not there in Angular 2 from Angular 1 version.

Dependency injection is a corner stone of the software paradigm. In this lecture, we are going to give a solid introduction to Dependency injection by showcasing a very simple example. Once we understood the DI, concept, will give a idea of how Angular does DI with respect to Components.

In this lecture, we will discuss on what we are going to do in this particular section.

Link to the section source code.

In this lecture, we will see why one should be using Typescript instead of Javascript. The lectures demonstrates the point with simple example.

In this lecture, we will set up our environment that will be using for demonstrating the demo app in this section.

In this lecture, we will be creating our first component in Angular!

In this lecture, we will be discussing on what are modules, and how one should be using import and export keyword of ES6 specs.

After understanding the module system, in this lecture, we will import Angular component annotations to bind our class in Typescript to make it an Angular component!

After creating the component, in this lecture, we will be binding our component with our view ( html )

In this lecture, we will explain, how angular creates our component object using the in-built function called bootstrap. We will also discuss the idea of "Root" component from Angular perspective.

This lecture explains the concept of data binding. The lecture demonstrate how data binding works, by modifying the current example of this section.

In this lecture, we are going to see what we are going to build in this particular section

In this lecture, we are going to see how to download the project source code. The lecture walk through the steps that are required to checkout the github project and stay sync with the source code.

In this lecture, we are going to see how the dependencies are handled in an enterprise level application. The lecture starts with what is npm, how the package.json looks like etc.

This lecture, gives the gentle introduction to gulp framework.

In this lecture, let us walk through the typescript files that are there in the source directories. We will also see how index.html is using the transpiled javascript file.

We know the typescript files needs to be converted into javascript files. But how does gulp does that? In this lecture, we are going to discuss on the tsconfig.json file and how its used to specify the compiler option for converting an typescript file to an javascript file.

In this lecture, let us quickly recap on what we have learned in this particular section.

In this lecture, we are going to discuss on what this section teaches and what we are going to build in this section.

Before we design our application, we need to see why and what is Bootstrap. The answers for such an question is found on this particular lecture.

In this lecture, finally we are getting our hands dirty by start desinging our navigation bar.

This lecture is going to give the gentle introduction to SPA. We are also going to see how SPA pushes to the concept of "Routing".

In this section, we are going to discuss on what we are going to build in this section.

Before we begun with our coding part, lets us understand the fundamentals behind Routing concepts.

Angular 2 as framework provides two routing mechanism. In this lecture, we are going to discuss these two mechanism in depth.

In this lecture, we are going to see and understand how to inject Routing providers into our root application.

In this lecture, we are going to give a brief introduction to Directives in Angular 2 Framework; After understanding Directives, we are going to see what are RouterOutlet means and its usecase.

After understanding the routerOutlet directvies, finally we will see how to configure the router using @RouteConfig annotations.

In this lecture, we are going to see how to bind the view with our router configuration using RouterLink directives.

In this lecture, let us quickly recap on what we have learned in this particular section.

In this lecture, we are going to discuss on what this section consititues of.

This lecture revisits the DI concepts that we have discussed earlier.

In this lecture, we are going to discuss about the relationship between Inversion of control paradigm and DI.

In this lecture, we are focusing on creating our first service. We are going to see what is @Injectable annotation is.

In this lecture, we are going to ask Angular to inject Http providers in our components using @Inject annotations.

In this lecture, we are going discuss about Udemy APIs that we are going to use in this course.

In this lecture, we are going to give an solid introduction to Observables. We will be discussing how Observables are very useful pattern for solving async problems.

In this lecture, we are going to see how to tie up Http calls with observables.

In this lecture, we are going to see how to inject the created service into our Component using providers

In this lecture, we are going to understand the subscribe part of Observables API.

In this lecture, let us quickly recap on what we have learned in this complete section.

In this lecture, we are going to discuss on what we are going to build in this section.

In this lecture, we are going to discuss on Bootstrap Grid system. After undertsanding it, we are going to use it in our view designing.

In this lecture, we are going to design our Dashboard component which will be having the model

In this lecture, we are going to see how to bind the model that we have defined in our previous lecture with our View.

In this lecture, we are going to see and discuss about ngFor directives.

In this lecture, we are going to see and discuss about ngFor directives

In this lecture, we are going to revisit on the MV* pattern that we have learned already.

In this lecture, we are going to see what we are going to learn in this complete section.

Before we get down into practical section of how to pass data from one component to another component, lets quickly revisit our learning on "Component Thinking"

In this lecture, we are going to create an Component called Card, which is going to be responsible for rendering our "Course Card" UI part.

In this lecture, we are going to see how to pass data from our component to Card component using properties

In this lecture, we are going to discuss on what we are going to learn in this section!

In this lecture, we are going to understand what is Shadow DOM and what problem does it solve.

In this lecture, we are going to see the problem of encapsulating css styles

In this lecture, we are going to see how to use Angular 2 ViewEncapsulation Emulated mode.

In this lecture, we are going to see how to use Angular 2 ViewEncapsulation Native mode.

In this lecture, we are going to quickly walkthrough on what we have learned in this lecture!