Configurer son environnement de développeur web
Maîtriser les outils du quotidien du développeur : terminal, éditeur de code, extensions, et bonnes pratiques de travail.
Dernière mise à jour le 16/03/2026
Public visé
- Débutants entrant dans un parcours de développement web
- Personnes en reconversion souhaitant prendre en main leur environnement de travail dès le départ
- Toute personne qui code déjà un peu mais de façon désorganisée, sans maîtriser ses outils
Objectifs pédagogiques
- Utiliser le terminal pour naviguer dans son système de fichiers et exécuter des commandes
- Installer et configurer VS Code comme un développeur professionnel
- Comprendre et organiser l'arborescence d'un projet web
- Gérer des extensions VS Code adaptées à son stack technique
- Installer et utiliser un gestionnaire de paquets
- Versionner son code avec Git et publier sur GitHub
- Adopter les bonnes pratiques de travail d'un développeur web
Prérequis
- Aucun prérequis technique
- Savoir utiliser un ordinateur et un navigateur web
Programme détaillé
- Qu'est-ce que le terminal et pourquoi les développeurs l'utilisent ?
- Terminal, console, shell, bash, zsh : démêler les concepts
- Ouvrir et configurer son terminal : PowerShell / Terminal Windows / iTerm2 / zsh
- Première commande : se repérer dans son système
Navigation et gestion de fichiers (1h)
- Se déplacer dans l'arborescence : répertoire courant, parent, racine
- Lister, créer, copier, déplacer et supprimer des fichiers et dossiers
- Chemins absolus et relatifs
- Astuces de productivité : autocomplétion, historique, raccourcis clavier
Commandes essentielles du développeur (1h)
- Lire et éditer un fichier depuis le terminal
- Variables d'environnement : qu'est-ce que c'est, comment les consulter
- Exécuter un script depuis le terminal
- Cas pratique : créer et organiser l'arborescence d'un projet web depuis le terminal
Module 2 – VS Code : installation et configuration (4h)
- Télécharger et installer VS Code
- Interface : explorateur, éditeur, terminal intégré, palette de commandes
- Raccourcis clavier indispensables : ouvrir un fichier, rechercher, multi-curseur, déplacer des lignes
- Ouvrir un dossier de projet
Extensions indispensables (1h30)
- Prettier : formater son code automatiquement à la sauvegarde
- ESLint : détecter les erreurs avant d'exécuter le code
- Live Server : voir ses modifications en temps réel dans le navigateur
- GitLens : visualiser l'historique Git directement dans l'éditeur
- Auto Rename Tag, Path Intellisense, Bracket Pair Colorizer
- Extensions spécifiques selon le stack : Python, PHP, Tailwind CSS...
Configuration de VS Code (1h30)
- Le fichier de paramètres : personnaliser l'indentation, la police, le thème
- Configurer Prettier comme formateur par défaut
- Les fichiers .editorconfig et .vscode/settings.json : partager la config avec son équipe
- Snippets personnalisés : créer ses propres raccourcis de code
- Cas pratique : configurer un environnement VS Code complet pour le développement web
Jour 2 (7h) – Git, gestionnaires de paquets et environnement complet
- Pourquoi versionner son code ?
- Initialiser un dépôt Git dans son projet
- Les trois zones de Git : working directory, staging area, repository
- Enregistrer ses modifications : ajouter, valider, consulter l'historique
- Lire et comprendre un message de commit : bonnes pratiques
Travailler avec GitHub (1h30)
- Créer un compte et un dépôt GitHub
- Relier son dépôt local à GitHub
- Envoyer et récupérer des modifications
- Cloner un projet existant
- Lire un fichier README et naviguer dans un dépôt
- Cas pratique : publier son premier projet sur GitHub
Module 4 – Gestionnaires de paquets et écosystème (2h)
- Qu'est-ce que Node.js ? Pourquoi les développeurs front-end en ont besoin
- Installer Node.js et vérifier l'installation
- npm : installer un paquet, comprendre le fichier package.json
- Dépendances de développement vs dépendances de production
- Les commandes npm essentielles au quotidien
pip et l'écosystème Python (1h)
- Installer pip et comprendre son rôle
- Installer un paquet Python et gérer les versions
- Les environnements virtuels : pourquoi isoler ses projets
- Cas pratique : installer et utiliser une bibliothèque dans un mini-script
Module 5 – Bonnes pratiques et environnement complet (2h)
- Arborescence recommandée selon le type de projet
- Nommage des fichiers et dossiers : conventions à respecter
- Les fichiers de configuration incontournables : .gitignore, .env, README.md
- Structurer son espace de travail pour travailler efficacement au quotidien
Atelier de synthèse (1h)
- Créer un projet web complet depuis zéro : terminal, VS Code configuré, Git initialisé, publié sur GitHub
- Revue de l'environnement de chaque apprenant
- Retour formateur et checklist de l'environnement idéal
Compétences visées
- Naviguer et exécuter des commandes dans le terminal sans hésitation
- Configurer un environnement de développement local complet et fonctionnel
- Organiser un projet web de manière professionnelle
- Versionner son travail avec Git au quotidien
- Être autonome dans l'installation et la gestion de ses outils de développement
Modalités et méthodes pédagogiques
Modalités d'évaluation
- En cours de formation : manipulation en direct des outils à chaque module
- En fin de formation : atelier de synthèse — créer, versionner et publier un projet complet depuis zéro
- Questionnaire d'auto-évaluation des acquis en fin de parcours
Critères d'évaluation
- Autonomie dans la navigation et l'utilisation du terminal
- VS Code correctement configuré avec les extensions adaptées au stack
- Capacité à initialiser un projet Git et le publier sur GitHub
- Organisation cohérente et professionnelle de l'arborescence du projet
- Autonomie dans l'installation et la gestion des outils de développement
Modalités de validation
Moyens pédagogiques et techniques
- Support de cours numérique mis à disposition des apprenants
- Checklist de configuration à compléter au fil des modules
- Fiches de référence des commandes terminal et raccourcis VS Code
- Pour le distanciel : visioconférence (Zoom ou équivalent), partage d'écran, chat en direct
- Accès à la plateforme pédagogique LaPolaris (supports, ressources, émargement)
Accessibilité aux personnes en situation de handicap
Suivi et accompagnement
- Feuilles d'émargement signées par demi-journée (présentiel) ou émargement numérique (distanciel)
- Traçabilité des activités pédagogiques réalisées
- Attestation d'assiduité délivrée en fin de formation
- Suivi individuel via la vérification de l'environnement de chaque apprenant en fin de parcours
Conditions d'accès
Délais d'accès
Autres formations en Fondamentaux
Git et GitHub : gestion de versions pour débutants
Apprenez à versionner votre code, collaborer sur GitHub et travailler en équipe avec Git. Formation essentielle avant tout parcours de développement.
Algorithmique et logique de programmation
Comprendre les bases de la pensée algorithmique avant d'apprendre un langage. Variables, conditions, boucles, fonctions : les fondations de tout développeur.
Python pour débutants : premiers pas en programmation
Découvrez la programmation avec Python, le langage idéal pour les débutants. Syntaxe claire, exercices pratiques, projets concrets.