STEP.1.md

Add some structure

In this exercise we will add basic skeleton to our page.

1. Open console

View -> Integrated terminal or CTRL + ~

2. Start app

npm start

3. Open page

Open browser and navigate to

http://localhost:4200/

4. Open html file

src\app\app.component.html

5. Remove all content

6. Add single h1 tag

<h1>Todo</h1>

7. Add single div tag below with some text inside

<h1>Todo</h1>
<div>List of todos</div>

8. Add debug css

In next tab open src\app\app.component.css

* {
  border: 1px solid crimson;
}

9. Add debug css

Add another div inside previous one.

<h1>Todo</h1>
<div>
  <div>Add new todo</div>
  List of todos
</div>

10. Let's build scaffold for todo-app

:) just play