Build Your First ANGULAR Web app ~ Beginner Angular Todo app

No video

Build Your First ANGULAR Web app ~ Beginner Angular Todo app

Рет қаралды 118,234

3 жыл бұрын

Learn how to build an Angular 11 web application. This tutorial is for beginners and upward! Learn how to create an Angular todo app using generated components, ngModel, ngFor and many other directives!
// CODE
Github: github.com/TylerPottsDev/angu...
// BECOME A MEMBER!!!
/ @tylerpotts
// FOLLOW ME ON TWITTER
/ tyler_potts_
// MY GEAR FOR CODING AND KZfaq
Blue Yeti Microphone: amzn.to/3jr3l7T
Microphone Stand: amzn.to/35B9LMN
Chair: amzn.to/3dWds3F
Thunderbolt Dock: amzn.to/3osBF6u
Monitor: amzn.to/37I8KoR
All of these products I own and have tested!
// INTERESTED IN GAME DEV?
Game development channel: / muddywolf
// CHECK OUT MY GAME
play.google.com/store/apps/de...
// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

Пікірлер: 186

@bilgekaankaplan1141 3 жыл бұрын

he teaches you and make you smile with tiny miny jokes. what else can you want from an angular tutor?

@orcaowlwizco369 2 жыл бұрын

Tyler- Just started learning Angular/TS for a new job, and you are a natural teacher. Keep it up man because you by far had the best tutorial and I've seen a lot. You keep it simple- I had one issue with not inferring type- which was answered in the comments below. Other than that, this is a 5/5 tutorial hands down. Thanks a lot!

@krzaqabc 3 жыл бұрын

Tyler, great explanation! We are waiting for more angular stuff from you! :)

@landtechjobs 3 жыл бұрын

Big thanks! As someone who has recently started teaching the basics of code, I have to say this video is refreshing. I am junior dev coming from the React world. Just thought I would give Angular a glance. Of course, it might be turn out to be more than a glance! I already jive with the Angular layout. Great tutorial!

@toshiroh5997 2 жыл бұрын

Do you still study angular? I'm starting to learn but its a lot of information all at once

@user-rw3bc2hy4q Жыл бұрын

Currently learning Angular for interviews. Maybe the best video for beginners I found! Great work! Thank you very much!

@ludame Жыл бұрын

Thanks for the tutorial! The best part of your videos is that you take your time to explain what each line of code is doing which I really appreciate!!

@codingat2am Жыл бұрын

What a fantastic tutorial. I'll be honest, I am really liking Angular so far, it sorta clicks with me more than others tbh. So thank you very much for helping me start this journey

@rada1584 Жыл бұрын

Thank you so much for this video Tyler, it just helped me to figure out what I've learned in my course early this last week. Thanks once again

@serpentinefireball 3 жыл бұрын

This was brilliant and just what I needed! Thank you

@saFeHD 2 жыл бұрын

Just starting to learn Angular and more or less programming in general. Thanks for the tutorial, was really nice to follow on even as a beginner like i am :)

@luismanuelcastillocolombo3122 3 жыл бұрын

This is great to get a general idea of the framework. Thanks a lot

@yevhendmitriiev709 3 жыл бұрын

Thank you! Best todo app video ive ever seen. Simple and affordable

@TylerPotts 3 жыл бұрын

Glad you like it!

@caraket8114 3 жыл бұрын

Thanks for the tutorial. Great coverage of the basics.

@Zino592 3 жыл бұрын

Thank you very much for this video! I followed along and was able to produce the application

@nilmendes7710 3 жыл бұрын

This tutorial is very instructive and fun! Thanks!

@odysseaslogothetis8584 Ай бұрын

i like it a lot. it s the 2nd ever video about angular I ve seen in my life and i was able to follow. it got difficult after the 6th thing he named todo

@liaafework3466 3 жыл бұрын

Thank you for a great video...keep them coming. I´m trying to learn Angular!

@OverDrive804 3 жыл бұрын

I started learning Angular recently because the software company I work for uses it and want to learn Ionic at some point. So far, I really like it. It might seem hard to work with because there are so many files, but I promise you only have touch the HTML, CSS, TS, Module and Routing files only. The latter two are not hard to work with. Really hope you will consider more Angular tutorials in the future!

@logan8283 2 жыл бұрын

hi there same situation for me...so should i focus more on html css ts module and routings ?

@somebodyCEO 3 жыл бұрын

Perfect simple tutorial! Thank you very much

@zainshahbaz6511 3 жыл бұрын

IT takes 3 days of my life to resolve errors,Heartly thanks alot brother

@YALW0506 3 жыл бұрын

Thank you very much for this video man, I've learned a lot. Greetings from the Dominican Republic 😊.

@TylerPotts 3 жыл бұрын

Glad it was helpful!

@adrianperez5175 2 жыл бұрын

Hard to find good videos like this on Angular for beginners! Thanks!

@TylerPotts 2 жыл бұрын

You're very welcome!

@leightonmanning8638 3 жыл бұрын

Really liked this video thanks, clear and concise

@ranoualachheb8382 3 жыл бұрын

your video and your way of explaining is amazing and you are also fun to listen too, thank you

@TylerPotts 3 жыл бұрын

Thank you! 😃

@mercuary519 2 жыл бұрын

THIS REALLY HELPED ME A LOT THANK YOU

@Tonirel 2 жыл бұрын

Just an amazing guide to get started and understand how Angular works!

@TylerPotts 2 жыл бұрын

Thank you!

@JustynaSzulecka Жыл бұрын

That's really great explanation. Great job! Thank you!

@mybootscamewithoutstraps 11 ай бұрын

I've used all 3 frameworks of React, Vue, and Angular. I've particularly worked with Angular professionally, and as a high school grad to be making 6 figures because of Angular, I've realized that it may not be as popular as React, but it's WILDLY effective when it comes to things such as huge data/form driven apps. You'd quickly get huge, cumbersome files if you were in the single file setups like the other 2 use, but with Angular, it keeps everything very structured and I've grown to love that. Also, it just comes with everything already, so you don't have to constantly import goofy things to make it work.

@FuzzyAnkles 27 күн бұрын

that was fun to watch !

@pimchatp3018 3 жыл бұрын

Thanks a lot! I really love your explanation! ♥

@chasec4897 5 ай бұрын

brilliant tutorial man ! did Angular roughly 6 years ago then went to React, but might and hoping to get a job in angular so I had to re-learn the basics. I prefer React so much haha. Massively helped ! thank you so much !!

@victordallarosateixeira6226 7 ай бұрын

Thanks for the tutorial!

@FnaticMovieMakingArt 10 ай бұрын

it's a very clear tutorial. thanks a lot

@pavanbhat5573 2 жыл бұрын

Thank you so much sir

@TylerPotts 2 жыл бұрын

You are most welcome

@anuranjkp9377 2 жыл бұрын

simple and perfect tutorial without confusing soo much things..thank you soo much🥰

@TylerPotts 2 жыл бұрын

You’re welcome 😊

@mariomendonca3135 3 жыл бұрын

thanks a lot, very good video, its my first contact with angular, and I learned a lot

@michalhazan839 2 жыл бұрын

Thank you for this video! It helped me a lot :)

@kangajankuganathan4363 Жыл бұрын

Thank you, so detail tutorial

@lifeisbeautifu1 Жыл бұрын

Thank you, very clear.

@williamsanchez4801 Жыл бұрын

Great video. Thanks for sharing your knowledge.

@waterbottlexd1298 3 жыл бұрын

My first project! Thank you!

@IFelipeTiburcio 2 жыл бұрын

You're a really nice teacher. Thanks for sharing your knowledge!

@TylerPotts 2 жыл бұрын

Thank you!

@zainshahbaz6511 3 жыл бұрын

I love the way you teach THANKYOU SOMUC BROTHER

@Hektagor 3 жыл бұрын

Awesome video, really helpful and enjoyable!!! :)

@TylerPotts 3 жыл бұрын

Glad it was helpful!

@harinithapalanisamy6490 3 жыл бұрын

This was a great video, thanks :)

@MrVois 3 жыл бұрын

Very well explained. Keep going!

@TylerPotts 3 жыл бұрын

Thanks, will do!

@ahikirizahenry1556 2 жыл бұрын

Thank you so much for this tutorial. I have learnt much

@TylerPotts 2 жыл бұрын

Glad it was helpful!

@dotnetfullstack3217 2 жыл бұрын

Excellent Video explanation.

@raihanar5323 5 ай бұрын

if it is showing error in this part 14:39 , then change the code to "export class Todo{ content!: string; completed!:boolean; } It is because TypeScript 2.7 includes a strict class checking where all the properties should be initialized in the constructor. A workaround is to add the ! as a postfix to the variable name.

@inhazfahim8270 2 жыл бұрын

Damn bruh..very clear and informative.. 💯

@yusbelydelgado681 2 жыл бұрын

Great Tutorial!

@rashiffrashiff1590 Жыл бұрын

Brilliant simple and Understandable. 🤝🤝🤝🤝

@mellamomarlo 9 ай бұрын

Thank you !

@sksajid9567 2 жыл бұрын

thank you so much for this great tutorial, can you please tell me what did you use for coloring those brackets and all?

@djlivestreem4039 2 жыл бұрын

great tutorial

@randerins 3 жыл бұрын

Excellent video, thank you a lot!

@TylerPotts 3 жыл бұрын

You are welcome!

@Latif127 3 жыл бұрын

Excellent tutorial, thank you.

@TylerPotts 3 жыл бұрын

You are welcome!

@petrnaboko8720 2 жыл бұрын

Awesome tutorial bro! Thanks a lot!

@TylerPotts 2 жыл бұрын

Glad you liked it!

@sharkkrish Жыл бұрын

It's really superb

@islammamado7137 3 жыл бұрын

Great ,thank you very much for your video ,its very helpful

@TylerPotts 3 жыл бұрын

Glad it was helpful!

@kiana_shohoudi 2 жыл бұрын

It was perfect . Thanks' !🤩🤩

@TylerPotts 2 жыл бұрын

Glad you liked it!

@latoyalegemah787 3 жыл бұрын

Thank you for this video! How can I edit a task by clicking in place or using a button? I can't figure it out.

@yasahanzengin3329 3 жыл бұрын

Great tutorial, thanks!

@TylerPotts 3 жыл бұрын

Glad it was helpful!

@vibhac7717 2 жыл бұрын

Tyler, started learning Angular, with the todolist app and this is a nice video. I wanted to know, how to clear the input field value ?

@khaoulaouifaya585 8 ай бұрын

thank you so much

@SimoneMontagnani89 3 жыл бұрын

@TylerPotts 3 жыл бұрын

Glad you like it!

@subramanyak6187 3 жыл бұрын

Dude I use react to make website. I wanted to know How Angular works. You explained everything required to get started or to get the brief view on Angular Thank you.

@aminefathallah4424 2 жыл бұрын

Huge thanks ! keep going !!

@TylerPotts 2 жыл бұрын

Thank you

@ramibenhmida4265 3 жыл бұрын

really helpful thank you

@mrphyslaw 2 жыл бұрын

Great video! Thanks!

@TylerPotts 2 жыл бұрын

Glad you liked it!

@saheelsapovadia2354 2 жыл бұрын

Awesome!

@nkulway123 2 жыл бұрын

Thanks!

@karolinaszulczyk4921 3 жыл бұрын

loved it thanks so much

@TylerPotts 3 жыл бұрын

Glad you enjoyed it!

@solobiker5235 2 жыл бұрын

great lesson. Im react guy tooo. thanks. that's my first angular project. I really enjoy it.

@TylerPotts 2 жыл бұрын

Happy to hear it! 😁🙌

@timuromarbaev1660 2 жыл бұрын

You can also add [disabled]="inputTodo === ''"" to input type=submit tag to prevent adding empty tasks to the list

@USA-Visit 2 жыл бұрын

awesome !

@ilhamazhar4u 3 жыл бұрын

Hello sense, more angular tutorial please :)

@muhammadarief4794 3 жыл бұрын

nice tutorial sir..thank you

@TylerPotts 3 жыл бұрын

Most welcome

@souravdutta5703 3 жыл бұрын

Please do more videos on angular

@avijayan2 3 жыл бұрын

Awesome!! TQ

@rishisharma8596 2 жыл бұрын

thank you

@stefaniaia6615 3 жыл бұрын

very good, thank you

@TylerPotts 3 жыл бұрын

Thank you for watching!

@lgiorgos1 3 жыл бұрын

Why use a class model instead of an interface/type?

@heisenberg4374 11 ай бұрын

YOU ROCK

@wanfirdaus6654 3 жыл бұрын

Thank you man,

@TylerPotts 3 жыл бұрын

You're welcome!

@zenzomc9496 2 жыл бұрын

video very usefull thank you

@TylerPotts 2 жыл бұрын

Glad it was helpful!

@red1io 3 жыл бұрын

you can use this method to delete a todo task : deleteTodo(i) { this.todos.splice(i, 1); } instead of filter method you used. thanx dude I have learned a lot from your tutorial

@TylerPotts 3 жыл бұрын

Thanks for sharing

@mr_mridangam 3 жыл бұрын

when i do this its doing the same to toggledone method its not removing the todo from the list .kindly help

@RichardvanBemmelen 2 жыл бұрын

Does this include a database connection?

@bgmigameplay1345 3 жыл бұрын

what is the short cut you used to delete whole element of html at 7.35 min

@todd2133 3 жыл бұрын

What is the color theme you are using here?

@manikantajupudi4129 3 жыл бұрын

thank u so much.

@TylerPotts 3 жыл бұрын

You are most welcome

@satepestage3599 Жыл бұрын

Thx bro

@thecatontheceiling 4 ай бұрын

what theme do you use for vscode?

@adityaghaywat3648 2 жыл бұрын

Hello Tyler....what if there are two same tasks? I mean if there is 'Task 1' in the list and we're trying to add task 1 again, what should we do so that the code will throw an error or exception that you can't add the same task?

@bojidarboradjiev7533 2 жыл бұрын

good job, its an ok Video

@TylerPotts 2 жыл бұрын

Thanks

@jamesbowring9528 3 жыл бұрын

I'm trying to learn a framework like angular in order to better organise code. I always notice, when creating a new app, there is no option to enable routing. Is this a windows, new angular or something else thing going on?