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!
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.
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.
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!!
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
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!
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!
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 !!
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 :)
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
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
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.
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!
@@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
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?
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?
@@TylerPotts Thank you for sharing this. I love the SynthWave extension. Curious if there is something else or a variant of SynthWave you're using. My string interpolation braces {{}} and anything inside "" in the html file do not display the theme. Great tutorial sir!
he teaches you and make you smile with tiny miny jokes. what else can you want from an angular tutor?
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!
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.
IT takes 3 days of my life to resolve errors,Heartly thanks alot brother
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.
Currently learning Angular for interviews. Maybe the best video for beginners I found! Great work! Thank you very much!
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!!
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
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!
Do you still study angular? I'm starting to learn but its a lot of information all at once
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!
hi there same situation for me...so should i focus more on html css ts module and routings ?
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 !!
Hard to find good videos like this on Angular for beginners! Thanks!
You're very welcome!
Tyler, great explanation! We are waiting for more angular stuff from you! :)
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 :)
Thank you! Best todo app video ive ever seen. Simple and affordable
Glad you like it!
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
THIS REALLY HELPED ME A LOT THANK YOU
your video and your way of explaining is amazing and you are also fun to listen too, thank you
Thank you! 😃
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
Just an amazing guide to get started and understand how Angular works!
Thank you!
You can also add [disabled]="inputTodo === ''"" to input type=submit tag to prevent adding empty tasks to the list
Thank you so much for this tutorial. I have learnt much
Glad it was helpful!
This is great to get a general idea of the framework. Thanks a lot
simple and perfect tutorial without confusing soo much things..thank you soo much🥰
You’re welcome 😊
Thank you so much sir
You are most welcome
Thank you very much for this video man, I've learned a lot. Greetings from the Dominican Republic 😊.
Glad it was helpful!
Awesome video, really helpful and enjoyable!!! :)
Glad it was helpful!
Very well explained. Keep going!
Thanks, will do!
Thanks a lot! I really love your explanation! ♥
Great video. Thanks for sharing your knowledge.
This was brilliant and just what I needed! Thank you
thanks a lot, very good video, its my first contact with angular, and I learned a lot
that was fun to watch !
This tutorial is very instructive and fun!
Thanks!
That's really great explanation. Great job! Thank you!
Damn bruh..very clear and informative.. 💯
it's a very clear tutorial. thanks a lot
Thank you very much for this video! I followed along and was able to produce the application
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
Thanks for sharing
when i do this its doing the same to toggledone method its not removing the todo from the list .kindly help
Perfect simple tutorial! Thank you very much
You're a really nice teacher. Thanks for sharing your knowledge!
Thank you!
Thank you for a great video...keep them coming. I´m trying to learn Angular!
My first project! Thank you!
Thank you for this video! It helped me a lot :)
Great Tutorial!
Thanks for the tutorial!
Huge thanks ! keep going !!
Thank you
Why use a class model instead of an interface/type?
Brilliant simple and Understandable. 🤝🤝🤝🤝
I love the way you teach
THANKYOU SOMUC BROTHER
It was perfect . Thanks' !🤩🤩
Glad you liked it!
great lesson. Im react guy tooo. thanks. that's my first angular project. I really enjoy it.
Happy to hear it! 😁🙌
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.
Awesome tutorial bro! Thanks a lot!
Glad you liked it!
Excellent Video explanation.
Great ,thank you very much for your video ,its very helpful
Glad it was helpful!
Glad you like it!
Excellent tutorial, thank you.
You are welcome!
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.
thank you so much for this great tutorial, can you please tell me what did you use for coloring those brackets and all?
Great tutorial, thanks!
Glad it was helpful!
Excellent video, thank you a lot!
You are welcome!
Thank you, so detail tutorial
Please do more videos on angular
This was a great video, thanks :)
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 ?
Great video! Thanks!
Glad you liked it!
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!
Same here, somebody have an answer, pls help
Initialize your variables to empty strings/objects. I got these errors when I left my variables uninitialized
@@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
@@minhchanh6395 try using "!" after "content" and "completed" in Todos.ts
@@Thunderstormsedation what are you assigning this.todos to?
Thank you, very clear.
Everything in this tutorial stopped working at setting up the Todos array. Maybe this tutorial is outdated?
loved it thanks so much
Glad you enjoyed it!
nice tutorial sir..thank you
Most welcome
awesome video!.... whast the name of you vs code theme.. its😅 nice
Thanks and SynthWave 84
15:23 when i type that line a error shows up
14:40 if i type that whole thingy an error pops up i dont know why and how
It's really superb
great tutorial
Does this include a database connection?
what theme do you use for vscode?
Hey, what's the theme you'r using and wich extension allows auto bracket closing in html code please ? :))
Use vs code as Editor
Thank you !
video very usefull thank you
Glad it was helpful!
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?
From where can I get the style.css code?
really helpful thank you
what is the short cut you used to delete whole element of html at 7.35 min
actually helpful and might be the only video i ever do all four for (like , sub , comment AND share)
Thank you!
What is the color theme you are using here?
maby spamming but! do more vids with angular stuff :D best regards Tyler
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?
Hello sense, more angular tutorial please :)
is the models folder a component?
very good, thank you
Thank you for watching!
Thank you man,
You're welcome!
Thankyou for this video! I am having trouble with the line-through(ie, for completed tasks) .Please help me :)
Same
good job, its an ok Video
Thanks
Awesome!
thank u so much.
You are most welcome
Can someone please explain what does this v in the functions mean? And why do I always get an error there
Which vscode theme is that
Icon pack and theme please 😁, also nice video
Material Icons and SynthWave
@@TylerPotts Thank you for sharing this. I love the SynthWave extension. Curious if there is something else or a variant of SynthWave you're using. My string interpolation braces {{}} and anything inside "" in the html file do not display the theme. Great tutorial sir!