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
#WebApp #Angular #ToDoApp