Sunday 12 December 2021

Angular Step By Step With Project Based

 Lab 1: - Running your first Angular Application.

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


Lab 2: - Creating the Customer UI, Model and Component.
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.

Lab 3: - Angular Routing: Creating Master pages and navigations
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.  

Lab 4: - Increasing Performance using Lazy Loading.
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  

Lab 5: - Implement Validations in Angular.
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.

Lab 6: - Angular Dependency Injection.
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

Lab 7:- 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.


Lab 8:- Make HTTP calls using Angular Components.
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


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 limitation
Chapter 3 :- Respecting individual build and compilation.
Chapter 4 :- MVC wwwroot folder and Angular
Chapter 5 :- Issues with ng serve and integration
Chapter 6 :- Bootstrapping through MVC
Chapter 7 :- Deployurl concept.
Chapter 8 :- Integrating Webapi with Angular Http
Chapter 9 :- Debugging Angular and MVC
Chapter 10 :- Ahh the camel case and pascal case issue
Chapter 11:- Integrating Grunt with Task runner explorer
Chapter 12 :- Grunt configuration using appsettings.json
Chapter 13 :- Prebuild and Postbuild style
Chapter 14 :- Double tooling VS code and Visual studio

Lab 10:- Migratting Angular 6 to Angular 7
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


Lab 11 :- Unit Testing in Angular using Jasmine & Karma.
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

Angular E-Book Download
Learn Angular in 2 days Step by Step (Covering Angular 2 and Angular 4/6 Labwise)
Angular Interview Questions and Answers - 

Angular Interview Questions and Answers - Part 1

    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 ?

Angular Interview Questions and Answers - Part 2

    Questions No:- 26 :- Explain ViewChild and ViewChildren?
    Questions No:- 27 :- Why do we need Template reference variables?
    Questions No:- 28 :- What is ContentProjection?
    Questions No:- 29 :- Explain Content projection Slot?
    Questions No:- 30 :- What is ContentChild and ContentChildren?
    Questions No:- 31 :- ViewChild vs ViewChildren vs ContentChild vs ContentrChildren?


Angular Interview Questions and Answers - Part 3

    Questions No:- 32 :- Explain the importance of Component life cycle ?
    Questions No:- 33 :- Explain events and sequence of component life cycle ?
    Questions No:- 34 :- Constructor vs ngOnInit() ?
 
Angular Interview Questions and Answers - Part 4

    Questions No:- 35 :- How to make HTTP calls using Angular ?
    Questions No:- 36 :- What is the need of Subscribe function ?
    Questions No:- 37 :- How to handle errors when HTTP fails ?
    Questions No:- 38 :- How to pass data between components ?
    Questions No:- 39 :- Explain importance of input, output & event emitters ?
    Questions No:- 40 :- How to pass during routing ?
    Questions No:- 41 :- Is it a good practice to pass data using services ?

Angular Interview Questions and Answers - Part 5

    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?

Angular Interview Questions and Answers -Part 6

    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?

Angular Interview Questions and Answers - Part 7
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?

No comments:

Post a Comment