Créer son framework HTML
Objectifs de la formation
- Suivre une requête HTTP de la saisie de son URL à la génération de son contenu par un framework web
- Créer des pages HTML5
- Créer des sites responsives avec CSS3
- Développer en Javascript/Typescript
- Utiliser le framework JQuery
- Développer son propre framework web
Notre approche pédagogique
Audit initial
Recueil des besoins spécifiques en amont.
Co-conception
Ajustement du programme à votre référentiel interne 2026.
Déploiement
Animation en format masterclass et ateliers interactifs.
Mesure du ROI
Outils d'évaluation du transfert des compétences sur le poste de travail.
Ne formez plus à l'aveugle. Mesurez votre impact.
Grâce à notre outil exclusif de mesure du ROI inclus dans tous nos parcours, suivez l'adoption des compétences et l'impact sur vos KPIs en temps réel.
- Tableaux de bord de progression disponibles dans votre extranet
- Indicateurs de performance (KPIs) personnalisés
Public visé
- Personne souhaitant être formée à la création de framework HTML, CSS et JavaScript.
Description & Programme détaillé
Les points forts de ce parcours
Créez votre propre framework HTML, CSS et JavaScript avec une approche pratique et complète, pour maîtriser le développement web de A à Z.Si vous souhaitez un programme de formation sur-mesure sur cette thématique, merci de nous interroger.
Programme :
- La vie d'une requête HTTP : 1 heure
- Historique d'internet et des protocoles utilisés
- Suivi de la vie d'une requête HTTP
- Saisi d'une url
- Consultation d'un annuaire DNS pour retrouver son IP
- Encapsulation via le protocole HTTP
- Routing dans le cloud
- Gestion par le serveur proxy
- Création des pages demandées
- Retour au navigateur
- Affichage par le navigateur en émettant des requêtes complémentaires pour les contenus intégrés
Travaux pratiques : Suivre une requête HTTP avec la bare de développeur, créer une requête HTTP et l'envoyer vers un serveur avec TELNET
- Rappels sur le langage HTML : 2 heures
- Historique du langage
- Aperçu des langages SGML et XHML : HTML est une application SGML
- Lire la DTD du HTML 4
- Trouver la documentation officielle sur les sites du W3C et whatwg
- Valider une page HTML
- Les balises meta/scripts/link et leurs mécaniques
Travaux pratiques: Créer la plus petite page HTML valide à partir d'une DTD. La valider. Implémenter les principales balises
- CSS (1 jour)
- Historique du langage
- Trouver la documentation officielle sur les sites du W3C et whatwg
- Les différentes méthodes pour définir ses styles: attributs, balise style, fichiers CSS
- Comprendre et bien utiliser les sélecteurs
- Comprendre le modèle de boîte
- Cascading et héritage
- Média types/queries
- Effets visuels, transitions, viewports, grid layout, fonts, flexbox…
- Accessibilité: WAI-ARIA, Responsive design/mobile first
- Générer des CSS avec SASS
Travaux pratiques: Créer une page reset.css, créer une page HTML responsive et dynamique. Sélectionner efficacement des éléments
- Javascript ( 1 jour)
- Historique
- Trouver la documentation officielle sur les sites du W3C, whatwg, ecma-international
- Les nouveautés apportées par ECMAScript 6
- Variables, types de données et opérateurs
- Les structures de contrôles: boucles, tests…
- Les fonctions
- Evènements
- Les prototypes, classes et la programmation objet
- Modules
- Document Object Model et JSON
Travaux pratiques: Mise en œuvre du langage et création de classes pour poser les fondations d'un framework web Utiliser et modifier un framework existant, comme DataTables.net
- Javascript avancé (1,25 Jour)
- Les nouveautés arrivées avec HTML5 : API, SEO, Performances
- Requêtes AJAX
- Design patterns et anti-pattern
- Functional et reactive programming
- Manipuler le DOM et les évènements avec JQuery
Travaux pratiques: Mise en oeuvre de codes avancés pour s'approprier chaque concept, si possible avec JQuery.
- Ajout de fonctionnalités dans un framework existant (1,25 jour)
- Rentrer dans le code d'un framework existant
- Accéder à son projet et l'étudier sur github
- Ajout de fonctionnalités, par exemple développer ou améliorer un plugin d'édition dans DataTables.net
Cadre pédagogique et réglementaire
Compétences acquises à l'issue de la formation
À l’issue de la formation, vous serez capable de :
Modalités pédagogiques
La pédagogie repose principalement sur :
- L'implication des stagiaires,
- Le centrage permanent sur les préoccupations quotidiennes,
- L'interactivité stagiaires / groupe / intervenant(e)
- Mises en situations, exercices, débriefing
- 70% de la formation sera basée sur des mises en situation, des cas pratiques, des jeux de rôles, des quizz…qui permettront d'accompagner et d'évaluer la bonne intégration des enseignements de la formation.
Moyens et supports pédagogiques
- Etudes de cas
- Quizz
- QCM
- Support powerpoint
- Livret du participant
Évaluation et suivi
- 70% de la formation sera basée sur des mises en situation, des cas pratiques, des jeux de rôles, des quizz…qui permettront d'accompagner et d'évaluer la bonne intégration des enseignements de la formation.
- Test de positionnement au début et à la fin de la formation
- Évaluation tout au long de la formation (quizz, mises en situation, cas pratiques...)
- Évaluation à chaud à la fin de chaque session et évaluation à froid 2 mois après la formation
Profil formateur(s)
- Expert(e)-formateur(trice) spécialisé(e) en développement web front-end (HTML, CSS, JavaScript) et création de frameworks.
Prérequis
- Cette formation ne nécessite aucun pré-requis
Informations sur l'admission
- Nous apportons une réponse en 48h à toute demande de formation.
- L'apprenant peut s'inscrire à notre formation jusqu'à 3 jours avant le début de la formation.
- Suite à l'analyse des besoins, un planning de mise en œuvre est défini conjointement.
- Cette formation peut être suivie en présentiel ou en distanciel.
- Un formateur expérimenté, expert du sujet animera la formation.
- Un ordinateur équipé d'une caméra sera nécessaire si la formation a lieu à distance.
- Évaluation à chaud lors de chaque session et évaluation à froid 2 mois après la formation.
Accessibilité
- Si un bénéficiaire a des contraintes particulières liées à une situation de handicap, veuillez contacter au préalable le référent handicap d'Adaliance, Bruno PANHARD au 01.46.21.74.33 ou via bruno.panhard@adaliance.com, afin que nous puissions, dans la mesure du possible, adapter l'action de formation.
Prêt à transformer vos enjeux RH en succès business ?
Planifiez un échange de 30 min avec un expert conseil pour obtenir un pré-diagnostic de votre situation.
- ✅ Audit flash confidentiel
- ✅ Éligibilité OPCO / FNE
- ✅ Réponse sous 24h
Vidéos témoignages des décideurs
Emmanuel Bertrand
Vice President, Sales - Cegedim Santé"Je dois dire qu’à chaque fois, nous avons eu des “TOP” intervenants…!!!"
Sébastien Langer
Founder & CEO Cabinet Istrium"On sent vraiment la différence dans l'impact au final qu'on les formations et les prestations sur l'entreprise et sur les collaborateurs"
Céline Deytieux
Directrice Générale de l'Ecole Supérieure de l'Immobilier (ESI - FNAIM)"On a un très bon retour, d’une manière générale, sur les prestations d’Adaliance."
Veronica Pollastri
Directrice de l'Excellence Commerciale - Cegedim Santé"Le petit + d’Adaliance, c’est l’humain !"
Guilhem Fraj
Directeur des Ressources Humaines - France RBC Investor & Treasury Services"Adaliance, c'est l'agilité et la résilience."
Alain Garnier
CEO Jamespot"Comme un bon médecin de famille, Adaliance nous suit et peut apporter une réponse encore plus rapide…"
Sébastien Lacroix
Director of customer experience; global training and Quality Performance chez Worldine"Adaliance est un partenaire de sérénité et de confiance…"
Daïna Herpe
Vice Présidente Transformation & Excellence - Cegedim Santé"L’offre a été extrêmement personnalisée pour répondre à nos besoins chez CEGEDIM Santé."
Boris Papin
DRH de la Fondation Action Enfance"Très satisfait de la collaboration que nous avons eue avec Adaliance, des résultats extrêmement concrets…"
Francis Villoz
Responsable formation chez France Gestion"Le petit plus d’Adaliance, c’est facile, c’est l’humain et qu’il y a beaucoup d’écoute !"
Nicolas Foucret
Responsable Projet Learning, Transformation & Excellence - Cegedim Santé"Un service qui est un service sur mesure et personnalisé en fonction des besoins que l’on a eus..."
Ce que disent les apprenants
+300 entreprises nous font confiance pour leurs enjeux stratégiques