heaj

Cours de "développement web avancé" pour les 3e année de la section DWM à l'HEAJ

6 months after

Développement web avancé - 3e année

Ce dépôt vous accompagnera tout au long du cours de cette année.

  1. Setup
  2. Workflow
  3. First scene

Pré-requis

Afin de pouvoir faire du "développement web avancé", nous devons commencer par configurer un environnement "kivabien".

En effet, notre workflow "moderne" nous amènera à utiliser la ligne de commande, via un terminal, dans un environnement JS, à l'aide d'une solution de gestion de versions.

Nous aurons donc besoin de :

  1. Terminal (Terminal, iTerm, …)
  2. Environnement JS :
    • node
    • nvm
    • npm
  3. Git

Terminal

Logiciel qui permet d'émuler un ou plusieurs terminaux informatiques sur notre machine. Grâce à ce terminal, nous pourrons ouvrir un shell. Un shell est une interface permettant de communiquer avec le système d'exploitation via CLI (Interface en ligne de commande). Les plus connus sont bash et zsh (ou PowerShell sous Windows).

Dit autrement, c'est ce qui vous permet de rentrer dans la matrice en mode "Mr Robot"…

Sous Mac OS X, vous pouvez utiliser Terminal ou iTerm2. Sous Windows, vous pouvez utiliser Babun.

Parmi les commandes de base on notera :

  • cd [path/to/move/to] : change directory
  • pwd : print working directory (si vous êtes perdu…)
  • ls : list directory (ls -la, details + hidden)
  • mkdir [foldername] : make directory
  • touch [path/to/filename] : crée un fichier
  • echo 'foo' > [path/to/filename] : crée un fichier contenant 'foo'
  • rm [path/to/filename] / rm -r [path/to/foldername] : efface un fichier / dossier
  • which [command] : affiche (ou pas) l'emplacement d'une commande
  • [command] -h | --help | … : aide à l'utilisation de la commande
  • clear : rafraîchit la fenêtre du terminal
  • exit :