My First Angular App | How to create a ToDo List Tutorial

In this tutorial, we are going to go over the basics of web development and create an application with the front-end framework, Angular. We will use an in-browser IDE to write and run the code (called StackBlitz). All that will be needed is access to an updated Browser (preferably not IE).

Let's dive right into it!
=======================
Some handy timestamps:
=======================
00:00 - Intro
00:30 - Setting up a ToDo List project with Angular (CLI vs StackBlitz)
03:56 - What are dependencies?
04:40 - Checking out the application tree
06:45 - Exploring the Style Sheet
08:56 - What is a name variable
11:40 - Creating a new component
14:15 - Creating a variable
16:30 - What does a Constructor do?
16:50 - What is ngOnInit?
17:34 - Using the constructor vs ngOnInit: what's the difference?
20:50 - What is Data Binding and how to use it
21:21 - How to bind to an expression
21:54 - How to bind to methods
24:00 - How to bind to a property
27:00 - How to do Event binding
32:29 - Let's begin stylizing your Angular ToDo App
39:56 - Finalizing our Angular ToDo App: Adding an array & setting up button click
41:40 - Using ngModel
48:20 - Outro

---
You can find all the handy resources and links below!

➡️Resources/Links
• Start your Project here: http://stackblitz.com/
• Final StackBlitz Project: https://stackblitz.com/edit/angular-ivy-ajzn4w?file=src/app/app.component.ts

---
Follow Alyssa on social media and don't forget to drop her a question in the DM's!
?️Follow Alyssa @AlyssaNicoll


#WebApp #Angular #ToDoApp