Loïc B | Owlinstack
02
Retour

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.

Code et développement web
Programme

Modules disponibles

Module 01
🟢 Débutant2h

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.

Module 02
🟢 Débutant2h

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 ?

Module 03
🟢 Débutant3h

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.

Module 04
🟢 Débutant1h30

CSS : Styliser le Web — Partie 1

Sélecteurs, propriétés de base, box model, couleurs, typographie. TP : mettre en forme une page.

Module 04b
🟡 Intermédiaire2h

CSS : Styliser le Web — Partie 2

Flexbox, Grid, responsive design, media queries. Animations CSS. TP : layout responsive complet.

Module 05
🟡 Intermédiaire2h

JavaScript : Les Fondamentaux — Partie 1

Variables, types, fonctions, conditions, boucles. Console du navigateur. TP : premiers scripts.

Module 05b
🟡 Intermédiaire3h

JavaScript : Les Fondamentaux — Partie 2

DOM manipulation, events, fetch API. TP : page interactive complète.

Module 06
🟢 Débutant1h30

Configurer son IDE (VSCode)

Installation, extensions essentielles, thèmes, raccourcis. Emmet, snippets, linting. Devenir productif.

Module 07
🟡 Intermédiaire2h

Git : Versionner son Code — Partie 1

Pourquoi Git ? Init, add, commit, status, log. Comprendre l'historique. Éviter les catastrophes.

Module 07b
🟡 Intermédiaire2h

Git : Versionner son Code — Partie 2

Branches, merge, rebase, conflits. Workflows collaboratifs. GitHub/GitLab : push, pull, pull requests.

Module 08
🟡 Intermédiaire1h30

JavaScript : ES6+ et Modernité

Arrow functions, destructuring, modules, async/await, classes. Écrire du JavaScript moderne.

Module 09
🟡 Intermédiaire2h

TypeScript : JavaScript Plus Robuste

Pourquoi typer ? Types de base, interfaces, génériques. Configuration TSC. Migrer un projet JS vers TS.

Module 10
🟡 Intermédiaire1h30

Introduction aux Frameworks Front-End

Pourquoi React, Vue, Angular ? Composants, état, réactivité. Choisir son framework selon le projet.

Module 11
🟡 Intermédiaire2h

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.

Module 11b
🟡 Intermédiaire3h

TP : Finalisation du Portfolio

Finaliser le projet portfolio construit depuis le Module 03. Responsive design, animations CSS, optimisation et déploiement.

Module 12
🟡 Intermédiaire2h

Vue.js : Premiers Pas

Options API vs Composition API, templates, réactivité, lifecycle. TP : première app Vue.

Module 13
🟡 Intermédiaire1h30

Introduction aux Frameworks Back-End

Node/Express, PHP/Symfony/Laravel, Python/Django/FastAPI. Rôle du serveur, API REST, MVC.

Module 14
🟡 Intermédiaire2h

Bases de Données : Fondamentaux SQL

Tables, colonnes, types. SELECT, INSERT, UPDATE, DELETE. Jointures (JOIN). Modélisation relationnelle (Clés primaires/étrangères).

Module 15
🟢 Débutant1h30

SQLite, MariaDB, PostgreSQL, MySQL : Comparatif

Comprendre les différences : SQLite (fichier local), MariaDB/MySQL (standards web), PostgreSQL (puissance & conformité). Choisir le bon outil.

Module 16
🟡 Intermédiaire2h

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).

Module 17
🟡 Intermédiaire1h30

Performance Web

Core Web Vitals, lazy loading, images optimisées, minification. Savoir optimiser un site web.

Module 18
🟡 Intermédiaire2h

Sécurité Web : OWASP Top 10

XSS, CSRF, injection SQL, CORS. Comment se protéger. Penser sécurité dès le design.

Module 19
🟡 Intermédiaire1h30

Méthodologie Agile

Développement par itération, push continu de petites MAJ. Pourquoi c'est mieux en solo et en équipe.

Module 20
🟡 Intermédiaire2h

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...

Intéressé par ces formations ?

Contactez-moi pour discuter de vos besoins et de la mise en place d'un programme sur mesure en présentiel.