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.
Introduction aux Frameworks Front-End
Pourquoi React, Vue, Angular ? Composants, état, réactivité. Choisir son framework selon le projet.
React : Premiers Pas avec Next.js
Créer une app React moderne avec Next.js. Composants, props, state, hooks de base. TP : première app fonctionnelle.
TP : Finalisation du Portfolio
Finaliser le projet portfolio construit depuis le Module 03. Responsive design, animations CSS, optimisation et déploiement.
Vue.js : Premiers Pas
Options API vs Composition API, templates, réactivité, lifecycle. TP : première app Vue.
Introduction aux Frameworks Back-End
Node/Express, PHP/Symfony/Laravel, Python/Django/FastAPI. Rôle du serveur, API REST, MVC.
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.
Bases de Données : Intégration Applicative
Connecter une BDD à Node/PHP. ORM (Prisma, Doctrine). Migrations. Sécurité des requêtes. Stratégies de sauvegarde et restauration (dump).
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 →