Build Your First ANGULAR Web app ~ Beginner Angular Todo app

Подписаться 58 тыс.

Просмотров 119 тыс.

50% 1

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/Tyl...
// BECOME A MEMBER!!!
/ @tylerpotts
// FOLLOW ME ON TWITTER
/ tyler_potts_
// MY GEAR FOR CODING AND RU-vid
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.co...
// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

Опубликовано:

26 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 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!

@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

@ΜάριοςΚολιός-γ8κ 2 года назад

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

@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 ?

@odysseaslogothetis8584 3 месяца назад

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

@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!!

@krzaqabc 3 года назад

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

@raihanar5323 6 месяцев назад

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.

@mybootscamewithoutstraps Год назад

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.

@adrianperez5175 3 года назад

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

@TylerPotts 3 года назад

You're very welcome!

@chasec4897 7 месяцев назад

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 !!

@zainshahbaz6511 3 года назад

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

@yevhendmitriiev709 3 года назад

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

@TylerPotts 3 года назад

Glad you like it!

@Tonirel 2 года назад

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

@TylerPotts 2 года назад

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 :)

@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

@mercuary519 2 года назад

THIS REALLY HELPED ME A LOT THANK YOU

@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! 😃

@codingat2am 2 года назад

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

@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!

@anuranjkp9377 2 года назад

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

@TylerPotts 2 года назад

You’re welcome 😊

@FnaticMovieMakingArt Год назад

it's a very clear tutorial. thanks a lot

@caraket8114 3 года назад

Thanks for the tutorial. Great coverage of the basics.

@rada1584 2 года назад

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

@lgiorgos1 3 года назад

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

@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!

@pavanbhat5573 2 года назад

Thank you so much sir

@TylerPotts 2 года назад

You are most welcome

@victordallarosateixeira6226 8 месяцев назад

Thanks for the tutorial!

@serpentinefireball 3 года назад

This was brilliant and just what I needed! Thank you

@FuzzyAnkles 2 месяца назад

that was fun to watch !

@leightonmanning8638 3 года назад

Really liked this video thanks, clear and concise

@pimchatp3018 3 года назад

Thanks a lot! I really love your explanation! ♥

@JustynaSzulecka Год назад

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

@Hektagor 3 года назад

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

@TylerPotts 3 года назад

Glad it was helpful!

@Zino592 3 года назад

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

@IFelipeTiburcio 2 года назад

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

@TylerPotts 2 года назад

Thank you!

@kangajankuganathan4363 Год назад

Thank you, so detail tutorial

@mariomendonca3135 3 года назад

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

@rashiffrashiff1590 Год назад

Brilliant simple and Understandable. 🤝🤝🤝🤝

@waterbottlexd1298 3 года назад

My first project! Thank you!

@timuromarbaev1660 2 года назад

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

@kiana_shohoudi 2 года назад

It was perfect . Thanks' !🤩🤩

@TylerPotts 2 года назад

Glad you liked it!

@dotnetfullstack3217 2 года назад

Excellent Video explanation.

@inhazfahim8270 2 года назад

Damn bruh..very clear and informative.. 💯

@lifeisbeautifu1 Год назад

Thank you, very clear.

@liaafework3466 3 года назад

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

@zainshahbaz6511 3 года назад

I love the way you teach THANKYOU SOMUC BROTHER

@williamsanchez4801 Год назад

Great video. Thanks for sharing your knowledge.

@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

@michalhazan839 2 года назад

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

@yusbelydelgado681 3 года назад

Great Tutorial!

@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! 😁🙌

@Latif127 3 года назад

Excellent tutorial, thank you.

@TylerPotts 3 года назад

You are welcome!

@souravdutta5703 3 года назад

Please do more videos on angular

@islammamado7137 3 года назад

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

@TylerPotts 3 года назад

Glad it was helpful!

@clarkcollinsmusic9065 3 года назад

Best tutorial ever so far! However, I'm having three errors that keep occurring regardless of what tutorial I follow: 1. Property 'todos' has no initializer and is not definitely assigned in the constructor. ts(2564) [11,3] 2. Property 'content' has no initializer and is not definitely assigned in the constructor. ts(2564) [2,5] 3. Property 'completed' has no initializer and is not definitely assigned in the constructor. ts(2564) [3,5] 4. *ngFor isn't auto-populating like it appears to be in your codebase for me and appears to not register as anything?? Any help would be appreciated as I have no idea why I'm getting this error!

@minhchanh6395 3 года назад

Same here, somebody have an answer, pls help

@issamboughedda9009 3 года назад

Initialize your variables to empty strings/objects. I got these errors when I left my variables uninitialized

@Thunderstormsedation 2 года назад

@@issamboughedda9009 hi I have an error for this.todos. saying not assignable to type string. don't know what to do. why does it work for him but errors for us? please help

@VanjulThakur 2 года назад

@@minhchanh6395 try using "!" after "content" and "completed" in Todos.ts

@soendaniel5571 2 года назад

@@Thunderstormsedation what are you assigning this.todos to?

@randerins 3 года назад

Excellent video, thank you a lot!

@TylerPotts 3 года назад

You are welcome!

@yasahanzengin3329 3 года назад

Great tutorial, thanks!

@TylerPotts 3 года назад

Glad it was helpful!

@petrnaboko8720 2 года назад

Awesome tutorial bro! Thanks a lot!

@TylerPotts 2 года назад

Glad you liked it!

@mellamomarlo 11 месяцев назад

Thank you !

@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 ?

@SimoneMontagnani89 3 года назад

@TylerPotts 3 года назад

Glad you like it!

@karolinaszulczyk4921 3 года назад

loved it thanks so much

@TylerPotts 3 года назад

Glad you enjoyed it!

@mrphyslaw 2 года назад

Great video! Thanks!

@TylerPotts 2 года назад

Glad you liked it!

@matthewarant377 Год назад

Everything in this tutorial stopped working at setting up the Todos array. Maybe this tutorial is outdated?

@djlivestreem4039 2 года назад

great tutorial

@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?

@harinithapalanisamy6490 3 года назад

This was a great video, thanks :)

@sharkkrish Год назад

It's really superb

@khaoulaouifaya585 10 месяцев назад

thank you so much

@muhammadarief4794 3 года назад

nice tutorial sir..thank you

@TylerPotts 3 года назад

Most welcome

@nkulway123 2 года назад

Thanks!

@ramibenhmida4265 3 года назад

really helpful thank you

@zenzomc9496 2 года назад

video very usefull thank you

@TylerPotts 2 года назад

Glad it was helpful!

@pauljere7013 2 года назад

awesome video!.... whast the name of you vs code theme.. its😅 nice

@TylerPotts 2 года назад

Thanks and SynthWave 84

@rishisharma8596 2 года назад

thank you

@saheelsapovadia2354 2 года назад

Awesome!

@wanfirdaus6654 3 года назад

Thank you man,

@TylerPotts 3 года назад

You're welcome!

@stefaniaia6615 3 года назад

very good, thank you

@TylerPotts 3 года назад

Thank you for watching!

@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?

@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?