Angular Tutorial in Hindi

Angular Complete Course: In this video, I will explain to you everything you need to get started with the Angular framework. Angular is a very popular framework used to create single-page applications (SPA). This video will cover an Angular Project in Hindi wherein we will be building a client-side Todos List app from scratch
►Source Code: drive.google.com/file/d/1brue...
TimeStamps:
00:00 - Introduction
02:39 - Installing npm and node js
05:00 - Installing Angular CLI
11:54 - Getting Started with Angular
12:53 - VS Code
16:03 - Creating first Angular App
17:53 - Playing around with App component
22:17 - Why Bootstrap?
23:39 - Installing Bootstrap in Angular
27:28 - Generating Components
36:24 - Getting Started with Todo Application
40:45 - Creating Todo Component
58:10 - Event handling in Angular
59:26 - Event Emitter in Angular
01:06:20 - Generating Component to add Todo
01:10:12 - Adding Forms in Todo
01:22:25 - Saving all Todo items
01:28:19 - NgClass in angular
01:39:38 - Complete Review of Code (Todo App)
04:43:04 - Routing
01:50:29 - Creating about page
01:52:02 - Deploying Our Project
01:55:57 - Free hosting on Github
01:57:54 - Where to go from here
►Check out my English channel here: / programmingwithharry
►Click here to subscribe - / @codewithharry
Best Hindi Videos For Learning Programming:
►Learn Python In One Video - • Python Tutorial In Hin...
►Python Complete Course In Hindi - • Python Tutorials For A...
►C Language Complete Course In Hindi -
• C Language Tutorials I...
►JavaScript Complete Course In Hindi -
• JavaScript Tutorials I...
►Learn JavaScript in One Video - • JavaScript Tutorial
►Learn PHP In One Video - • Learn Php In One Video...
►Django Complete Course In Hindi -
• Python Django Tutorial...
►Machine Learning Using Python - • Machine Learning Tutor...
►Creating & Hosting A Website (Tech Blog) Using Python - • [Hindi] Web Developmen...
►Advanced Python Tutorials - • Intermediate/Advanced ...
►Object Oriented Programming In Python - • Object Oriented Progra...
►Python Data Science and Big Data Tutorials - • Python Data Science an...
Follow Me On Social Media
►Website (created using Flask) - www.codewithharry.com
►Facebook - / codewithharry
►Instagram - / codewithharry
►Personal Facebook A/c - / geekyharis
Twitter - / haris_is_here
Comment "#HarryBhai" if you read this 😉😉

[@jatingera924]

Bhai pta nhi aap apne kaam ko leke itne dedicated kaise ho. Hats off to you bhaiya

[@sachinsaroj8957]

This tutorial is definitely a best kickstart for raw beginners in Angular. It definitely helped me a lot to understand Angular basics in such short time. Thank you lots and God bless!! There should be a complete course as well. This one was also a great

[@user-om7kz9fr1b]

This tutorial is definitely a best kickstart for raw beginners in Angular. It definitely helped me a lot to understand Angular basics in such short time.

[@aniket8882]

Harry bhai ka jalwa hai 🔥🔥🔥 I saw some other vid before this and got so so bored n confused about angular. Then i saw this video and loved the angular and loved the way u did it. Everything is so smooth and easy to understand. Bhai fan bana diya apna is video se to... ❤️❤️ Bas 6 mahine me html se leke db tak kar liya ek complete full stack with basic. But wanted to learn Angular so badly. This video helped me alot. Thank you so much harry bhai. Love you... ❤️ You rock 🔥🔥🔥

[@learnwithaniket5840]

I'm not fan of Bollywood starts but die heart fan of teachers like Harry sir..

[@tanned_cosines_]

lmao bollywood sucks, tho me from Bhaarat

[@FoodMania907]

Don't become fan of any fake things and people

[@tanned_cosines_]

@Anime Creator haan sahi bol raha neel cuz, angular is a js library js seekh lo, kaafi kaam aayegi in back end 2, Web penetration testing mein bhi, and PHP is too OP 🙏

[@vedika8244]

@@tanned_cosines_ no angular is a typescript library

[@aksjin8929]

.

[@anushaabhattacharya]

That was a quick and crisp tutorial. You explained the complex parts so well in such an easy manner. Very helpful 👍

[@shankarshankar5298]

your angular user i need help in this how plot data in map

[@yosoyfantastico]

you're cute Anusha, where are you from?

[@tinkuchauhan943]

aap to cream sail krte ho pher aap ne esko shek kr kya krna cream becho lgao aur gora ban jao

[@ashitashukla4714]

Hi Harry, it seems very helpful to understand framework you explained in each of your videos, I request you to kindly help to understand use of micro frontend, specially Single SPA to expose multiple version of Angular/AngularJs in root container . Your response will be really fruitful for better understanding. All the best

[@surajkarlekar6975]

Great Tutorial as always, a comprehensive tutorial on angular will be much appreciated as am also a beginner learning angular and your explanations are very easy to understand.

[@collegecoder6301]

Jabse aapka channel Mila hai sir Me जैसे कॉलेज के प्रोफेसर ko भूल ही gaya hu मेरा सारा Syllabus lagbhag aapsehi पुरा हो जाता है.. थँक्स फॉर This Videos.... God will give all happiness of world to you 🙏🙏🙏🙏♥️♥️♥️♥️♥️♥️🌎🌎🌎🌎♥️♥️♥️♥️♥️Love from maharashtra 💯💯💯🤗🤗🤗

[@pankajarya4210]

m.kzbin.info/aero/PLWgC-60F61Onh8SRUxdBXyoRlzz4rhVg_

[@shivashishbhoi4678]

This channel will be remembered as one of the classics even tho it is an educational channel... I don't think only saying that this tutorial is helpful is enough.. We have to pay for your kindness. Atleast I will do when I will get a job. & Harry Sir, please a small request, can u upload full course of linux & complete data structures as my exams are coming near. Thank you 😊

[@amirnaseer1805]

6 months before I did watched this video for only 4 days and 2 times and then got a job in Gurgaon with good package. Now again watched this video to revise the things. Also I completed one e-commerce app in the company by using Angular 13 version

[@PahadiSooraj]

Bhai mujhe bhu lgvade apni company mai

[@user-kz8rf7wq5k]

Great content man, learned a lot from this tutorial. those who want to start from basics after learning HTML and CSS should follow this tutorial. Good examples, easy explanations. I just switched from Django so it was a new concept but this tutorial made it very easy. Obviously a long way to go but basics helped alot. Thanks Harry brother from Pakistan.

[@atulraj8984]

bro aren't you intrested in your national employement

[@prakharsoni6406]

I was thinking of learning angular when i realized that harry bhai has just made a video on it. Great one! This angular video was very helpful

[@siddheshwarpanda7615]

Great Tutorial. कम time में ज्यादा knowledge, ऐसा नहीं की quality के साथ compromise हुआ है। 👍👍👍 Learnt a lot from this video. Understood all basic concepts of Angular. And also added a project to my resume 🔥🔥

[@mohitarora9092]

This angular course is very helpful it helps me very much I like web development very much and this is my last course after this I complete all languages in web developing hats off to you only

[@nikhilboob8729]

A real big thank you Harry bhai ,you explain all concepts so beautifully .Its only because of you i am able to make functional websites in the first sem of my college .

[@ayushdedhia25]

Now thats what I was waiting for ❤️🔥🙏 Harry sir you are my inspiration for programming... Following you up from almost 1.5yrs 🤩✨... Peace ☮️✌️

[@KARTIKKUMARSAW]

before proceding to Angular tutorial, i recommend everyone to go through typescript first, if you are familiar with class, interface, inheritace, constructor then it will be easy to cover and will help alot in Angular. thank you.

[@priyanshmishra3248]

Can you explain why at 41.33 it is showing eror at sno, title,desc and active but not for him . That these have bo initialiser and is not definitely assigned in the constructor

[@anirudhsoni6529]

@@priyanshmishra3248 yeahh its the same error with me

[@VikashkrSoni-nv4es]

Use | undefined after variable declaration. Hope this will help you

[@anirudhsoni6529]

@@VikashkrSoni-nv4es yeahh got it

[@niranjansaha5135]

@@VikashkrSoni-nv4es export class Todo{ sno: number | undefined title: string | undefined desc: string | undefined active: boolean | undefined }

[@jaygangawane1792]

Awesome video, helped me prototype an angular dashboard application in 2 days without prior knowledge of angular 👍🏻👍🏻👏🏻👏🏻💐💐 loved the way you did the tutorial in hindi which made it easy to grasp and complete in one go!!

[@054_heenaahmed8]

have u completed this video ?

[@kaushalaparajit1109]

I must say. You are doing a great work for the developers. Thank you so much. Must watch tutorial. Best to learn angular basics.

[@yashgour413]

React ki playlist bana do bhai❤️❤️❤️ Kon kom chata hai like kare taki harry bhai is comment ko dekh le ❤️❤️❤️

[@kguvgjjug2887]

React+ django fullstack

[@DivineMotivationa12]

What is React

[@alinaqvi7304]

React please

[@itachiuchiha1029]

Yess react❤️❤️❤️❤️

[@ankitmishraR]

@@DivineMotivationa12 alternative of angular, backed by facebook

[@manujtiwari722]

The quality and integration of contents in your videos have been enhanced and your way of teaching indeed. Thank you so much for providing this.❤️

[@yousufbaig821]

One of the best tutorial I have seen on KZbin. Thanks bhai !!

[@OnlineItSkills-AJK]

Very Nicely explained loved the way of teaching and really absorbed every bit thanks for the video.😍

[@ThePlusOrg]

Bhai tum na hote toh hamara kya hota !!!!!!!!! dil jeet liya hai tumne ..... You are giving such wonderful courses absolutely free of cost.. you could have gone to udemy for these crash courses and get paid a handsome amount for this........but still you bought this for us absolutely free Charan kahan hai aapke prabhu............

[@MrProxy10]

Thanxx Bhaiii 😍😍 Next in React 🔥🔥🔥

[@hargunbeersingh8918]

Thats with great certainty the next video

[@educa989]

bhai angular sikhne se pahile kuch aur language sikhna padta hain kya ?? Please reply bhai

[@midhirrana2646]

Loved it. Very helpful to start. It'd be great if you make a full advance course on Angular. Thank you.

[@mr_weirdo]

This video is helpful for beginners who want to start their angular journey. This is the best content one can get on KZbin. Thank you so much for your time Harry Sir. Completed this video in three days and I can say, i know some angular. Sir, we need a full Angular Course from you, because there is no one on youtube who teach like you with soo funny and relatable examples.

[@alpanasrivastava8032]

This video is awesome !! I am totally new to Angular and web development though I have prior 14 years of experience. This video has given me a immense confidence and understanding of angular . I would request you if you can make a more comprehensive tutorial (full course) in angular . That will be a huge help

[@yashsaraogi431]

Thank you, for such a well designed course

[@priyamganguly]

Outstanding tutorial. Learnt a ream from it. You're really doing a great job teaching us these topics. Thanks a ton!

[@satishharpale1391]

This tutorial is very helpful and just an awesome experience to learn Angular from the basics, thank you, sir.

[@kiranjit4u]

This angular tutorial was helpful

[@SN-bz7nb]

This tutorial is definitely a best kickstart for raw beginners in Angular. It definitely helped me a lot to understand Angular basics in such short time. Thank you lots and God bless!!

[@jitendramistry1241]

how to learn angular

[@khamakhaengineer]

you are a synonym of awesomeness!! thank you so much for making our life easy!! Thanks a ton

[@codeberg]

I must say, you have done a great job. A great help for the struggling beginners who are new to this concept. Video is very much self describing. Greatly appreciated. There are still lot of complex topics such as reactive programming (ReactJs, Redux, RxJs), newest angular version highlights and how to perform version upgrades. It would be of great help if you can post a video for the same.

[@ARKPROCODER]

Woowwww waiting for this from long time thanks alot broh❤️

[@shreyas_waikar]

This tutorial is really helpful for someone who is a beginner.

[@Milanorg]

Hello Harry, Thank for this video making, I finally completed my first app in angular.

[@sunnyRVrocks]

excellent tutorial, suggestions - please use terms also after explaining the concept because whenever someone learns it and interact with someone they won’t understand even though they know it because ppl use terms at enterprise level, like you explained interpolation very nicely but didn’t mention the term. Kudos !!

[@vikashkumar-xf8fj]

I'm an angular developer and was waiting for this video by Harry sir even though I've used angular in multiple real world projects.

[@srujanavlogs6141]

Sir i want to angular developer can u explain me what r cources i need to learn

[@vikashkumar-xf8fj]

You need to learn HTML5 CSS3 javascript ES6 Typescript first then just go through documentation and create few mock projects using mock JSON available online

[@iftikharali43]

this is classic Harry bro keep us updated with your quality videos you are amazing

[@rimikhandelwal4664]

thank you so much, I need to learn angular for my company's project and this is the first video I watched. Really it helped a lot to understand the basics, although still I am not able to learn syntax but got clear basic understanding of whole flow

[@faizgujaratigamer3262]

Mane to sirf comments kiya tha aur aapne Puri film bana dali. Love You sir❤️❤️👍🙏

[@RajvirSingh1313]

I was just thinking to learn angular and then you came to help me love you brother

[@ajinathshinde5562]

Great video and teaching process,. thanks harry bhai.

[@pragneshparekh1885]

I consider this one is a one of the best Angular Tutorial in which you learned almost 50% Implementation from scratch

[@memeghost9716]

You are better than my whole university professors.

[@creativedm3996]

Things getting complicated when there are too much todo.... Overall this is a great video.. I am trying to learn Angular since 2016 but unfortunately i didn't have much time, and honestly i didn't even find the quick and simple tutorial... Now i am confident that I am going to learn Angular Finally .. Thanks Code Guru

[@ramroy5942]

My god..ur videos so crisp and easy and more info..keep going Im watching all ur videos ..

[@keshav2kumar]

yes brother this content is really helpful lots of love for you💕💕

[@lalitbhoge953]

My exams are starring after 7-8days and angular subject included in it. And bingo harry bro uploads video on angular to make it simple and fast

[@mdmerajpasha6303]

Amazing concepts in single video . It will be helpful if you make videos on entire angular and break them into a playlist

[@adityasreekar5308]

yes it is helpful if it is a playlist

[@masterqueen4636]

Believe me ! He taught really well with tiny details

[@abhijitpaul8802]

Thank you for creating such a wonderful video, it would be great if you create a playlist/video to demo spring boot + Angular (Full stack)

[@bhushanskiller9863]

I was just waiting for this😍

[@manishrudramehra]

all your tutorials are very good, your communication skills are amazing, my 11 year old son has learned programming from your tutorial. he is your big fan

[@mrshadow555]

This angular course is helpful .. Thank you!

[@khizrshaikh9902]

1:57:33 *_FOR SURE SIR WE WANT COMPLETE COMPREHENSIVE COURSE ON ANGULAR WITH NOTES_*

[@divyasingh-gc1pn]

helpful videos...i need one help from you can i switch into AngularJS html css javascript frontend developer..i have done BTech..bt working in non tech field.. please help me sir suggest me so i can start my career in it

[@umeraziz681]

@@divyasingh-gc1pn yes you can all u need is some dedication n energy

[@wakeupkunal6687]

@@divyasingh-gc1pn hey divya , There is a recruitment going in scripthub technologies and they are still hiring so you can give a try.

[@aksjin8929]

.

[@Hari_Goud]

@@divyasingh-gc1pn now

[@ayuspande]

The angular tutorial is helpful ❤️

[@shishirsingh1961]

This video is really helpfull Harry Keep it up bro.

[@nishapandey4146]

Thanks This Angular Tutorial is Very Helpful for Me. 100 times Thanks

[@yogesh-thetechnicalguy5478]

Please, Make a Separate course for Angular, This was Helpful for me !

[@gaurav6823]

Big fan from Nepal🇳🇵🇳🇵💕💕

[@rajantandan9723]

Ma Pani Nepal bata

[@kushal6065]

Same

[@gopalrathi6473]

Same

[@sunielsharma8142]

Brother tapai ko ghar kaha hoo !!

[@gaurav6823]

@@sunielsharma8142 kina chaiyo

[@SheraziVloggers]

Great teaching way i am following you from basic c++ and i have seen you all playlists of oops,and data structure now i am doing phyton thanks for guiding us love from Pakistan ❤

[@abhichohan8837]

This Angular tutorial is helpful, thanks Harry bhai

[@uzairaziz4762]

This angular video was very informative. In a very short span you covered lots of things in an effective manner as you always do. Really liked your explanation. Requesting you to please make a complete playlist as angular is in high demand.

[@divyasingh-gc1pn]

helpful videos...i need one help from you can i switch into AngularJS html css javascript frontend developer..i have done BTech..bt working in non tech field.. please help me sir suggest me so i can start my career in it

[@mdmerajpasha6303]

@@divyasingh-gc1pn I'm a mechanical engineer . I passed out in 2019 after btech i joined mean stack training and now I'm a full stack developer . Your branch doesn't mean anything in IT if you learn or have skills . Good luck

[@vagheladarshan9817]

@@mdmerajpasha6303 would you please tell me which languages I've to code for full stack developer??

[@mdmerajpasha6303]

@@vagheladarshan9817 it is better to go with javascript as mostly used frontend framework like angular , react ,vue depends on javascript and also nodejs is powerful in the backend . My personal suggestion is to go with javascript.

[@ab-cg8un]

Harry Sir, its my humble request. Please complete all the videos of the playlist-"Data Structures and Algorithms in Hindi". 🙏🙏 I loved that Course but some important topics are missing. 🙏🙏

[@shivaprasad.n.shetti1739]

This video is helpful!! Thanks to Harry Bhaiya!

[@gangaattri7528]

when i demotivated from coading . i watch your videos and your videos very helpfull for me

[@RahulDas-qx4ei]

1. If your title isn't changing on file changes, I found that Angular 17 doesn't offer auto-reload for index.html file. For rest of the files, hot reload feature works. 2. If you are getting error at 37:00, you can edit the the file todos.component.ts as follows: import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; import { TodosComponent } from './MyComponents/todos/todos.component'; @Component({ selector: 'app-root', standalone: true, imports: [RouterOutlet, TodosComponent], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = 'to-do-list'; }

[@ankurgoplani2127]

Same for the first point did you find solution for that ?

[@rahulkumarjha3556]

He is a legend 🔥❤️.

[@omkarparkhi3897]

Eagerly waiting for this 😊😊😁

[@osamamirza4220]

Amazing content and so informative! Thank you so much ❤

[@rahulmmec]

dil jeet lia bhai ne :)

[@shaidsk2578]

This angular tutorial is helpful ❤️😍

[@abdullashafi580]

' React + Django ' Tutorial please !

[@divyamsethi7048]

your videos are addictive! Thank you for making content , you are unmatchable

[@AbhishekRTomar]

This type of videos are literally so much helpful. ✌🏻👍👍

[@usamausman5225]

Waiting for CSS in one video and REACT in one video

[@harishsonawane855]

Listen, bro Harry bhai is already created CSS3 in one video. Check it at code with harry channel.

[@hondaxblade2127]

CSS in one video already there just check it out

[@joyfuljokes3092]

But we need with notes

[@usamausman5225]

@@harishsonawane855 I know he already created but I need with notes and more longer video than previous.

[@OmGupta]

@@usamausman5225 I know but we want new and longer video with note and new new experience

[@dixitsandii]

You are really good trainner☺️ I have one question on angular as you mentioned type script in between training . So do we need to learn type script first before starting angular?

[@viralvistastudios]

This Angular tutorial is helpful. Please keep sharing your knowledge. A lot of respect. Thanks.

[@rohanthakur9159]

Thanks for providing the source code too. It really helps and saves time.😁

[@sakshamkumarmishra]

NEXT REACT COURSE🔥

[@smartapplications5517]

Please harry sir give a kivy tutorial

[@seemarathor8982]

Please Harry sir give a python kivy tutorial please sir🎉👍

[@rehankhan-yq7vo]

Harry bhai Plz solve this problem in quiz app question and options are not coming in box

[@alankaranand7736]

@@seemarathor8982 just vv

[@ayushsrivastava2397]

Needed

[@TravelSangeet]

"mummy gas band krdo" was the perfect example for emit- great job and thank you!!!

[@prithvivaryani4305]

There should be a complete course as well. This one was also a great

[@ramizgirach6120]

Well explained 👏 best line kul milake kehna ye chahta he 🙌🔥

[@yashpandey9181]

I am already learning C but whenever I see any video from him, I just come here to like the video. You are doing great job bro. Keep it up.

[@khizrshaikh9902]

42:55 *_Yes sir we want video on TypeScript_*

[@sanjaygoutam7573]

Yes sir please make video on typescript

[@suryakantanayak9938]

This is amazing. Helped me a lot. Thank you so much.

[@prajjwal1010]

Dil se accha lgta h apke videos dekhke👍

[@yashrajdawkhar7727]

Angular Developer ❤️

[@yashsathawara5342]

Is it web designing language? Please tell me I'm lerner doing bca 4th sem🖤

[@yashrajdawkhar7727]

@@yashsathawara5342It is Frontend Framework for Web development

[@yashsathawara5342]

@@yashrajdawkhar7727 thnx bhaia❤️

[@dheerajsharma-of8xs]

here too bro, angular is lob🔥

[@educa989]

bhai angular sikhne se pahile kuch aur language sikhna padta hain kya ?? Please reply bhai

[@yashgurav9554]

Teach react js & react native 💯🔥

[@shubhamanand7018]

no

[@sonalisatarupa5451]

This Angular Course is really helpful . Thank You so much .

[@MelodiousFlute]

Amazing tutorial. Really Helpful to start Angular.

[@himanshulalwani2685]

harry bhai please make a complete video of your learning journey how you learned what your learned and when from starting to end. Those who agree with me like this comment and comment yess so that harry bhai can notice this.

[@freekeys]

Finally other framework from harry bhai😂🙏

[@mohitdisal1306]

Harry Bhai ......abhi video only 18 mins ki dekhi hai...........and jo confidence aaapne in 18 mins me diya hai , that's awesome......Thanks to you..

[@pankajarya4210]

m.kzbin.info/aero/PLWgC-60F61Onh8SRUxdBXyoRlzz4rhVg_

[@protoysaha4612]

First time my apke video khatam hone ke wait kar raha tha.. Harry our ache describe kar sakhta ap magar nehi kiya Harry bhai.. Apne sach moch dil todh diya 😔😔💔💔

[@054_heenaahmed8]

earlier I was getting error for @Input() todo: Todo; so I defined a constructor to get rid of those errors , now there are no errors but my todo-items are not showing , I think todo-item-component.html is not working , whatever I am writing in that file is not visible on my web page . please help.