Créer son framework HTML Mixte : présentiel / à distance

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