Angular 4 Development Decoded

Unleash Angular Best Practices

Instructed by Maruti Makwana

Access all courses with Premium Subscription

  • Monthly
  • Yearly

Monthly

$ 29/mo
Billed Monthly
  • All Courses Access
  • New Courses Instant Access
  • Learning paths Access
  • Course completion certificates
  • Skills Assessment
  • Instructor Support
  • Exercise files & Quizzes
  • Resume & Play
  • Mobile and TV apps
  • Offline viewing
  • Cancel Anytime
Subscribe Now

Yearly

$ 299/yr
Billed Anually
  • One Year Unlimited Access
  • New Courses Instant Access
  • Learning paths Access
  • Course completion certificates
  • Skills Assessment
  • Instructor Support
  • Exercise files & Quizzes
  • Resume & Play
  • Mobile and TV apps
  • Offline viewing
  • Cancel Anytime
Subscribe Now
  • At the end of this course students will be able to understand Angular 4 and some important parts of the Framework like Components, Bindings, Dependency Injections, Services, Interpolation, Custom Directives, Routing, Decorators etc with some important concepts which are useful in real life business application development.

If you are not familiar with Angular Framework and if you have question in your mind that

From Where i should start learning Angular 4 ?

- Do i need to Choose JavaScript or TypeScript with Angular application ?

- How can i learn Angular 4 as quick as possible ?

Then this Course is answer of these questions.

I am dealing with AngularJS Projects and Providing training on this from Couple of years and i know most students get confused with different terms of Angular and they need easy and cool way to understand some complex concepts. After great success of some angularJS courses on Learnfly i decided to put this course on Angular 4 for my Students.

This is just beginning as i will keep adding new videos on this because Angular 4 is Endless.

It is perfect for those who has Knowledge of JavaScript, HTML and CSS, Knowledge of object oriented programming is optional but will be helpful if you know.

  • Installation and Configuration steps are already there in this course so there is no prior steps required,
  • This Angular course is for newbies who are not familier with Angular 4 and TypeScript and wanted to learn it in a quick and easy way
View More...

Section 1 : Introduction of the course

  • Lecture 1 :
  • This video will explain basics difference between angular and angularjs.
  • Lecture 2 :
  • Setup Development Environment
  • This video is going to cover three things which you need to install in order to do development of angular.
  • Lecture 3 :
  • Creating new project through AngularCLI commands
  • This video is going to cover project creations and running it on specific port number.
  • Lecture 4 :
  • Understanding angular Component
  • This video covers three parts of component Template, Class and Metadata.
  • Lecture 5 :
  • Understanding angular Module
  • This video explains angular module with @ngModule decorator.
  • Lecture 6 :
  • Hero child component with bindings
  • This video is going to create new component in which we will learn interpolation binding and @Input decorator.
  • Lecture 7 :
  • Hero parent component with bindings
  • This video is going to create new component in which we will learn two-way binding and property binding with new directive *ngFor.
  • Lecture 8 :
  • Event binding with ngStyle directive
  • This video is going to create cover event binding on button click and ngStyle to change styles at runtime.

Section 2 : Deep Dive to angular application development

  • Lecture 1 :
  • Creating New Angular app - Videoapp
  • In this video, we will create new application using angular CLI.
  • Lecture 2 :
  • Adding Libraries using package.json
  • In this video, we will add JQuery and bootstrap in videoapp.
  • Lecture 3 :
  • Creating new Component VideoList
  • In this video, we are creating new component which will actually going to become nested component of app component.
  • Lecture 4 :
  • Binding JSON data with VideoList Component
  • In this lecture, we are binding dummy JSON data with the VideoList Component and displaying it in UI with the help of *ngIf and *ngFor directives.
  • Lecture 5 :
  • Correcting UI and using Pipes in VideoList
  • In this lecture we are making UI proper using bootstrap classes and we are using some pre-defined typescript pipes in html.
  • Lecture 6 :
  • Improving Component by making data Strongly Typed
  • In this lecture we are Improving Component by making VideoList Strongly Typedusing our interface.
  • Lecture 7 :
  • Getting familiar with lifecycle hooks
  • In this lecture we are learning lifecycle hooks and we are going to use OnInit lifecycle hook in our VideoList Component.
  • Lecture 8 :
  • Services of Angular 4 application
  • In this lecture we are creating new service of angular which we can reuse throughout application once we provide it using providers at the root level component.
  • Lecture 9 :
  • Using Services with dependency injection
  • In this lecture we are injecting service in to videolist component constructor and getting data with the help of service.

Getting started with coding

By : Devansh Varshney

Lecture 27

$15

Superb Python Course - Become Certi...

By : Paul Carlo Tordecilla

Lecture 91

$15

Superb Advance Javascript - Become ...

By : Paul Carlo Tordecilla

Lecture 28

$15

Application development with IBM Wa...

By : Harshit Srivastava

Lecture 14

Free

Learn React 16 and Redux by buildin...

By : Haider Malik

Lecture 74

$15

Python for Beginners : A Python Meg...

By : Vijay Gadhave

Lecture 39

$15

Need any help with the platform? Contact us at: support@learnfly.com