> For the complete documentation index, see [llms.txt](https://bootcamp.shetechitaly.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bootcamp.shetechitaly.org/day1/01-00.md).

# Introduction to Awesome Tasks

**A simple JavaScript app that will help you getting things done.**

This walk-through will guide you through the development of a TODO app.

We will be introducing new concepts on each step so make sure you understand what's going on before going further! If you have any doubts, please ask your mentor for help.

## Key concepts

During the workshop we will be covering the following concepts:

### The DOM

* We'll play around with the basics HTML blocks
* `Element` and some of its properties and methods (`querySelector`, `innerHTML`, `previousElementSibling`, `dataset`)
* The events and the event object main properties (`target`, `preventDefault`)

### CSS

* You'll learn how to style elements

### JavaScript

* Base values: `String`, `Number`, `Boolean`, undefined values
* Variables and functions
* Compound values: `Array` and `Object`
* Language Structure: `if`
* Array methods (`forEach`, `filter`, `push`)
* String methods (`trim`, `replace`)

### Persistence on the browser

* `JSON` and `localStorage`

There are many new things to learn if this is your first programming experience, and we really hope you will enjoy it!