All in One Offer! | Access Unlimited Courses in any category starting at just $29. Offer Ends in:

Browse Library

  • Business Solutions
  • Become an Instructor
  • 0
    Shopping Cart

    Your Cart is empty. Keep shopping to find a course!

    Browse Courses
Get Unlimited Learning Access
$29
6 days left at this price!
30-Day Money-Back Guarantee

This plan includes

  • Instant access to 11,000+ online courses
  • Play & Pause Course Videos
  • HD Video Recorded Lectures
  • Learn on Mobile/PC/Tablet
  • Quizzes and Real Projects
  • Lifetime Course Certificate
  • Instructor Chat Support
  • Cancel Plan Anytime
Subscribe to Learnfly’s top courses
Get this course, plus 11,000+ of our top-rated courses for one year with Go Annually Plan.
$348 $244 a year Save 30%
6 days left at this price!
30-Day Money-Back Guarantee

This plan includes

  • Instant access to 11,000+ online courses
  • Play & Pause Course Videos
  • HD Video Recorded Lectures
  • Learn on Mobile/PC/Tablet
  • Quizzes and Real Projects
  • Lifetime Course Certificate
  • Instructor Chat Support
  • Cancel Plan Anytime
$29
$244
  • Understanding Node NPM, CLI , VS ,Typescript and Webpack build tool.
  • Understanding Module and Component architecture in angular. Understanding important properties of component like templateurl , styleurl and selector.
  • Understanding configuration files like Angular json , tsconfig json , package json file and semantic versioning.
  • Understanding Routing ,router-outlet , routeLink and Lazy loading
  • Angular validation using formgroup , formcontrols and validators.
  • Creating loosely coupled architecture using DI ( Dependency Injection) and providers.
  • Implementing reusable user controls using input , output and event emitters.
  • Making http calls , understanding httpclient , http interceptors and fixing double entry problem

This tutorial is made in the latest version of Angular i.e. Angular 7.This  series covers the following topics.

Chapter 1  :- Node and NPM
Chapter 2  :- Running first app & Angulr CLI
Chapter 3  :- VS Code editor.
Chapter 4  :- TypeScript
Chapter 5  :- CLI project folder structure
Chapter 6  :- The config JSON files
Chapter 7  :- ng serve vs ng build
Chapter 8  :- Angular the binding framework
Chapter 9  :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
Chapter 28 :- Thinking Uniform , Thinking Master Pages
Chapter 29:- Creating Angular UI and its components.
Chapter 30 :- Organizing project folders, modules & components.
Chapter 31 :- Masterpage and selector
Chapter 32 :- Grouping components in to Modules.
Chapter 33 :- Understanding UI loading in selector.
Chapter 34 :- Routing and Routing collection
Chapter 35 :- router-outlet and routerLink
Chapter 36 :- RouterModule and loading routes in Angular.
Chapter 37 :- Understanding the flow of Angular with routing.
Chapter 38 :- Performance issues due to eager loading.
Chapter 39 :- Implementing Lazy loading
Chapter 40 :- Dividing project in to self contained Angular modules.
Chapter 41 :- Self contained routes for self contained modules.
Chapter 42 :- loadChildren :- The heart of lazy loading
Chapter 43:- Understanding path structure for folders and loadChildren.
Chapter 44:- forRoot and forChild
Chapter 45:- Multiple Modules , Multiple builds and Multiple outputs.
Chapter 46:- CommonModule for Lazy Loading
Chapter 47:- Seeing the physical separate modules in the "dist" folder.
Chapter 48:- Revising Angular architecture with Lazy routing
Chapter 49 :- Validation object model.
Chapter 50 :- Appropriate place to put validations
Chapter 51 :-Formgroup , FormControl , Validators and FormBuilder
Chapter 52 :- Using Angular validation :- The CCC process.
Chapter 53 :- Creating validations
Chapter 54 :- Applying validations to the UI
Chapter 55 :- Checking validation status
Chapter 56 :- ReactiveForms
Chapter 57 :- ngModelOption standalone
Chapter 58 :- Display errors for individual validations.
Chapter 59 :- The dirty flag.
Chapter 60 :- Centralizing validation code for reusability.
Chapter 61: - Definition of a good architecture
Chapter 62: - Concrete classes and tight coupling
Chapter 63: - Provider - provides things to component.
Chapter 64: - Creating providers: - Provide & UseClass
Chapter 65: - Interfaces issues with Angular DI
Chapter 66: - Finally understanding Dependency Injection
Chapter 67: - Seeing the actual fruits of Dependency Injection
Chapter 68: - Centralized and Conditional DI
Chapter 69: - Injector and tokens - Conditionnal DI
Chapter 70: - Dynamic collections
Chapter 71: - Revising Angular DI architecture
Chapter 72 :- Defining a user control
Chapter 73 :- Interactions :- Input, output and event emitters
Chapter 74 :- Creating user control and its components
Chapter 75 :- Creating user control component and importance of selector
Chapter 76 :- The @input decorator
Chapter 77 :- Stters and custom component naming convention
Chapter 78 :- Creating the Grid UI of the user control
Chapter 79 :- Defining output and event emitters
Chapter 80 :- Understanding the user control flow
Chapter 81 :- Importing and running the user control
Chapter 82 :- Debugging and watching the full flow.
Chapter 83 :- Json-server , the fake webserver
Chapter 84 :- Configuring json-server & db.json.
Chapter 85 :- importing and creating  http component object
Chapter 86:-  Making HTTP Post calls and the subscribe method.
Chapter 87 :- Import HTTP Module at the module level.
Chapter 88 :- Implementing DTO( Data transfer objects)
Chapter 89 :- Lambdas and Callback
Chapter 90 :- Angular HTTP Client.
Chapter 91 :- Using HttpClient
Chapter 92 :  Simplicity of HttpClient.
Chapter 93:-  Interceptors in HttpClient
Chapter 94:-  The double data post
Chapter 95 :- Defining the scope of the tutorial.
Chapter 96 :- Using Angular template and its limitation
Chapter 97 :- Respecting individual build and compilation.
Chapter 98 :- MVC wwwroot folder and Angular
Chapter 99 :- Issues with ng serve and integration
Chapter 100 :- Bootstrapping through MVC
Chapter 101 :- Deployurl concept.
Chapter 102 :- Integrating Webapi with Angular Http
Chapter 103 :- Debugging Angular and MVC
Chapter 104 :- Ahh the camel case and pascal case issue
Chapter 105:- Integrating Grunt with Task runner explorer
Chapter 106 :- Grunt configuration using appsettings.json
Chapter 107 :- Prebuild and Postbuild style
Chapter 108 :- Double tooling VS code and Visual studio
Chapter 109 :- Create new project using ng new command.
Chapter 110 :- Copy the code in to newly created projects.
Chapter 111 :- Run ng serve , fix errors http to httpclient
Chapter 112 :- Test and you are all set
Chapter 113 :- Integration testing vs Unit Testing
Chapter 114 :- Black Box vs White Box
Chapter 115 :- Jasmine and Karma
Chapter 116 :- Understanding Jasmine syntaxes , BDD , Describe and it.
Chapter 117 :- BeforeEach,BeforeAll,AfterEach and AfterAll
Chapter 118 :- The TestBed API
Chapter 119 :- Angular loading flow.
Chapter 120 :- Fixture the baseline.
Chapter 121 :- DebugElement , componentInstance and nativeElement
Chapter 122 :- Assertion - expect , tobeTruthy , toEqual
Chapter 123 :- Synching DOM's DetectChanges.
Chapter 124 :- QuerySelectors.
Chapter 125 :- Running Angular test
Chapter 126 :- Writing a complex unit test for the Customer screen

  • Basic JavaScript and HTML knowledge needed.
  • Basic programming knowledge is needed.
  • You do not need to know any old Angular version of Angular.
  • This course is for people who are new to Angular and want to start from basic and go to advanced level.
View More...
  • Section 1 : Lab 1: - Running your first Angular Application. 2 Lectures 01:20:22

    • Lecture 1 :
    • Lab 1: - Running your first Angular Application. Preview
    • In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below. Chapter 1  :- Node and NPM Chapter 2  :- Running first app & Angulr CLI Chapter 3  :- VS Code editor. Chapter 4  :- TypeScript Chapter 5  :- CLI project folder structure Chapter 6  :- The config JSON files Chapter 7  :- ng serve vs ng build Chapter 8  :- Angular the binding framework Chapter 9  :- Component and Modules Chapter 10 :- Expression , Decorators and TemplateURL Chapter 11 :- Declaration and BootStrap in Modules Chapter 12 :- The main.ts file for module startup Chapter 13 :- Index.html and the selector tag Chapter 14 :- Polyfills Chapter 15 :- Webpack :- Packaging and deploying Chapter 16 :- Vendor.js and Runtime.js
    • Lecture 2 :
    • Question 1 :- Can we have multiple components in Startup?
  • Section 2 : Lab 2: - Creating the Customer UI, Model and Component. 1 Lectures 00:39:45

    • Lecture 1 :
    • Lab 2: - Creating the Customer UI, Model and Component.
    • In lab 2 the following chapters are covered. Chapter 17 :- Angular File naming Convention Chapter 18 :- Creating Customer UI Chapter 19 :- Creating Customer Model Chapter 20 :- Consuming model in component Chapter 21 :- ngModel , One way and Two way binding Chapter 22 :- Expressions Chapter 23 :- Understanding and Intrepeting Errors Chapter 24 :- FormsModule Chapter 25 :- *ngForLoop Chapter 26 :- package.lock.json and versioning Chapter 27 :- Using source code of the tutorial.
  • Section 3 : Lab 3: - Angular Routing: Creating Master pages and navigations 1 Lectures 00:30:51

    • Lecture 1 :
    • Lab 3: - Angular Routing: Creating Master pages and navigations
    • In this the following chapters are covered Chapter 28 :- Thinking Uniform , Thinking Master Pages Chapter 29:- Creating Angular UI and its components. Chapter 30 :- Organizing project folders, modules & components. Chapter 31 :- Masterpage and selector Chapter 32 :- Grouping components in to Modules. Chapter 33 :- Understanding UI loading in selector. Chapter 34 :- Routing and Routing collection Chapter 35 :- router-outlet and routerLink Chapter 36 :- RouterModule and loading routes in Angular. Chapter 37 :- Understanding the flow of Angular with routing.
  • Section 4 : Lab 4: - Increasing Performance using Lazy Loading. 1 Lectures 00:35:40

    • Lecture 1 :
    • Lab 4: - Increasing Performance using Lazy Loading.
    • This lab is of 30 minutes and this lab has 10 chapters as show below. Chapter 38 :- Performance issues due to eager loading. Chapter 39 :- Implementing Lazy loading Chapter 40 :- Dividing project in to self contained Angular modules. Chapter 41 :- Self contained routes for self contained modules. Chapter 42 :- loadChildren :- The heart of lazy loading Chapter 43:- Understanding path structure for folders and loadChildren. Chapter 44:- forRoot and forChild Chapter 45:- Multiple Modules , Multiple builds and Multiple outputs. Chapter 46:- CommonModule for Lazy Loading Chapter 47:- Seeing the physical separate modules in the "dist" folder. Chapter 48:- Revising Angular architecture with Lazy routing
  • Section 5 : Lab 5: - Implement Validations in Angular. 1 Lectures 00:40:56

    • Lecture 1 :
    • Lab 5: - Implement Validations in Angular.
    • In this lab we will look in to applying validations using Angular. Below are the chapters covered in this lab. Chapter 49 :- Validation object model. Chapter 50 :- Appropriate place to put validations Chapter 51 :-Formgroup , FormControl , Validators and FormBuilder Chapter 52 :- Using Angular validation :- The CCC process. Chapter 53 :- Creating validations Chapter 54 :- Applying validations to the UI Chapter 55 :- Checking validation status Chapter 56 :- ReactiveForms Chapter 57 :- ngModelOption standalone Chapter 58 :- Display errors for individual validations. Chapter 59 :- The dirty flag. Chapter 60 :- Centralizing validation code for reusability.
  • Section 6 : Lab 6: - Angular Dependency Injection. 1 Lectures 00:34:35

    • Lecture 1 :
    • Lab 6: - Angular Dependency Injection.
    • In this Lab we will understand how to create decoupled architecture using Angular DI and providers. Chapter 61: - Definition of a good architecture Chapter 62: - Concrete classes and tight coupling Chapter 63: - Provider - provides things to component. Chapter 64: - Creating providers: - Provide & UseClass Chapter 65: - Interfaces issues with Angular DI Chapter 66: - Finally understanding Dependency Injection Chapter 67: - Seeing the actual fruits of Dependency Injection Chapter 68: - Centralized and Conditional DI Chapter 69: - Injector and tokens - Conditional DI Chapter 70: - Dynamic collections Chapter 71: - Revising Angular DI architecture
  • Section 7 : Lab 7:- Input,output and event emitters. 1 Lectures 00:37:59

    • Lecture 1 :
    • Lab 7:- Input,output and event emitters.
    • In this video we will try to understand how to create reusable component using input,output and event emitters.Chapter 72 :- Defining a user control Chapter 73 :- Interactions :- Input, output and event emitters Chapter 74 :- Creating user control and its components Chapter 75 :- Creating user control component and importance of selector Chapter 76 :- The @input decorator Chapter 77 :- Stters and custom component naming convention Chapter 78 :- Creating the Grid UI of the user control Chapter 79 :- Defining output and event emitters Chapter 80 :- Understanding the user control flow Chapter 81 :- Importing and running the user control Chapter 82 :- Debugging and watching the full flow.
  • Section 8 : Lab 8:- Make HTTP calls using Angular Components. 1 Lectures 00:41:34

    • Lecture 1 :
    • Lab 8:- Make HTTP calls using Angular Components.
    • In this lecture we will understand how to make HTTP calls , HTTP client and its new features , interpolation , DTO model and double data post problems.Chapter 83 :- Json-server , the fake webserver Chapter 84 :- Configuring json-server & db.json. Chapter 85 :- importing and creating  http component object Chapter 86:-  Making HTTP Post calls and the subscribe method. Chapter 87 :- Import HTTP Module at the module level. Chapter 88 :- Implementing DTO( Data transfer objects) Chapter 89 :- Lambdas and Callback Chapter 90 :- Angular HTTP Client. Chapter 91 :- Using HttpClient Chapter 92 :  Simplicity of HttpClient. Chapter 93:-  Interceptors in HttpClient Chapter 94:-  The double data post
  • Section 9 : Lab 9: - Integrating MVC Core with Angular using Visual Studio. 1 Lectures 01:30:28

    • Lecture 1 :
    • Lab 9: - Integrating MVC Core with Angular using Visual Studio.
    • Chapter 1 :- Defining the scope of the tutorial.Chapter 2 :- Using Angular template and its limitationChapter 3 :- Respecting individual build and compilation. Chapter 4 :- MVC wwwroot folder and AngularChapter 5 :- Issues with ng serve and integrationChapter 6 :- Bootstrapping through MVCChapter 7 :- Deployurl concept. Chapter 8 :- Integrating Webapi with Angular HttpChapter 9 :- Debugging Angular and MVCChapter 10 :- Ahh the camel case and pascal case issueChapter 11:- Integrating Grunt with Task runner explorerChapter 12 :- Grunt configuration using appsettings.jsonChapter 13 :- Prebuild and Postbuild styleChapter 14 :- Double tooling VS code and Visual studio
  • Section 10 : Lab 10:- Migratting Angular 6 to Angular 7 1 Lectures 00:17:36

    • Lecture 1 :
    • Lab 10:- Migratting Angular 6 to Angular 7
    • In this lesson we have 4 chapters which focuses on Migrating Angular 6 to 7 migration :- Chapter 109 :- Create new project using ng new command.Chapter 110 :- Copy the code in to newly created projects.Chapter 111 :- Run ng serve , fix errors http to httpclientChapter 112 :- Test and you are all set
  • Section 11 : Lab 11 :- Unit Testing in Angular using Jasmine & Karma. 1 Lectures 00:32:31

    • Lecture 1 :
    • Lab 11 :- Unit Testing in Angular using Jasmine & Karma.
    • This lesson is of 30 minutes which focuses on Unit testing using karma and jasmine. Chapter 113 :- Integration testing vs Unit TestingChapter 114 :- Black Box vs White BoxChapter 115 :- Jasmine and KarmaChapter 116 :- Understanding Jasmine syntaxes , BDD , Describe and it.Chapter 117 :- BeforeEach,BeforeAll,AfterEach and AfterAllChapter 118 :- The TestBed APIChapter 119 :- Angular loading flow.Chapter 120 :- Fixture the baseline.Chapter 121 :- DebugElement , componentInstance and nativeElementChapter 122 :- Assertion - expect , tobeTruthy , toEqualChapter 123 :- Synching DOM's DetectChanges.Chapter 124 :- QuerySelectors.Chapter 125 :- Running Angular testChapter 126 :- Writing a complex unit test for the Customer screen
  • Section 12 : Question 1 :- Can we have multiple components in Startup? 1 Lectures 00:08:54

    • Lecture 1 :
    • Question 1 :- Can we have multiple components in Startup?
    • In this we have discussed can we have multiple components as startup , how to achieve the same and in what scenario we will use the same.
  • How do i access the course after purchase?

    It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time.
  • Are these video based online self-learning courses?

    Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic.
  • Can i play & pause the course as per my convenience?

    Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on.
  • How do i contact the instructor for any doubts or questions?

    Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want.
  • Do i need a pc to access the course or can i do it on mobile & tablet as well?

    Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly.
  • Do i get any certificate for the courses?

    Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
  • For how long can i access my course on the platform?

    You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions.
  • Is there any free trial?

    Currently, we do not offer any free trial.
  • Can i cancel anytime?

    Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?

0 Course Views

Courses

My name is Shivprasad Koirala ( thats my young time photo) , I love teaching and learning , I started QuestPond website 15 years back with the one single goal creating quality step by step IT programming related lessons. I saw many lessons online , either they are done too fast or too slow or are too complicated. The main goal of Questpond is to create Step by Step lessons on C#, ASP.NET , Design  patterns , SQL and so on. As years moved on i added other step by step lessons like Angular , Sharepoint , MSBI, Azure and so on.
View More...
  • Unmatched Variety and Value!
    Learnfly's monthly subscription offers unlimited access to a vast range of courses. Affordable pricing, compared to competitors, makes it the ultimate choice for continuous learning.
    Jessica M.

    4.7

    JM
  • Top-Notch Quality, Affordable Rates!
    High-quality courses with certified instructors make Learnfly stand out. The affordable pricing is a game-changer for those seeking premium education.
    Alex P.

    4.5

    AP
  • Certified Excellence Every Time!
    Learnfly's courses, taught by certified instructors, ensure top-notch learning experiences. The course completion certificates add significant value to one's skill set.
    Sarah R.

    4.3

    SR
  • Round-the-Clock Support!
    Learnfly goes the extra mile with 24/7 course support. Their dedication to helping students succeed is commendable.
    Ryan K.

    4.1

    RK
  • Learn Anywhere, Anytime!
    Whether on mobile, PC, or tablet, Learnfly's platform offers flexibility. Learning on the go has never been easier.
    Emily S.

    4.7

    ES
  • Job-Ready Skills!
    Learnfly's job-oriented courses equip learners with practical skills for the workplace. An investment in career growth!
    Jake M.

    4.2

    JM
  • Budget-Friendly Brilliance!
    Learnfly's pricing is a steal for the quality and variety of courses offered. Quality education without breaking the bank.
    Olivia T.

    4.5

    OT
  • Instructor Excellence Unleashed!
    Learn from the best with Learnfly's certified instructors. The platform ensures that knowledge is imparted by industry experts.
    Daniel L.

    4.0

    DL
  • Achievement Unlocked!
    Learnfly not only offers courses but also recognizes your efforts with course completion certificates. A sense of accomplishment with every course finished.
    Maya H.

    4.6

    MH
  • Learning Revolution!
    Learnfly's platform is a revolution in education. Access to unlimited courses at affordable rates is a game-changer.
    Ethan W.

    4.7

    EW
  • the-extreme-web-development-course

    The Extreme Web Development Course

    By : Paul Carlo Tordecilla

    Lectures 124 Beginner 4:26:22
  • develop-your-own-chrome-extension-firefox-plugin

    Develop your own Chrome Extension &...

    By : Harshit Srivastava

    Lectures 15 Beginner 2:1:54
  • the-ultimate-codeigniter-3-course

    The Ultimate Codeigniter 3 Course

    By : Paul Carlo Tordecilla

    Lectures 23 Beginner 2:17:35
  • superb-advance-javascript-become-javascript-professional

    Superb Advance Javascript - Become ...

    By : Paul Carlo Tordecilla

    Lectures 28 Beginner 1:28:39
  • application-development-with-ibm-watson

    Application development with IBM Wa...

    By : Harshit Srivastava

    Lectures 14 Intermedite 1:42:29
  • learn-react-16-and-redux-by-building-real-world-application

    Learn React 16 and Redux by buildin...

    By : Haider Malik

    Lectures 74 Beginner 6:46:11

Students learning on Learnfly works with Fortune 500 companies around the globe.

Sign Up & Start Learning
By signing up, you agree to our Terms of Use and Privacy Policy
Reset Password
Enter your email address and we'll send you a link to reset your password.