3 Configuration

# IDE / Rédacteur

Pour pouvoir écrire du code efficacement, vous avez besoin d'un IDE. Un environnement de développement intégré. En termes plus simples, un éditeur de code. Théoriquement, vous pourriez aussi programmer en Textpad ou Word, mais ce serait très lourd.

Nous travaillons nous-mêmes avec Atom. Cet éditeur est libre et bien adapté pour l'apprentissage. Mais vous pouvez bien sûr aussi utiliser un autre éditeur de votre choix.

Liens

VSCode Texte Sublime

# Browser / Client

Pour travailler avec les technologies web les plus modernes, nous recommandons le navigateur Chrome de Google. Il dispose également d'excellents outils intégrés pour la programmation web. Le navigateur Firefox est également recommandé. Pour pouvoir tester les sites web de manière fiable, tous les navigateurs courants doivent être installés.

Nous programmons donc dans l'éditeur de code, puis nous visualisons le résultat dans le navigateur à chaque fois.

Image: internetingishard.com

🔗 Liens

Chrome Firefox

Serveur #

À ce stade, vous n'avez pas besoin de serveur. Vous développez en local, c'est-à-dire directement sur votre propre appareil. Ce n'est qu'à la fin du cours, lorsqu'il s'agira de publier publiquement sur internet, que nous vous fournirons un serveur. Vous avez peut-être déjà entendu le terme d'hébergement dans ce contexte. Il s'agit de l'espace de stockage et de la fonctionnalité sur le serveur d'un hébergeur.

# Structure des fichiers et dossiers

Créez maintenant la structure de dossiers suivante sur votre appareil, à un endroit qui vous convient. Ouvrez ensuite votre éditeur de code et faites glisser toute la structure des dossiers dans l'éditeur. Ensuite, faites un clic droit sur le dossier "portfolio" dans l'éditeur et sélectionnez "Nouveau fichier". Nommez ce fichier index.html. Ensuite, faites un clic droit sur le dossier "css", sélectionnez "Nouveau fichier" et nommez-le "style.css". Le dossier "img" reste vide pour l'instant.