Maîtrisez le développement web sans frameworks
Une collection d'exercices et de projets pour maîtriser le développement web en utilisant les capacités natives du navigateur. Progressez des concepts de base aux Web Components avancés, en apprenant le JavaScript moderne (ES6+) et le fonctionnement réel des navigateurs.
class HelloWorld extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<h1>Bonjour, Vanilla Web!</h1>
`;
}
}
customElements.define('hello-world', HelloWorld);Parcours d'apprentissage
6 ateliers progressifs pour maîtriser le développement web moderne
JavaScript Moderne & ES Modules
Fondamentaux du JavaScript moderne, classes, template literals et ES modules
Custom Elements
Création d'éléments HTML personnalisés avec callbacks de cycle de vie
Custom Events & Communication
Communication entre composants via les événements DOM natifs
Shadow DOM & Encapsulation
Encapsulation des styles et isolation du DOM avec Shadow DOM
Templates & Advanced Rendering
Éléments template, slots et patterns d'optimisation du rendu
Projets Pratiques
Coming Soon
Des projets pratiques pour appliquer vos compétences Vanilla Web
Les futurs projets fourniront des scénarios réels pour pratiquer les concepts appris dans les ateliers, en construisant des applications complètes utilisant les Web Components et le JavaScript moderne.
Pourquoi Vanilla Web ?
Performance
Pas de surcharge de framework, meilleur performance et temps de chargement
Sécurité
Moins de dépendances = moins de vulnérabilités et de maintenance
Pérennité
Les compétences Vanilla Web restent pertinentes peu importe les tendances
Maitrise
Comprendre les fondamentaux pour faire de meilleurs choix technologiques