Mettre en place un environnement de dev
Monter une VM
Quel OS ?
Pour du développement non proprio, on utilise toujours Linux.
Pourquoi ?
- Simple
- Souvent on utilise Linux sur les serveur, on essaie de se rapprocher sur la machine de dev.
- Ligne de commande > interface graphique.
- Beaucoup d'outils tournent mieux/uniquement sous Linux.
Quel distri ?
Pour un environnement de dev, JE choisis Ubuntu (et vous aussi sur ce coup).
Pourquoi ?
- Très bonne compatibilité matériel
- Interface simple et efficace
- Beaucoup de logiciels dans les dépôts et dépôts à jour.
- Base Debian, qui sera probablement la distribution sur le serveur
Télécharger Ubuntu
Installer une VM
Introduction à Linux
Installer le serveur
Apache
Le premier logiciel que nous allons installer est Apache, le serveur web.
Pour installer Apache, on va utiliser la commande suivante :
sudo apt install apache2
Pour vérifier que tout fonctionne, il suffit de se rendre à l'adresse 127.0.0.1. Vous devriez avoir une page "It Works !".
Pour ajouter un site à Apache, il faut le créer dans le dossier /var/www/html. Mais pour cela, il faut d'abord avoir le droit d'y accéder !
Nous allons donc donner les droits nécessaire à notre utilisateur sur le dossier.
sudo chown -R username:www-data /var/www/html
sudo chmod -R 755 /var/www/htmlPHP
Le second logiciel que nous allons installer est PHP 7, l’interpréteur PHP.
Pour installer PHP 7, on va utiliser la commande suivante :
sudo apt install php
Pour vérifier que PHP fonctionne, on va créer le fichier /var/www/html/index.php avec le code suivant :
<?php phpinfo(); Puis accéder à http://127.0.0.1/index.php.
Installer un IDE
Sublime Text
Sublime Text est un éditeur de texte simple mais complet, disponible sur Windows, Linux et OS X.
C'est l'IDE que nous allons employer. Pour cela, nous allons commencer par l'installer avec les commandes suivantes :
wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -
sudo apt-get install apt-transport-https
echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list
sudo apt update
sudo apt install sublime-textUtiliser la console web
La console web c'est quoi ?
Console web, inspecteur web, outils de développement, tous ces noms pour une même chose : un outil au sein du navigateur pour inspecter et debuger son code.
Vous trouverez un équivalent sur tous les navigateurs.
Pour ouvrir la console, il suffit de faire :
Clic droit →Examiner l’élément.
Les différentes parties
L'inspecteur DOM
Permet d'explorer le DOM, càd la traduction du HTML en objets utilisables par le navigateur.
Utile pour modifier le HTML en live, ajouter un style, voir le code généré.
Les différentes parties
La console
La console permet d’exécuter du Javascript directement depuis le navigateur.
Utile pour voir les erreurs JS, afficher la valeur d'une variable, appeler une fonction pour la tester, etc.
Les différentes parties
Le débogueur
Le débogueur permet de voir l’exécution des différents scripts de la page.
Utile pour déboguer un script, placer un point d'arrêt dans le script, afficher les variables.
Les différentes parties
L'inspecteur réseau
L'inspecteur réseau permet de voir les requêtes effectuées par le navigateur.
Utile pour déboguer les script asynchrones, voir les scripts chargés, repérer les erreurs réseau.
Fin
Mettre en place un environnement de dev
By plebweb
