Front-end & intégration
- Structurer des pages sémantiques en HTML5
- Mettre en page avec CSS3 (Flexbox, responsive)
- Dynamiser l’interface avec JavaScript
- Accélérer le design avec Bootstrap
Stack web complète — de la page statique à l’application dynamique
Développement Web : apprenez à construire, pas seulement à copier.
Une formation accessible aux débutants motivés, pensée pour les étudiants, les reconversions et les porteurs de projet digital qui veulent passer de l’idée au site ou à l’outil fonctionnel. À Mahdia, vous enchaînez HTML, CSS, JavaScript, Bootstrap, puis PHP & MySQL, avec Git pour travailler comme en équipe.
Positionnement
Une entrée progressive, sans passer par une école d’ingénieurs
Vous n’avez jamais codé ? Ce n’est pas un obstacle si vous êtes régulier et curieux. Nous posons les bases, puis nous montons en puissance jusqu’au projet final.
Le développement web repose sur des fondamentaux clairs : structure (HTML), présentation (CSS), comportement (JavaScript), puis côté serveur avec PHP et une base MySQL pour stocker et afficher des données dynamiques. En parallèle, vous apprenez à utiliser Git et GitHub pour versionner votre code — une compétence attendue partout aujourd’hui.
Cette formation s’adresse aux étudiants qui veulent compléter leur cursus, aux personnes en reconversion qui visent un premier poste tech ou une activité indépendante, aux porteurs de projet (startup, association, commerce) qui veulent cadrer un site ou un MVP avec du code maison, et à toute personne débutante mais motivée prête à pratiquer entre les séances.
À l’issue de la formation
Les compétences que vous acquérez
Des savoir-faire concrets, listables sur un CV et démontrables via votre projet : front-end, back-end, bases de données et méthode.
Back-end & données
- Écrire des scripts PHP pour générer du HTML
- Concevoir des requêtes SQL simples sur MySQL
- Lier formulaires, traitement et affichage
- Comprendre le modèle client / serveur
Outils & bonnes pratiques
- Initialiser un dépôt Git, commits, branches de base
- Publier et collaborer avec GitHub
- Organiser un petit projet (dossiers, nommage)
- Déboguer avec la console navigateur et logs
Autonomie & méthode
- Lire une documentation technique introductive
- Découper une maquette ou un besoin en tâches
- Tester sur plusieurs navigateurs / tailles d’écran
- Présenter son code et ses choix techniquement
Projet & portfolio
- Livrer une application ou site cohérent de bout en bout
- Rédiger un README clair sur GitHub
- Préparer une démo orale type entretien / soutenance
Poursuite possible
- Base solide pour frameworks (React, Laravel, etc.)
- Meilleure compréhension des métiers dev / produit
- Orientation personnalisée vers la suite du parcours
Stack enseignée
Outils et technologies travaillés en salle
Les briques du programme officiel, utilisées comme en entreprise ou sur des projets freelance juniors.
HTML5
CSS3
JavaScript
Bootstrap
Git
GitHub
PHP
MySQL
Navigateurs & DevTools
Éditeur de code (VS Code ou équivalent)
Progression pédagogique
Programme — neuf étapes, une montée en puissance
Chaque module s’appuie sur le précédent : vous codez dès les premières séances et vous consolidez jusqu’au livrable final.
Introduction au web
Navigateur, serveur, URL, HTTP en vulgarisation utile ; environnement de travail ; premières pages et inspection avec les outils de développement.
HTML5
Balises sémantiques, formulaires, accessibilité de base, bonnes habitudes de structure pour le SEO et la maintenance.
CSS3
Sélecteurs, modèle de boîte, couleurs et typographie, mise en page responsive, transitions simples et intégration fidèle à une maquette.
JavaScript
Variables, conditions, boucles, fonctions, DOM : rendre la page interactive (menus, validations côté client, petites animations logiques).
Bootstrap
Grille, composants, utilitaires ; gagner en vitesse tout en comprenant ce qui se cache sous le capot pour personnaliser proprement.
Git & GitHub
Repository, add / commit / push, historique, branches simples, collaboration sur un dépôt et publication du projet sur GitHub.
PHP
Syntaxe de base, inclusion de fichiers, traitement de formulaires, sessions introductives ; génération dynamique de pages HTML.
MySQL
Modèle relationnel simplifié, création de tables, INSERT / SELECT / UPDATE / DELETE, connexion PHP–MySQL pour afficher et enregistrer des données.
Projet final (synthèse du parcours)
Intégration des modules : application web courte ou site dynamique avec pages, données et dépôt GitHub. Le détail du livrable est développé dans le bloc ci-dessous.
Durée indicative selon format : 10 à 16 semaines en parcours groupe standard — confirmée à l’inscription selon le calendrier du centre à Mahdia.
Évaluation & mise en scène de vos acquis
Projet final — votre vitrine technique
Vous réalisez un projet guidé type petit site ou tableau de bord léger : pages en HTML/CSS/JS, partie dynamique PHP reliée à MySQL (ex. liste, fiche, formulaire d’ajout), déployé ou présenté depuis votre dépôt GitHub. L’objectif est double : prouver que vous assemblez la stack et savoir expliquer votre architecture en quelques minutes.
- Cahier des charges simplifié validé avec le formateur
- Code structuré, commenté lorsque nécessaire, et versionné sur Git
- Interface responsive (mobile / tablette / desktop)
- Données persistées en base (au moins une fonctionnalité CRUD introductive)
- Soutenance orale avec questions / corrections personnalisées
Après la formation
Débouchés possibles
Le marché recherche des profils capables de produire et maintenir du web ; cette formation pose les bases pour plusieurs trajectoires.
Bachelor, école spécialisée ou bootcamp avancé : vous abordez la suite avec un vocabulaire technique et des habitudes de code.
Intégrateur web, développeur web junior, alternance : selon le marché local et votre portfolio, le projet final fait office de preuve.
Petits sites vitrines, corrections, évolutions pour TPE : avec honnêteté sur votre niveau et une progression continue.
Lancer votre site, votre catalogue en ligne ou un outil interne pour votre activité sans dépendre totalement d’un prestataire.
Pivot vers les métiers du numérique : la formation structure votre discours en entretien et votre présence GitHub.
Profils marketing, support ou produit : mieux dialoguer avec l’équipe technique et comprendre les contraintes réelles du web.
Sessions à Mahdia
Prêt à écrire votre première ligne de code utile ?
Demandez une inscription : nous vous indiquons les prochaines dates, le rythme (soir / week-end selon planning) et le matériel à prévoir. Les groupes sont volontairement taille raisonnable pour que chacun puisse être corrigé et accompagné.