⚠️ Avant de commencer cette quête, tu dois avoir terminé les quêtes suivantes :

Introduction

Un bon travailleur doit utiliser de bons outils. C’est pareil pour un développeur PHP. Cette quête te permettra de prendre en main l'IDE (Integrated Development Environment) PhpStorm.

🤓 À la fin de cette quête :

• ✅ tu auras installé PhpStorm sur ta machine,
• ✅ tu sauras utiliser les fonctionnalités principales.

Installation de PHPstorm

Il existe un grand nombre d’IDE très performants pour écrire du PHP. Dans ta vie professionnelle future, celui-ci te sera souvent imposé par ton entreprise, car il est plus pratique que tout le monde travaille avec un même environnement. C’est donc pareil pour la formation ! PhpStorm est celui qui a été sélectionné par la Wild Code School car, au-delà de sa très grande utilisation en entreprise, cet outil s'installe sur de nombreux OS, possède un nombre incroyable de fonctionnalités et propose un panel d'extensions très important. À partir de maintenant, tu laisseras donc de côté les autres éditeurs et n’utiliseras plus que PhpStorm (au moins le temps de la formation). Mais rassure-toi, quand tu auras découvert la puissance de cet outil, cela ne t’apparaîtra pas comme une contrainte !

Téléchargement

Télécharge l'archive qui correspond à ta distribution sur le site de jetbrains. Pendant le téléchargement, tu peux jeter un œil sur la présentation que fait Jetbrains de son produit. Jetbrains est un éditeur de logiciels spécialisé dans les outils pour développeurs.

Installation sur Ubuntu

Phpstorm s'installe très facilement sur Linux :

1. Décompresse PhpStorm-20XX.X.X.tar.gz, par exemple dans un dossier Software que tu créeras dans ton /home, pour y mettre les logiciels que tu installeras en-dehors des paquets officiels. Remplace les “X” par le nom de l’archive que tu auras installée (de nouvelles versions sortant très régulièrement, le nom exact est amené à changer souvent).

tar xfz PhpStorm-20XX.X.X.tar.gz

1. Lance PhpStorm.sh qui se trouve dans le sous-dossier bin

./phpstorm.sh

Activation du produit

Phpstorm est un logiciel propriétaire et payant. Dans le cadre d'un partenariat avec Jetbrains, la Wild Code School bénéficie de clés d'activation pour Phpstorm. Attention ! Cette licence est mise à ta disposition le temps de ta formation à la Wild Code School (hors stage). Ne pas tenir compte de la date d'expiration de la licence indiquée dans l'application.

L’activation se fera dans les premières semaine de ta formation. Pas de panique, ton formateur t’expliquera la procédure en temps voulu. La version que tu installes a 30 jours d’essai gratuit, tu auras donc tout le temps d’activer ton compte.

Configure ton système

PhpStorm est un IDE extrêmement complet. Avant de commencer, regarde cette première vidéo de Grafikart qui présente ce qu’est un IDE et ses avantages.

Comme tu le vois, l’IDE permet de gérer beaucoup de choses qui vont t'aider à aller plus vite en tant que développeur (terminal intégré, tests, bases de données, versionning, refactoring...). Maîtriser toutes les subtilités de cet outil prend donc du temps. Pour le moment, tu dois savoir te servir des fonctionnalités de base. Tu auras le temps d'approfondir son utilisation tout au long de ta vie de développeur.

Phpstorm crée par défaut un dossier .idea par projet, dans lequel il stocke différentes informations dont il a besoin. Ce dossier n'a pas vocation à être partagé avec d'autres développeurs (qui n'utilisent pas forcément PhpStorm par ailleurs) et doit donc être systématiquement ignoré par Git pour chaque projet. Pense donc à ajouter une ligne .idea dans le fichier .gitignore de tous tes projets (si cela n’est pas déjà fait !).

Pour configurer PhpStorm, il faut te rendre dans File > Settings. Tu accèdes à une fenêtre qui te propose de très nombreuses options, rangées en différentes catégories (apparence, langages, raccourcis, plugins, etc.)

Raccourcis

Un IDE te permet de gagner du temps. Pour cela, il inclut donc de nombreux raccourcis pour exécuter certaines tâches récurrentes plus rapidement.

Voir une ressource reprenant certains raccourcis très utiles de l’IDE, mais il en existe beaucoup d’autres qui ne sont pas cités ici. Tu en trouveras certains inutiles, d’autres indispensables, et tu en découvriras sans doute de nouveaux tous les jours.

Utilisation de PHP Storm

Créer un projet

L’un des intérêts d’un IDE est de gérer tous les fichiers d’un même projet de manière globale, ce qui permet d’apporter de nombreuses fonctionnalités propres à un projet, même si tu ne les utiliseras pas forcément toutes durant ta formation (déploiement, versionning…).

Commence par faire File > New Project, et entre l’emplacement du projet (il va créer automatiquement un dossier avec le nom que tu vas lui donner).

Pour créer un fichier PHP, effectue un clic droit sur le dossier dans le panneau latéral “Project” (qui affiche l’arborescence du projet), puis rends-toi sur New. Tu as différentes possibilités, utilise en priorité PHP file (plutôt que simplement File), cela permettra de créer un fichier avec la bonne extension et ajoutera automatiquement la balise <?php en début. De manière générale, utilise dans la liste l’entrée correspondant au type de fichier que tu souhaites créer (HTML, CSS, etc.).

Cette autre vidéo reprend les étapes de création de fichier. Ne t’inquiète pas si tu ne comprends pas tout ce qui est dit sur le langage en lui-même, tu vas très vite acquérir ces notions. Concentre-toi uniquement sur le fonctionnement de PHPStorm pour le moment.

Ensuite, tu n’as plus qu’à taper ton code ;-). Là encore, il existe plein d’astuces pour te permettre de taper ton code plus rapidement, mais ne brûle pas les étapes. N’hésite pas à regarder rapidement les autres vidéos de Grafikart sur PHPStorm, mais tu pourras y revenir un peu plus tard quand tu maitriseras un peu mieux l’outil.

Les plugins et outils

Phpstorm propose de nombreux plugins qui permettent d'étendre les fonctionnalités du logiciel. Pour commencer, tu vas en installer deux qui te seront sûrement utiles. Dans Phpstorm File>Settings puis Plugins, clique sur Browse Repository et recherche le plugin de la liste qui s’appelle “CamelCase”. C’est un plugin très simple qui permet de passer d’un style d’écriture à l’autre (camelCase, UpperCamelCase, snake_case…). Il suffit de sélectionner le texte concerné, et d’aller dans edit > Toggle Camel Case (ou avec le raccourci Alt+Maj+U).

De la même manière, installe le plugin "Symfony Support". Il ne te servira pas immédiatement, mais t'apportera des fonctionnalités supplémentaires quand tu commenceras à utiliser Symfony. Un must have !

Lorsque tu maitriseras un peu mieux PhpStorm, n'hésite pas à regarder la liste des plugins disponibles et à en ajouter d'autres qui te paraîtront utiles. Attention cependant à installer ces plugins avec circonspection :

• Trop de plugins risquent de ralentir l'IDE,
• Veille à ne pas installer plusieurs plugins qui pourraient faire la même chose, et donc entrer en conflit,
• Ne prends pas le premier plugin venu, qui pourrait être de mauvaise qualité (regarde notamment les commentaires).

PhpStorm intègre également des outils externes de qualité qui lui apportent des fonctionnalités supplémentaires. C'est le cas d'Emmet, un outil qui permet d'accélérer l'écriture de code HTML et qui est vraiment très pratique.

💪 Challenge

Crée ton premier projet avec Phpstorm

• Crée un nouveau projet avec PhpStorm intitulé MyFirstPHPProject.
• Crée un dossier src" contenant un fichier index.php.
• Crée un dossier css contenant un fichier style.css (note que tu peux tout à fait faire de l'HTML et du CSS avec PhpStorm)
• Ouvre le panneau Project de PhpStorm et poste une capture d'écran du logiciel sur laquelle l'arborescence du projet est visible.

Critères de validation

• La capture d'écran affiche PhpStorm (celui-ci est donc bien installé).
• Le panneau Project affiche bien l'arborescence du projet avec un dossier src contenant le fichier index.php et un dossier css contenant style.css.