Angular Step by Step for beginners

This course teaches Angular from basic to advanced level by creating a Customer data entry project.
Angular Step by Step for beginners
File Size :
6.42 GB
Total length :
8h 3m

Category

Instructor

Shivprasad Koirala

Language

Last update

12/2023

Ratings

4.5/5

Angular Step by Step for beginners

What you’ll learn

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
Integrating Angular with visual studio , MVC core and WebAPI.
Unit testing using Jasmine and Karma.

Angular Step by Step for beginners

Requirements

Basic JavaScript and HTML knowledge needed.
Basic programming knowledge is needed.
You do not need to know any old Angular version of Angular.

Description

This tutorial teaches Angular 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.Below are complete details of the course :- Chapter 1  :- Node and NPMChapter 2  :- Running first app & Angulr CLIChapter 3  :- VS Code editor.Chapter 4  :- TypeScriptChapter 5  :- CLI project folder structureChapter 6  :- The config JSON filesChapter 7  :- ng serve vs ng buildChapter 8  :- Angular the binding frameworkChapter 9  :- Component and ModulesChapter 10 :- Expression , Decorators and TemplateURLChapter 11 :- Declaration and BootStrap in ModulesChapter 12 :- The main.ts file for module startupChapter 13 :- Index.html and the selector tagChapter 14 :- PolyfillsChapter 15 :- Webpack :- Packaging and deployingChapter 16 :- Vendor.js and Runtime.jsChapter 17 :- Angular File naming ConventionChapter 18 :- Creating Customer UIChapter 19 :- Creating Customer ModelChapter 20 :- Consuming model in componentChapter 21 :- ngModel , One way and Two way bindingChapter 22 :- ExpressionsChapter 23 :- Understanding and Intrepeting ErrorsChapter 24 :- FormsModuleChapter 25 :- *ngForLoopChapter 26 :- package.lock.json and versioningChapter 27 :- Using source code of the tutorial.Chapter 28 :- Thinking Uniform , Thinking Master PagesChapter 29:- Creating Angular UI and its components.Chapter 30 :- Organizing project folders, modules & components.Chapter 31 :- Masterpage and selectorChapter 32 :- Grouping components in to Modules.Chapter 33 :- Understanding UI loading in selector.Chapter 34 :- Routing and Routing collectionChapter 35 :- router-outlet and routerLinkChapter 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 loadingChapter 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 loadingChapter 43:- Understanding path structure for folders and loadChildren.Chapter 44:- forRoot and forChildChapter 45:- Multiple Modules , Multiple builds and Multiple outputs.Chapter 46:- CommonModule for Lazy LoadingChapter 47:- Seeing the physical separate modules in the “dist” folder.Chapter 48:- Revising Angular architecture with Lazy routingChapter 49 :- Validation object model.Chapter 50 :- Appropriate place to put validationsChapter 51 :-Formgroup , FormControl , Validators and FormBuilderChapter 52 :- Using Angular validation :- The CCC process.Chapter 53 :- Creating validationsChapter 54 :- Applying validations to the UIChapter 55 :- Checking validation statusChapter 56 :- ReactiveFormsChapter 57 :- ngModelOption standaloneChapter 58 :- Display errors for individual validations.Chapter 59 :- The dirty flag.Chapter 60 :- Centralizing validation code for reusability.Chapter 61: – Definition of a good architectureChapter 62: – Concrete classes and tight couplingChapter 63: – Provider – provides things to component.Chapter 64: – Creating providers: – Provide & UseClassChapter 65: – Interfaces issues with Angular DIChapter 66: – Finally understanding Dependency InjectionChapter 67: – Seeing the actual fruits of Dependency InjectionChapter 68: – Centralized and Conditional DIChapter 69: – Injector and tokens – Conditionnal DIChapter 70: – Dynamic collectionsChapter 71: – Revising Angular DI architectureChapter 72 :- Defining a user controlChapter 73 :- Interactions :- Input, output and event emittersChapter 74 :- Creating user control and its components Chapter 75 :- Creating user control component and importance of selectorChapter 76 :- The @input decorator Chapter 77 :- Stters and custom component naming convention Chapter 78 :- Creating the Grid UI of the user controlChapter 79 :- Defining output and event emittersChapter 80 :- Understanding the user control flowChapter 81 :- Importing and running the user controlChapter 82 :- Debugging and watching the full flow.Chapter 83 :- Json-server , the fake webserverChapter 84 :- Configuring json-server & db.json.Chapter 85 :- importing and creating  http component objectChapter 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 CallbackChapter 90 :- Angular HTTP Client.Chapter 91 :- Using HttpClientChapter 92 :  Simplicity of HttpClient.Chapter 93:-  Interceptors in HttpClientChapter 94:-  The double data postChapter 95 :- Defining the scope of the tutorial.Chapter 96 :- Using Angular template and its limitationChapter 97 :- Respecting individual build and compilation. Chapter 98 :- MVC wwwroot folder and AngularChapter 99 :- Issues with ng serve and integrationChapter 100 :- Bootstrapping through MVCChapter 101 :- Deployurl concept. Chapter 102 :- Integrating Webapi with Angular HttpChapter 103 :- Debugging Angular and MVCChapter 104 :- Ahh the camel case and pascal case issueChapter 105:- Integrating Grunt with Task runner explorerChapter 106 :- Grunt configuration using appsettings.jsonChapter 107 :- Prebuild and Postbuild styleChapter 108 :- Double tooling VS code and Visual studioChapter 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 setChapter 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

Overview

Section 1: Lab 1 :- Running your First Angular Application

Lecture 1 Running your first Angular Application (Full flow of Angular explained)

Section 2: Lab 2 :- Creating a Customer user interface with Grid

Lecture 2 Creating UI , Component and Model

Section 3: Lab 3 – Creating MasterPage page,Supplier page ,Home page & enabling navigation

Lecture 3 Lab 3 :- Routing – Creating Masterpage with proper navigation

Section 4: Lab 4 :- Increasing Performance using Lazy Loading

Lecture 4 Lab 4 :- Increasing Performance using Lazy Loading

Section 5: Lab 5 :- Implementing Validation in Angular

Lecture 5 Lab 5 :- Validation in Angular

Section 6: Lab 6 :- Dependency Injection and Providers

Lecture 6 Lab 6 :- Dependency Injection and Providers

Section 7: Lab 7 :- Input , Output and Event Emitters

Lecture 7 Lab 7 :- Input , Output and Event Emitters

Section 8: Lab 8 :- Making HTTP calls using Angular.

Lecture 8 Lab 8 :- Making HTTP calls using Angular.

Section 9: Lab 9 :- Integrating MVC core with Angular using visual studio

Lecture 9 Lab 9 :- Integrating MVC core with Angular using visual studio

Section 10: Lab 10:- Migrating Angular 6 to Angular 7

Lecture 10 Lab 10:- Migrating Angular 6 to Angular 7

Section 11: Lab 11 :- Unit Testing in Angular using Jasmine & Karma.

Lecture 11 Lab 11 :- Unit Testing in Angular using Jasmine & Karma.

Section 12: Q and A Videos

Lecture 12 Question 1 :- Can we have multiple startup components in Angular ?

This course is for people who are new to Angular and want to start from basic and go to advanced level.

Course Information:

Udemy | English | 8h 3m | 6.42 GB
Created by: Shivprasad Koirala

You Can See More Courses in the Developer >> Greetings from CourseDown.com

New Courses

Scroll to Top