Aller au contenu principal
LaPolaris lance ses formations, profitez de -40% jusqu'au 30 juin ! En savoir plus
Formation 2 jours (14 heures) 490.00 € HT 294.00 € HT Tarif lancement - jusqu'au 30/06/2026

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é

Jour 1 (7h) – Terminal, système de fichiers et VS Code

Module 1 – Le terminal (3h)

Démystifier le terminal (1h)
  • 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)

Installation et premiers pas (1h)
  • 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

Module 3 – Git et GitHub (3h)

Les bases de Git (1h30)
  • 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)

npm et Node.js (1h)
  • 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)

Organisation d'un projet web (1h)
  • 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

Formation délivrée en présentiel ou distanciel (visioconférence). Le formateur alterne entre méthode démonstrative (manipulation en direct des outils), méthode interrogative et méthode active (chaque apprenant configure son propre environnement en temps réel). L'objectif est que chaque apprenant repart avec un environnement de développement pleinement opérationnel et des automatismes solides. 

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

Attestation de fin de formation délivrée à l'issue du parcours, conditionnée à une assiduité d'au moins 80 % et à la réalisation de l'atelier de synthèse final. L'attestation précise les objectifs atteints et les compétences acquises. 

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

Nos formations sont accessibles aux personnes en situation de handicap. Pour toute situation nécessitant un aménagement (matériel, temporel ou pédagogique), nous vous invitons à nous contacter avant l'inscription afin d'étudier les adaptations possibles. Référent handicap : contact@lapolaris.fr

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

Formation accessible sur inscription directe, sans prérequis administratif particulier. Le financement peut être pris en charge par l'employeur dans le cadre d'un plan de développement des compétences, ou en autofinancement. LaPolaris est un organisme de formation en cours de certification Qualiopi. 

Délais d'accès

Inscription possible jusqu'à 5 jours ouvrés avant le début de la session. Pour toute demande urgente, nous contacter directement.