# 20 août

## 🚀 Objectifs du jour

* Présentations du cours
* Mettre en place l'environnement de développement
* Introduction à JavaScript
* Clonez votre premier exercice JavaScript
* Écrire vos premières lignes de codes JavaScript

## :school: Présentation du cours

{% content-ref url="../presentation-du-cours/master" %}
[master](https://divtec.gitbook.io/dev-web/javascript/presentation-du-cours/master)
{% endcontent-ref %}

## :toolbox: Mise en place de l'environnement de développement

{% content-ref url="../presentation-du-cours/environnement-de-developpement" %}
[environnement-de-developpement](https://divtec.gitbook.io/dev-web/javascript/presentation-du-cours/environnement-de-developpement)
{% endcontent-ref %}

## :teacher: Introduction à JavaScript (JS)

{% content-ref url="../javascript/introduction" %}
[introduction](https://divtec.gitbook.io/dev-web/javascript/javascript/introduction)
{% endcontent-ref %}

## :1234: Premier pas en JavaScript avec l'exercice PokeCount

* **Créer le dépôt GitHub via GitHub Classroom** : [Clique sur ce lien pour créer ton dépôt](https://classroom.github.com/a/z9Q4FRir) 
* **Cloner le dépôt avec WebStorm** :
  * Utilisez l'**URL de ton dépôt** pour **cloner** le projet dans WebStorm.
* Lire les consignes de l'exercice [exercice-pokecount](https://divtec.gitbook.io/dev-web/javascript/exercices/exercice-pokecount "mention")

{% content-ref url="../exercices/exercice-pokecount" %}
[exercice-pokecount](https://divtec.gitbook.io/dev-web/javascript/exercices/exercice-pokecount)
{% endcontent-ref %}

## ✅ Devoirs

* Finaliser la mise en place de l'environnement de développement :
  * Installer **Git**
  * Installer **Node.js**
  * Configurer **NPM**
  * Configurer **WebStorm**
  * **Installer Docker** pour les prochains cours.

## :books: Autres supports de cours

* [fr.javascript.info (FR)](https://fr.javascript.info/)
* [OpenClassrooms : Introduction au JavaScript (FR)](https://openclassrooms.com/fr/courses/1916641-dynamisez-vos-sites-web-avec-javascript/1916776-introduction-au-javascript)
* [Grafikart : Débuter en JavaScript (FR)](https://grafikart.fr/formations/debuter-javascript)
* [Treehouse : Full-Stack JavaScript (EN)](https://teamtreehouse.com/tracks/full-stack-javascript)
* [freeCodeCamp : JavaScript Algorithms and Data Structures (EN)](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8/)