Build Your First ANGULAR Web app ~ Beginner Angular Todo app

thank you so much

I have been a backend developer for years, and the last time I worked on frontend development was with jQuery and PrimeFaces... Your tutorial was truly helpful. Thank you very much!

Thank you !

it's a very clear tutorial. thanks a lot

Hate todo lists?
NAW. Learning by example is how I work and these are STAPLES in that!

YOU ROCK

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.

From where can I get the style.css code?

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

Great video. Thanks for sharing your knowledge.

First angular project 🙂

Brilliant simple and Understandable. 🤝🤝🤝🤝

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

Efficient, no need of historical curse. you manage to turn gripped krank of my ford t. You deserve to win thumbs war.

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

It's really superb

Why do we return the value of V in toggleDone, it works perfect without returning it??

Thank you, very clear.

Thank you, so detail tutorial

Thx bro

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

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

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

Excellent Video explanation.

Thank you!

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 tutorial

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

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?

awesome
!

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

actually helpful and might be the only video i ever do all four for (like , sub , comment AND share)

It was perfect . Thanks' !🤩🤩

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

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

why this works :-

deleteTodo(id:number) {
this.todos = this.todos?.filter((v, i) => i!==id);
}

but not this :-

deleteTodo(id:number) {
this.todos = this.todos?.filter((v, i)=>{
i !== id;
})
}

this code just delete the whole todolist

Damn bruh..very clear and informative.. 💯

Does this include a database connection?

Which vscode theme is that

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

Compiled with problems:X

ERROR

src/app/components/todos/todos.component.html:14:63 - error TS2339: Property 'content' does not exist on type 'never'.

14 <div class="content" (click)="toggleDone(i)"> {{ todo.content }}</div>
~~~~~~~

src/app/components/todos/todos.component.ts:7:16
7 templateUrl: './todos.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component TodosComponent.


ERROR

src/app/components/todos/todos.component.ts:20:9 - error TS2322: Type 'string' is not assignable to type 'never'.

20 content:'First Todo',
~~~~~~~


ERROR

src/app/components/todos/todos.component.ts:21:9 - error TS2322: Type 'boolean' is not assignable to type 'never'.

21 completed:false
~~~~~~~~~


ERROR

src/app/components/todos/todos.component.ts:24:9 - error TS2322: Type 'string' is not assignable to type 'never'.

24 content:'Second Todo',
~~~~~~~


ERROR

src/app/components/todos/todos.component.ts:25:9 - error TS2322: Type 'boolean' is not assignable to type 'never'.

25 completed:true
~~~~~~~~~


ERROR

src/app/components/todos/todos.component.ts:30:15 - error TS7006: Parameter 'id' implicitly has an 'any' type.

30 toggleDone (id){
~~


ERROR

src/app/components/todos/todos.component.ts:32:22 - error TS2339: Property 'completed' does not exist on type 'never'.

32 if (i == id) v.completed = !v.completed;
~~~~~~~~~


ERROR

src/app/components/todos/todos.component.ts:32:37 - error TS2339: Property 'completed' does not exist on type 'never'.

32 if (i == id) v.completed = !v.completed;
~~~~~~~~~


ERROR

src/app/components/todos/todos.component.ts:44:7 - error TS2322: Type 'string' is not assignable to type 'never'.

44 Content: this.inputTodo,
~~~~~~~


ERROR

src/app/components/todos/todos.component.ts:45:7 - error TS2322: Type 'boolean' is not assignable to type 'never'.

45 completed:false
~~~~~~~~~


ERROR

src/app/models/Todo.ts:2:2 - error TS2564: Property 'content' has no initializer and is not definitely assigned in the constructor.

2 content: string;
~~~~~~~


ERROR

src/app/models/Todo.ts:3:2 - error TS2564: Property 'completed' has no initializer and is not definitely assigned in the constructor.

3 completed: boolean;
~~~~~~~~~

I follow the same as shown in the video but this error is showing up😔
Please help me please

I have a similar view on angular, it is nice has some amazing things, but can be very strict. Like microsoft. So can be annoying.

Thanks!

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!

bravo

thank you

Comment for algo -- nive vid.

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

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

Awesome!