Bienvenue les cadette et les cadets ! Maintenant que vous avez installé git et que vous savez l'utiliser, on va maintenant voir ensemble les technologies et les derniers outils nécessaires pour faire fonctionner notre projet.
Les langages
La première chose à faire lorsqu'on commence un projet c'est de choisir les langages que nous allons utiliser. Dans notre cas nous allons avoir essentiellement avoir 4 besoins :
- HTML : pour la structure.
- CSS : pour le design et les animations
- PHP : qui est un langage serveur pour la gestion des données.
- Javascript : pour le dynamisme et pour faire un lien avec le serveur.
Pour ce qui est du langage serveur, comme vous l'avez peut-être vu dans le cours sur le modèle client serveur, on aurait pu utiliser d'autres langages comme Python ou Ruby. J'ai fait le choix de PHP car c'est un langage qui est encore très majoritaire sur le web, qu'il a donc une grosse communauté et qu'il est relativement simple à apprendre.
De bons outils
Avant de débuter les choses sérieuses, il est important de choisir les bons outils pour coder !
Un IDE
Pour développer, il va vous falloir... de quoi écrire notre code ! Techniquement nous pourrions très bien coder directement dans le logiciel Bloc notes de Windows et ça fonctionnerait tout aussi bien !
Mais si vous ne souhaitez pas vous perdre dans votre code, il est conseillé d'utiliser un vrai logiciel qui est fait pour ça = un IDE ou integrated development environment (Environnement de développement intégré). On voit rapidement la différence !
Coloration syntaxique pour différencier les différents éléments du code, la numérotation des lignes, une indentation automatique pour voir les éléments imbriqués... Les IDE sont a de nombreux atouts pour les développeurs. Pour ce qui est du choix de l'IDE, chaque développeuse ou développeur a ses préférences. Voici quelques exemples de logiciels :
- Visual Studio Code [gratuit]
- Notepad++ [gratuit]
- Sublime text [gratuit]
- La suite JetBrains avec les logiciels : Webstorm (Javascript), PHPStorm (PHP), PyCharm (Python) => ces logiciels professionnels sont très utiles, mais un peu chers quand on fait ça pour le plaisir (par exemple PHPStorm coûte 200€ la première année).
Pour commencer, je vous conseille très vivement Visual Studio Code ! Il est gratuit, relativement complet et facile d'utilisation et d'installation.
Pour l'installer, faites un petit tour sur la page de téléchargement dédiée, choisissez votre OS et installez-le comme vous avez l'habitude de le faire sur votre environnement.
Un navigateur
Maintenant que nous avons de quoi écrire notre code, il vous faut un navigateur :
- Chromium
- Firefox
- Chrome
- Edge
- Safari
- Brave
Une maquette
Cette partie n'est pas indispensable pour développer, même si elle rend les choses beaucoup plus simples !