Learn JS Frameworks (Special Combo)

About QuestPond: It started 15 years back with the one single goal of creating quality step-by-step IT programming-related lessons.

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.

Theses courses teaches Angular, ReactJS, JavaScript along with using a project. So a simple customer screen is taken and around the same the whole course revolves. Remember the best way to learn any technology is by doing a project.

Angular Step by Step for beginners :-

• Lab 1: - Running your first Angular Application.
• Lab 2: - Creating the Customer UI, Model and Component.
• Lab 3: - Angular Routing: Creating Master pages and navigations
• Lab 4: - Increasing Performance using Lazy Loading.
• Lab 5: - Implement Validations in Angular.
• Lab 6: - Angular Dependency Injection.
• Lab 7:- Input, output and event emitters.
• Lab 8:- Make HTTP calls using Angular Components.
• Lab 9:- Integrating MVC Core with Angular using Visual Studio.
• Lab 10:- Migrating Angular 6 to Angular 7
• Lab 11:- Unit Testing in Angular using Jasmine & Karma.
• Question 1:- Can we have multiple components in Startup?

Angular Interview Questions & Answers :-

• Question No:- 1 :- Whats the use of Angular ?
• Question No:- 2 :- What are directives in Angular ?
• Question No:- 3 :- Explain the different types of Angular directives ?
• Question No:- 4 :- Explain the importance of NPM and Node_Modules folder ?
• Question No:- 5 :- Explain the importance of Package.json file in Angular ?
• Question No:- 6 :- What is typescript and why do we need it ?
• Question No:- 7 :- Explain importance of Angular CLI ?
• Question No:- 8 :- Explain the importance of Component and Modules ?
• Question No:- 9 :- What is a decorator in Angular ?
• Question No:- 10 :- What are Annotationa or MetaData ?
• Question No:- 11 :- What is a template ?
• Question No:- 12 :- Explain the four types of Data bindings in Angular ?
• Question No:- 13 :- Explain architecture of Angular ?
• Question No:- 14 :- What is SPA in Angular ?
• Question No:- 15 :- How to implement SPA in Angular ?
• Question No:- 16 :- How to implement routing in Angular ?
• Question No:- 17 :- Explain Lazy Loading ?
• Question No:- 18 :- How to implement Lazy Loading in Angular ?
• Question No:- 19 :- Define Services ?
• Question No:- 20 :- What is Depedency Injection ?
• Question No:- 21 :- How to implement Depedency Injection ?
• Question No:- 23 :- Whats the benefit of Depedency Injection ?
• Question No:- 24 :- Differentiate between ng serve and ng build ?
• Question No:- 25 :- Explain the --prod parameter in ng build ?
• Question No:- 26 :- Explain ViewChild and ViewChildren?
• Question No:- 27 :- Why do we need Template reference variables?
• Question No:- 28 :- What is ContentProjection?
• Question No:- 29 :- Explain Content projection Slot?
• Question No:- 30 :- What is ContentChild and ContentChildren?
• Question No:- 31 :- ViewChild vs ViewChildren vs ContentChild vs ContentrChildren?
• Question No:- 32 :- Explain the importance of Component life cycle ?
• Question No:- 33 :- Explain events and sequence of component life cycle ?
• Question No:- 34 :- Constructor vs ngOnInit() ?
• Question No:- 35 :- How to make HTTP calls using Angular ?
• Question No:- 36 :- What is the need of Subscribe function ?
• Question No:- 37 :- How to handle errors when HTTP fails ?
• Question No:- 38 :- How to pass data between components ?
• Question No:- 39 :- Explain importance of input, output & event emitters ?
• Question No:- 40 :- How to pass during routing ?
• Question No:- 41 :- Is it a good practice to pass data using services ?
• Question No:- 42:- What is the need of Angular Pipes?
• Question No:- 43:- Can you name some built-in Angular Pipes?
• Question No:- 44:- How to create Custom pipes in Angular?
• Question No:- 45 :- Whats the full form of RxJs?
• Question No:- 46 :- What is the purpose of RxJs?
• Question No:- 47 :- What are observables and observers?
• Question No:- 48 :- Explain the use of Subscribe with sample code.
• Question No:- 49 :- How to unsbscribe in RxJs?
• Question No:- 50 :- Explain concept of operators with sample code.
• Question No:- 51 :- How to install RxJs?
• Question No:- 52 :- Differentiate between promise and RxJs?
• Question No:- 53 :- In Angular where have you used RxJs?
• Question No:- 54 :- Which operators have you used from RxJs?
• Question No:- 55 :- What is Push/reactive vs Pull/Imperative?
• Question No:- 56 :- What are Interceptors in Angular?
• Question No:- 57 :- How to implement Interceptors?
• Question No:- 58 :- Give some use of Interceptors?
• Question No:- 59 :- Can we provide multi-Interceptors?

Learn JavaScript Step by Step :-

• Lab 1 :- Data Types & Scoping.
• Lab 2 :- Literal and Constructor function objects in JavaScript. (7 Minutes)
• Lab 3 :- Prototypical Language and Prototypical Inheritance. (13 Minutes)
• Lab 4 :- JavaScript Closures (16 Minutes)
• Lab 5: - Explain IIFE(Immediately Invoked Function Expression). (13 Minutes)
• Lab 6 :- Arrow functions and Automatic context ( 12 minutes)
• Lab 7 :- NodeJS and NPM.(12 Minutes)
• Lab 8 :- Module Loaders, CommonJS & SystemJS.
• Lab 9 :- TypeScript in 45 Minutes.
• Lab 10 :- WebPack in 50 minutes.
• Shims, Polyfills and Core-js.
• What is Zone.js?
• What is Reflect-Metadata?
• Understanding CommonJS Module specification.
• Learn Visual Studio Code in 10 Simple Steps.
• JavaScript Training for C# developers - Part 1
• JavaScript Training for C# developer Part 2 ( OOP in JavaScript).
• What is Less.JS ( Less) ?
• Explain Mixin in LESS ( Less) ?
• Explain unobtrusive JavaScript?

React with MVC Core Step by Step (Live Training Recordings) :-

• Day 1 - Simple example of React, Babel and React Components using ES6/function and understand closures(10th-July-2021).
• Day 2 - Lambda expression, Props and states, Props using functions, Hooks , Life cycle of react (17th-July-2021).
• Day 3 - Two way bindings , Understanding create react structure, Debugging react and state objects with Binding. (24th-July-2021).
• React with MVC Core Revision Session (07th-August-2021)
• Day 4 - Simple UI with collection, Validation with React, Bench mark React with Angular(08th-August-2021)
• Day 5 - React with MVC Core using EF & Sql Server(14th-August-2021)
• Day 6 - React with MVC Core using EF & Sql Server(21st-August-2021)
• Day 7 - React with MVC Core using EF & Sql Server(26th-August-2021)
• Day 8 - React Integration with MVC Core using EF & Sql Server(19th-September-2021)
• Day 9 - React with MVC Core using EF & Sql Server(25th-September-2021)
• Day 10 - React with MVC Core using EF & Sql Server(02-October-2021)
• Day 11 - React with MVC Core using EF & Sql Server(16-October-2021)
• Day 12 - React with MVC Core using EF & Sql Server(23rd-October-2021)
• Day 13 - React with MVC Core using EF & Sql Server(31st-October-2021)
• Day 14 - React with MVC Core using EF & Sql Server(14th-November-2021)
• Day 15 - React with MVC Core Revision (21st-November-2021)
• ReactJS with MVC Core Source Code