Développement Web.
02 //De la première page HTML à l'application complète
Le web est partout. Comprendre comment il fonctionne et savoir créer ses propres pages et applications, c'est gagner en autonomie. De l'histoire du web aux frameworks modernes, ces formations vous accompagnent pas à pas.
Ma Vision
Le développement web n'est pas réservé aux "geeks". Avec une bonne pédagogie, chacun peut comprendre les langages du web et créer ses propres projets. Mon rôle : vous transmettre les fondations solides, la logique de programmation, et les bonnes pratiques pour coder de manière autonome — avant même de toucher à l'IA.
Modules disponibles
L'Invention du Web & Web 1.0
1989, CERN, Tim Berners-Lee. Pourquoi le Web a été inventé, sa vision originale. Forums, blogs, Wikipédia, logiciel libre. L'époque où le Web servait à faire grandir les esprits.
Le Web 2.0 & L'Ère Actuelle
Facebook, YouTube, TikTok, IA générative. Quand "vous êtes le produit". Économie de l'attention, fake news, manipulation. Quel futur pour un Web éthique ?
Panorama + Première Page HTML
HTML, CSS, JavaScript, TypeScript, PHP, Python... Qui fait quoi ? Frontend vs Backend. Balises essentielles, sémantique HTML5. TP : créer sa première page web.
CSS : Styliser le Web — Partie 1
Sélecteurs, propriétés de base, box model, couleurs, typographie. TP : mettre en forme une page.
CSS : Styliser le Web — Partie 2
Flexbox, Grid, responsive design, media queries. Animations CSS. TP : layout responsive complet.
JavaScript : Les Fondamentaux — Partie 1
Variables, types, fonctions, conditions, boucles. Console du navigateur. TP : premiers scripts.
JavaScript : Les Fondamentaux — Partie 2
DOM manipulation, events, fetch API. TP : page interactive complète.
Configurer son IDE (VSCode)
Installation, extensions essentielles, thèmes, raccourcis. Emmet, snippets, linting. Devenir productif.
Git : Versionner son Code — Partie 1
Pourquoi Git ? Init, add, commit, status, log. Comprendre l'historique. Éviter les catastrophes.
Git : Versionner son Code — Partie 2
Branches, merge, rebase, conflits. Workflows collaboratifs. GitHub/GitLab : push, pull, pull requests.
JavaScript : ES6+ et Modernité
Arrow functions, destructuring, modules, async/await, classes. Écrire du JavaScript moderne.
TypeScript : JavaScript Plus Robuste
Pourquoi typer ? Types de base, interfaces, génériques. Configuration TSC. Migrer un projet JS vers TS.
Frameworks Front-End : Next & Vue.js
Pourquoi choisir Next.js ou Vue.js en 2026. Logique de composants, state management et réactivité pour applications web dynamiques.
Next.js : Architecture Moderne
Conception d'applications web avec Next.js (Server/Client boundary). Rendu hybride (SSR, SSG, ISR), routage dynamique et optimisation SEO.
TP : Finalisation du Portfolio
Finaliser le projet portfolio construit depuis le Module 03. Responsive design, animations CSS, optimisation et déploiement.
Vue.js & Écosystème Headless
Développer avec Vue.js (Composition API) et Nuxt. Intégration d'interfaces interactives fluides et consommation d'APIs tierces.
Développement Back-End PHP : Symfony, Laravel, Sylius & Drupal
Création d'architectures serveurs performantes et sécurisées. Maîtriser Symfony et Laravel (MVC, routes, ORM), et focus e-commerce et CMS d'entreprise avec Sylius et Drupal.
Bases de Données : Fondamentaux SQL
Tables, colonnes, types. SELECT, INSERT, UPDATE, DELETE. Jointures (JOIN). Modélisation relationnelle (Clés primaires/étrangères).
SQLite, MariaDB, PostgreSQL, MySQL : Comparatif
Comprendre les différences : SQLite (fichier local), MariaDB/MySQL (standards web), PostgreSQL (puissance & conformité). Choisir le bon outil.
Headless CMS & ORM : Strapi, Payload & CMS sur Mesure
Interfacer son application avec Strapi, Payload CMS ou un CMS sur mesure. Utilisation avancée des ORM (Prisma, Doctrine, Eloquent) et gestion des migrations de base de données.
Performance Web
Core Web Vitals, lazy loading, images optimisées, minification. Savoir optimiser un site web.
Sécurité Web : OWASP Top 10
XSS, CSRF, injection SQL, CORS. Comment se protéger. Penser sécurité dès le design.
Méthodologie Agile
Développement par itération, push continu de petites MAJ. Pourquoi c'est mieux en solo et en équipe.
Coder avec un LLM : Sans Perdre les Fondamentaux
Pourquoi maîtriser les bases AVANT d'utiliser Copilot/Cursor. Configurer son IDE augmenté. Vérifier, comprendre et corriger le code généré. Ne pas devenir dépendant.
D'autres modules sont en cours de création...
Foire Aux Questions
Faut-il avoir un diplôme en informatique pour apprendre le web ?
Non, le web development est très accessible. La formation commence par les bases essentielles (HTML, CSS) et progresse à votre rythme, quel que soit votre parcours initial.
Quelle est la différence entre une formation classique et votre approche ?
Mon approche est très axée sur la pratique (projet fil rouge) et le mentorat, avec une vision moderne: on apprend à coder proprement, mais on apprend aussi à utiliser les nouveaux assistants IA pour coder plus intelligemment sans sacrifier la qualité.
Combien de temps dure la formation ?
La durée s'adapte à la demande : d'une Masterclass de 2 jours à la carte, jusqu'à un module semestriel complet en école supérieure.
Besoin de maîtriser l'infrastructure ?
Pour déployer vos applications web et comprendre les serveurs sur lesquels elles tournent, découvrez la formation d'administration système.
Voir la formation Maîtrise Système →