Formation HTML: créez votre framework et optimisez vos pratiques

• Personne souhaitant être formée à la création de framework HTML, CSS et JavaScript.

• Cette formation ne nécessite aucun pré-requis

• 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 

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

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.

• Etudes de cas
• Quizz
• QCM
• Support powerpoint
• Livret du participant

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

• Expert(e)-formateur(trice) spécialisé(e) en développement web front-end (HTML, CSS, JavaScript) et création de frameworks.

• 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

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

En quoi consiste la formation HTML proposée par Adaliance ?

La formation HTML dure 14 h soit 2 jours et s'adresse aux personnes qui veulent développer en HTML, CSS et JavaScript jusqu'à construire leur propre framework. Elle suit le parcours d'une requête HTTP, puis aborde la création de pages HTML5, les sites responsives en CSS3, le développement en JavaScript et TypeScript et l'utilisation de jQuery.

Faut-il des prérequis pour suivre la formation HTML ?

La formation HTML ne nécessite aucun prérequis. Un test de positionnement est réalisé au début et à la fin de la formation, et l'évaluation se poursuit tout au long de la session par des quizz, des mises en situation et des cas pratiques.

Sur combien de jours se déroule la formation HTML et où a-t-elle lieu ?

La formation HTML dure 14 h soit 2 jours. Elle peut être suivie en présentiel ou en distanciel ; à distance, un ordinateur équipé d'une caméra est nécessaire. L'inscription reste possible jusqu'à 3 jours avant le début de la formation, et toute demande reçoit une réponse sous 48 h.

La formation HTML est-elle finançable par un OPCO ?

Adaliance est certifiée Qualiopi pour la catégorie d'actions suivante : actions de formation. À ce titre, la formation HTML peut faire l'objet d'une demande de financement auprès de votre OPCO ou du FNE-Formation. Le tarif dépend du format retenu (INTER ou INTRA) et du nombre de participants.

Qu'est-ce que les participants savent faire après la formation HTML ?

À l'issue de la formation HTML, les participants suivent une requête HTTP de l'URL à l'affichage, créent des pages HTML5 et des sites responsives en CSS3, développent en JavaScript et TypeScript et construisent leur propre framework web. L'ancrage est mesuré par un test de positionnement final et une évaluation à froid deux mois après la session, complétés par notre outil de mesure du ROI, qui permet d'évaluer le niveau des participants avant et après la formation.