Angular 18 Tutorial for Beginners | Complete Full Course 2024

#angular18 #angular #angularcourse #angulartraining
Angular 18 complete course for beginners from scratch.
GitHub source code Link
----------------------------------------
github.com/nih...
PPT document link
-------------------------------
github.com/nih...
Angular 18 course Part 2 video link
---------------------------------------------------------
• Complete Angular Cours...
Angular 17 authentication with .NET core API video link
-----------------------------------------------------------------------------------------
• Angular Authentication...
.NET Core API full course video link
---------------------------------------------------------
• Complete .NET Core Web...
This course covers below topics with proper use cases.
1, Angular 18 Introduction
2, Advantage of Angular
3, System setup
4, Angular installation
5, Angular CLI commands
6, Create new application
7, Angular folder structure review
8, Angular Templates
9, Material UI
10, Components
11, Interpolation
12, Pipes
13, Property Binding
14, Two way binding
15, Event Binding
16, Angular Module
17, Angular Routing
18, Angular Guards
19, Lazy loading
20, Directives
21, Angular Forms
22, Services
23, Http interceptor
24, Consume secured .NET API
25, Transfer data between components
26, Angular Signals
27, Control flow Templates
28, Deferable view
29, Basic crud actions
30, RXJS basics
31, NGRX
32, NG-Content
33, Zone less change detection
34, SSR
35, NGX- Toaster
36, NGX-Mask
Deployment in IIS Server
Join this channel to get access to perks:
/ @nihiratechiees

[@yogidunique7013]

1:10 Angular 18 Introduction 1:50, Advantage of Angular 6:09 System setup 7:41 Angular installation 10:51 Angular CLI commands 12:04 Create new application 12:14 Angular Templates standalone (standalone version 17 onward) 16:32 Angular folder structure review 27:36 Angular Templates module based (module based till version 16) 31:49 Material UI 39:28 Components 46:42 Interpolation 48:50 Pipes 54:35 custom pipes 57:30 Property Binding 1:02:17 Event Binding 1:05:51 Two way binding 1:08:12 Angular Module 1:13:47 Angular Routing 1:37:14 Angular Guards 1:59:18 Lazy loading 2:02:21 Angular Hooks 2:07:29 Directives 2:21:45 Angular Forms 2:44:05 Services 3:36:30 Http interceptor 4:44:36 Consume secured .NET API

[@LAUGHWITHTENIOLA]

Thanks brr this is really helpful

[@yogidunique7013]

@LAUGHWITHTENIOLA most welcome bro

[@LAUGHWITHTENIOLA]

@@yogidunique7013 ☺☺ Am actually watching the tutorial right now Wbu? Are u done with it oru just started

[@yogidunique7013]

@LAUGHWITHTENIOLA I have done till directive!! 2nd part is very important ngrx, rjx, code improvisation. I m planning to finish till this weekend

[@NihiraTechiees]

👍

[@atech369]

eagerly waiting for next part sir! great explanation with each topic is adorable..

[@NihiraTechiees]

Thanks for the support it will be available sep 5th

[@venkiv786]

Excellent. Good explanation for all the topics. Covered almost all the important topics. A Learner from tirunelveli

[@NihiraTechiees]

Great brother I am from kumari

[@venkiv786]

@NihiraTechiees oh great brother. I am working in ATOS tirunelveli. Where are you working?

[@deanambrox8069]

Thank you so much, was waiting for a complete tutorial in angular v18

[@NihiraTechiees]

Glad it helped

[@Nova-i4z9r]

Small request sir give time laps for topic in desperation ...Thank you sir 👍❣️

[@NihiraTechiees]

Will include with in 2 days, thanks🙏

[@LAUGHWITHTENIOLA]

Thanks so much sir the tutorial is very helpful

[@NihiraTechiees]

Thanks for your wonderful words 🙏

[@syedmohammadhamza3774]

Very brilliantly covered each and everything so far in this video. Part 2 also seems very promising.

[@NihiraTechiees]

Thanks a ton!

[@Otika-s1w]

The course content is excellent. The slides are very well done too. However, I have one request: could you please enlarge the terminal display when recording? I often needed to zoom in on the screen to see what commands were being typed.

[@NihiraTechiees]

Thanks. Let me try to fix upcoming videos

[@rajneeshkatal5218]

Great work Nihira Pls create playlists for MEAN

[@NihiraTechiees]

Sure I will

[@natanelelkutski9966]

Thank you so much for such an excellent video and the effort for beginners to start swimming with the latest concepts! It benefited me more than a complete in-depth course on Udemy

[@NihiraTechiees]

Thanks brother for the wonderful words

[@vamsivishal8063]

Hi Sir, this session provided by you, grateful for that. I am facing one issue with the angular template based forms section. When I have created the login UI with "User name" & "Password", I could see only the username field is only visible but the password field isn't visible, I was trying to figure our hard what could have caused this issue. Placed below my login.component.html file code snippy: Login Username Password

[@NihiraTechiees]

Can you check your console any issues... If all good share the screenshot to my email

[@LAUGHWITHTENIOLA]

Please sir those angular materials are not working well over here if i load the page at first nothing is wrong with it but if i reload the page some part of it wont display for example if i loadthe page the mat card will be working perfectly but iff i reload the page the mat card header, footer and so on wont apear on the mat card content will apear

[@NihiraTechiees]

I hope you shared mail

[@MrTubber44]

Excellent content as always🎉 Appreciate cha!❤

[@NihiraTechiees]

Thanks👍

[@krishanthadharmasiri7725]

Thanks very much for this video tutorial

[@NihiraTechiees]

You are welcome!

[@LAUGHWITHTENIOLA]

When i run json-server --watch src/data/db.json Its showing --watch/-w can be omitted, JSON Server 1+ watches for file changes by default File src/data/db.json not found

[@NihiraTechiees]

Have you installed json-server through npm command. If not please execute first. Still if you facing problem please send me mail

[@LAUGHWITHTENIOLA]

@@NihiraTechiees I have installed it already buy still showing same thing so I run echo {} > db.json to create an empty dp.json file

[@ImMaheshAhirwar]

Thank you so much for this video 😊 from last few months I am looking for 18 v angular concept

[@NihiraTechiees]

Glad to hear 👍

[@SakthiVel-qd5qj]

Good. Nice teaching

[@NihiraTechiees]

Thanks

[@NihiraTechiees]

Thanks

[@jajatirautaray6660]

Thank you so much sir for providing great explanation with each topic. it will help for fresher as well expreanced candidate. ❤

[@NihiraTechiees]

Thanks 👍

[@Veera-z9h]

Thank you, Thank you so much for this valuable course, ❤

[@NihiraTechiees]

Thanks👍

[@protector3120]

Loved your content, eagerly waiting for next session. ❤️

[@NihiraTechiees]

Thanks for showing interest. Part 2 will be available on September 5th

[@echelon7zulu]

can you please post a video register angular and .ne core most commonly asked interview qns and ans

[@NihiraTechiees]

Sure will plan for that

[@abrahambamidele7810]

Still watching and enjoying this video. Short, simple, and straight to point explanation. Please can we get the slides

[@NihiraTechiees]

Check in description ppt link included you can download

[@itsme9877]

Hi.. around 2:31:00, where the login form is executed.. I am actually facing an issue..styles are not being applied to the login form as soon as the page is loaded until I just click either on the input or on the button.. tried checking the changes that are actually happening and came to know that the class is changing from example-form to “example-from ng-untouched ng-pristine ng-valid” and then the styles are applied.. Please help me out as soon as possible. Thanks

[@NihiraTechiees]

Responded to another message

[@GatewaytoRichnessTamil]

Thank you so much sir for your valuable course sir....

[@NihiraTechiees]

Most welcome

[@informer9261]

super sir useful course,sir for rxjs can u make detail videoand post more related to angular sir

[@NihiraTechiees]

Will upload soon

[@skylasari5007]

Thank you so much ☺️

[@NihiraTechiees]

Welcome 👍

[@gpsing_h]

Will this be enough for a newbie ? I am just new to angular and i really need for my company project

[@NihiraTechiees]

Yes. This video covers all topics definitely it will be helpful

[@lawend9637]

you are a legend my friend. thnx and greeting from germany

[@NihiraTechiees]

Thanks for the wonderful words.. I am just sharing what I learned 👍

[@Abdulkalam-he7wo]

your class is awesome...thanks for this video ....do we have part 2 link and ppt link

[@NihiraTechiees]

Part 2 will be available September 1st week. Ppt i will include by tonight

[@Abdulkalam-he7wo]

@@NihiraTechiees thank you so much , i love this video . thank you

[@ManojKandagallmath]

bro do videos on angular 18 standalone with firebase have admin page all

[@NihiraTechiees]

Sure will try

[@syed-muhammad-ali-raza]

can we use inline template and no specs command at one time ng g c common/support --inline-template --skip-tests ?

[@NihiraTechiees]

Yes. we can use

[@anandprajapati1612]

Please share any video link how to change theme sir

[@NihiraTechiees]

This video itself I covered... If you need additional support sent me mail

[@TrungLe-ws1ku]

Good video, pls make full stack project from scratch for beginer!!!!

[@NihiraTechiees]

Sure, you can expect soon

[@TM-ys1vi]

I don't know the reason but in Add new product page the id is 0 for each and every record? could you please help me out for fixing it?

[@NihiraTechiees]

Can you send me mail with, your db.json file and what value you are passing to the api

[@TM-ys1vi]

@@NihiraTechiees could you please share your email details?

[@TM-ys1vi]

@@NihiraTechiees Could you please share your email address ?

[@Rajeshkumar-nv2wy]

Sir please make a video multiple layout in angular version 18 please please 🙏

[@NihiraTechiees]

Sure will upload soon

[@muscl-cuts]

When are you going to upload part-two?Just tell us how many months you are going to take.?🤔

[@NihiraTechiees]

I am targeting to upload on sep5th. Preparation going on.. You can expect as soon as possible

[@utti_12c]

Thank you🙏

[@NihiraTechiees]

You’re welcome 😊

[@thumbsup2560]

Your course is really good. But please i have correction to say. It's Module not Model. Throughout the video for both Module and Model you are telling Model. This can be confusing for most people. It may not affect anyone. But, for Example, ngModel and NgModule are 2 different things. But for both you are telling it as ngmodel. So when explaining about both at a time it is very irritating.

[@NihiraTechiees]

I know brother due to my slang you are hearing like this... anyway thanks for pointing out this 👍

[@TusharSawariya-o8c]

you are awesome bro

[@NihiraTechiees]

Thanks brother

[@KnowledgeIsGold]

why do you keep use "any" type? Isn't it bad practice in typescript?

[@NihiraTechiees]

If you know the datatype we have to go with actual data type... If you not sure then we can use any. I have explain that also

[@KnowledgeIsGold]

@@NihiraTechiees Why your Guard folder starts with upper capital but the folders like customer, home is small letter?

[@VijayKumar-fq4ie]

great bro, it a perfect tutorial

[@NihiraTechiees]

Thanks brother, hope you also doing good👍

[@VijayKumar-fq4ie]

Brother please make a full tutorial on angular push notification with PWA or Firebase

[@baithivinaykumar]

db.json use chesinapudu product id auto increment avvatle bro, enni saarlu new product entry chesina default 0 ani tiskuntundi id , can you please address this issue?

[@NihiraTechiees]

Since it's just dummy api for study. I suggest programmatically take max value +1 as id

[@baithivinaykumar]

@@NihiraTechiees it works, Thanks for your response!

[@periasamysapthagiridharan4615]

How can we use both Version 16 and Version 18. Like application is Angular 16 and we dont want to upgrade it. And develop new application using Angular 18. Please suggest how can we achieve it

[@NihiraTechiees]

Install angular cli version 16 create new app. Then upgrade angular cli 18 create new app then you have two application with different version. You can keep global angular cli as 18 it will support for both application

[@periasamysapthagiridharan4615]

@@NihiraTechiees How about the node version ? will we have any issues ?

[@NihiraTechiees]

Node js version 18.19.1 will support for both angular 18 and 16

[@berlinjohns]

Or you can use node version manager (nvm) for dynamically change node versions😜👍

[@NihiraTechiees]

Thanks for the information, first let me try

[@NadunUdana]

Greate Explaination.. Waiting for part 2. +1 sub

[@NihiraTechiees]

Will be available 5th September

[@NadunUdana]

@@NihiraTechiees Nice to hear that. Much love from sri lanka

[@kiddoingnotwell8213]

You haven't added ppt link, please make it available

[@NihiraTechiees]

Thanks for reminding will update by tonight

[@MySingh00]

7:41 instalation

[@NihiraTechiees]

For your reference?

[@aksharanatureworld]

👌

[@NihiraTechiees]

👍

[@anandprajapati1612]

Why my theme was not update sir I'm totally upset can you please tell me how to change them sir

[@NihiraTechiees]

Change the css from style.css

[@DeepakThakur-bf4uo]

Good 👍

[@NihiraTechiees]

Thanks

[@Abhimanyukumar-xx4tf]

❤ 2nd part when will be coming

[@NihiraTechiees]

It's already uploaded link in description

[@binay.kumar.sharma]

getting error Referrer Policy: strict-origin-when-cross-origin how to fix

[@NihiraTechiees]

When you got this error? Like scenario

[@binay.kumar.sharma]

@@NihiraTechiees when i am running in localhost

[@aswinthgt813]

Nice one bro

[@NihiraTechiees]

Thanks 🔥

[@BikeWaysChannel]

good one

[@NihiraTechiees]

Thanks

[@sivaramakrishnamuppalla4789]

Getting error while creating db.json file

[@NihiraTechiees]

What is the error?

[@SabaNaz-fs6gh]

Need MERN stack

[@NihiraTechiees]

Will plan for that

[@surendhars1247]

very worst quality ...but teaching is good

[@NihiraTechiees]

Thanks for the feedback

[@NihiraTechiees]

May I know where you got quality issue in audio or video?

[@irvinmuziwenkosi]

@@NihiraTechiees Everything looks good to me, Thank you. This course is awesome.

[@NihiraTechiees]

Thanks irvin

[@protector3120]

Course is really good 🫡

[@itsme9877]

Hi.. around 2:31:00, where the login form is executed.. I am actually facing an issue..styles are not being applied to the login form as soon as the page is loaded until I just click either on the input or on the button.. tried checking the changes that are actually happening and came to know that the class is changing from example-form to “example-from ng-untouched ng-pristine ng-valid” and then the styles are applied.. Please help me out as soon as possible. Thanks

[@NihiraTechiees]

Could you send me mail we can have a Google meet?