Bienvenue dans le pôle Développement Web
Découverte du métier de développeur web
Nous allons découvrir ensemble ce métier, son univers technique, ses outils et ses missions. L'objectif de cette page : comprendre comment une idée devient un produit numérique opérationnel. Ensuite, place à la pratique.
Le métier de développeur web
Le développeur web conçoit, code, teste et déploie des sites internet, des applications web et parfois des logiciels métiers internes. Son rôle : transformer des besoins fonctionnels en solutions techniques fiables, performantes et sécurisées.
Retiens surtout le premier mot de la phrase précédente. Coder n'est qu'une partie du travail : comprendre le besoin, vérifier que ça marche vraiment et mettre en ligne comptent tout autant.
Les trois familles de développement
HTML5 pour la structure du contenu, CSS3 / SCSS pour la mise en forme, JavaScript pour les interactions et la logique côté client. Frameworks : React, Vue.js, Angular.
PHP (Symfony, Laravel), Node.js, Python (Django, Flask), SQL pour les bases de données, et des API REST ou GraphQL pour faire dialoguer le front et le back.
C'est le profil le plus courant en agence : sur un projet de taille moyenne, la même personne suit le sujet de bout en bout.
Comprendre le « Web », techniquement
Le Web (World Wide Web) est l'ensemble des ressources accessibles via Internet. Il repose sur quelques composants qu'il faut savoir nommer.
| Composant | Son rôle |
|---|---|
| Serveur web | La machine, physique ou virtuelle, qui héberge le site et répond aux demandes. Exemples : Apache, Nginx. |
| DNS | L'annuaire du Web : il traduit un nom de domaine (monsite.fr) en adresse IP. |
| HTTP / HTTPS | Le protocole de communication entre le navigateur et le serveur. Le S signifie que l'échange est chiffré. |
| Navigateur | Chrome, Firefox, Safari, Edge : il interprète le HTML, le CSS et le JS pour afficher la page. |
Le modèle client-serveur, en une phrase
Le navigateur (le client) envoie une requête au serveur, qui lui renvoie des données sous forme de code, que le navigateur transforme en page. Tout le Web tient dans cet aller-retour, et tu le verras en direct dans l'onglet « Réseau » de ton navigateur.
Serveurs, bases de données et outils
Hébergement et administration
Nos sites sont hébergés chez des prestataires comme Haisoft (Orléans), OVH ou Hostinger. Leur administration passe par :
- Linux (Ubuntu / Debian) : gestion des fichiers, des droits, de la sécurité.
- Plesk / cPanel : interfaces de gestion des sites, DNS, mails et bases de données.
Bases de données
MySQL / MariaDB / PostgreSQL, administrées avec
phpMyAdmin, et interrogées en SQL (SELECT,
JOIN, UPDATE…). C'est là que vivent les données qui
doivent survivre au rechargement de la page : ce qu'on appelle la
persistance.
Conception et codage
| Catégorie | Ce qu'on utilise |
|---|---|
| Langages front | HTML, CSS, JavaScript |
| Langages back | PHP, SQL |
| Frameworks & librairies | Symfony (structure MVC pour PHP), React (interfaces dynamiques) |
| CMS | WordPress (sites vitrines, blogs), PrestaShop (boutiques en ligne) |
| Éditeurs | VS Code, PhpStorm |
| Contrôle de version | Git, avec GitHub ou GitLab |
| Gestion de dépendances | Composer (PHP), npm / yarn (JavaScript) |
Nos missions au quotidien
- Développement de logiciels métiers sur mesure : par exemple le CRM Linov, développé avec Symfony.
- Création de boutiques en ligne sous PrestaShop : modules personnalisés, passerelles de paiement (PayPlug, PayPal), gestion des transporteurs.
- Modules spécifiques WordPress : plugins et thèmes sur mesure.
- Maintenance et support technique sur des projets existants.
- Optimisation des performances et sécurisation des sites.
- Gestion des serveurs : mises à jour, sauvegardes, supervision, certificats SSL.
Ce que cette liste dit du métier
Une bonne moitié de ces missions consiste à travailler sur du code déjà écrit, souvent par quelqu'un d'autre. C'est pour ça qu'on insiste autant, dans nos exercices, sur le fait de savoir expliquer et de nommer clairement : le code se lit bien plus souvent qu'il ne s'écrit.
Nos projets, en vrai
Va les regarder : ce sont des sites en production, avec de vrais clients derrière.
Boutiques en ligne
- Manoir Alexandremanoir-alexandre.fr
- Point Bâchespointbaches12.com
- Sobac Jardinsobac-jardin.fr
- Cave Ruthènecave-ruthene.com
Applications métier
- CRM Linov : notre outil interne, développé sous Symfony.
- Action 12
Un exercice d'observation, avant de coder
Ouvre l'un de ces sites et fais F12 pour afficher les outils de développement. Tu vois le HTML de la page à gauche, le CSS à droite. Amuse-toi à modifier un texte ou une couleur : ça ne change rien pour le client (tu modifies seulement l'affichage sur ton écran), et ça rend soudain le métier beaucoup plus concret.
La logique des algorithmes
Un algorithme est une suite d'instructions logiques permettant de résoudre un problème donné. C'est la base de toute programmation : on transforme une idée en une suite d'étapes compréhensibles par la machine.
Les concepts qui reviennent partout, quel que soit le langage :
- Variables, conditions, boucles, fonctions, structures de données
- Tri, recherche, filtrage
- Logique conditionnelle (
if/else), récursivité
Pour s'entraîner en jouant
- CodeGameW3Schools
- Le chevalier de la programmationlogicieleducatif.fr
- Flexbox Froggy : apprendre la mise en page CSSjeu
- Grid Garden : apprendre CSS Gridjeu
Comment on devient développeur
Il n'y a pas un chemin, il y en a trois, et les trois mènent au même métier.
- MDN Web Docs : la référence, en françaisMozilla
- W3Schools : tutoriels courts avec éditeur intégréw3schools.com
- freeCodeCamp : parcours complet et gratuitfreecodecamp.org
- OpenClassroomsopenclassrooms.com
Le seul point commun entre les trois
La curiosité, la logique et la pratique régulière. Personne n'apprend ce métier en lisant : on l'apprend en fabriquant des choses qui ne marchent pas, puis en cherchant pourquoi.
Ce qu'on attend de toi ici
De la curiosité, plus que des connaissances
Personne ne connaît toutes les technologies de la liste plus haut : pas même nous. Ce qui compte, c'est de savoir chercher, lire une documentation, et comprendre un outil découvert le matin même. Le métier change tous les deux ans : ta méthode te servira plus longtemps que ton stock de connaissances.
De la rigueur sur ce qui se passe mal
Un débutant code ce qui doit arriver. Un professionnel code aussi ce qui peut mal tourner : le champ vide, la connexion coupée, le nom avec une apostrophe, le client qui clique cinq fois. C'est ce qui sépare une démo d'un livrable, et c'est le fil rouge de tous nos exercices.
De l'honnêteté sur ce que tu ne sais pas
« Je ne sais pas, je cherche » est une réponse de professionnel. Faire semblant de comprendre coûte toujours plus cher, et se voit tout de suite. Vrai avec ton encadrant comme avec un client.
Le souci de la personne qui utilisera ton travail
Le message d'erreur qu'elle lira, le temps qu'elle attendra, la manipulation qu'elle refera trois fois par jour. Un logiciel qui fonctionne mais qu'on déteste utiliser est un logiciel raté.
Et l'IA ?
Tu as le droit de l'utiliser : c'est un outil de travail, au même titre que la documentation. Linov intègre d'ailleurs l'IA chez ses clients : autant savoir s'en servir.
Une seule règle, mais elle est absolue
Tu dois savoir expliquer chaque ligne que tu livres, d'où qu'elle vienne. Du code généré qu'on ne comprend pas est une dette que quelqu'un paiera, et le jour où il faudra le corriger en urgence, ce sera toi.
Comment se passe ta journée
- Tu choisis ton exercice avec ton encadrant, selon ton niveau de départ.
- Tu avances seul·e, en suivant le parcours étape par étape.
- Tu remplis ton journal de bord au fil de l'eau : c'est ce que ton encadrant lit quand il passe.
- Il passe te voir trois ou quatre fois, quelques minutes à chaque fois. Entre-temps, tu es autonome : c'est prévu comme ça.
La règle des 30 minutes
Bloqué·e plus de 30 minutes sur le même problème ? Note-le dans ton journal, puis passe à l'étape suivante ou appelle ton encadrant. Les deux sont acceptables. Rester bloqué·e en silence toute la matinée ne l'est pas : c'est la seule vraie erreur possible aujourd'hui.