Construire des pages Web en HTML5 ;
Habiller et mettre en forme des pages Web avec CSS3 ;
Créer des formulaires avancés ;
Créer des tableaux de données ;
Créer des menus de navigation ;
Utiliser les différentes techniques CSS de positionnement et dimensionnement pour adapter la présentation aux différents appareils (smartphone, tablette, PC) ;
Parcourir et modifier la structure d’une page en JavaScript ;
Gérer des événements utilisateur ;
Intégrer des appels à des Services Web REST et WebSockets en JavaScript.
- Développement
- Développement web
Formation HTML5 / JavaScript Développer des applications Web – éligible CPF
Objectifs
Certification
Cette formation prépare au passage de la
Certification IT – Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS
France Compétences : RS2724
Code Certif info : 95439
Code CPF national : 236 252
Suite à la formation, une mise en pratique approfondie de plusieurs mois est nécessaire pour garantir un bon résultat à l’examen.
La certification France Compétence RS 2724 donne accès aux métiers de : Concepteur-Développeur
Intégrateur Web
Rédacteur Web
Web Designer
Prérequis
Connaître les notions fondamentales de la programmation (Algorithmie)
Public
Concepteurs-Développeurs
Intégrateurs Web
Formation(s) associée(s)
A distance / Classe virtuelle
En classe virtuelle, vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel : cours théorique, travaux pratiques, échanges en temps réel avec le formateur et les autres stagiaires…
Eligible CPF
Contactez nous pour connaitre les modalités d’inscription au titre du Compte Personnel de Formation
Notre formateur
La formation est animée par un professionnel de l’informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d’expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.
Présentiel
Formations intra ou interentreprises, cours officiels ou création de contenu spécifique, nos formations sauront répondre à vos attentes.
Un cadre Maîtrisé
4 à 6 participants maximum par session pour respecter les objectifs et résultats attendus et pour permettre la réalisation de tous les ateliers pratiques dans de bonnes conditions.
Les + d'une formation Access it
Des formations d'excellence, éligibles CPF, disponibles en distanciel, et animées par des consultants experts passionnés par leur métier.
Les Modules
de formation
Module 1
Communication temps réel
API WebSocket
Ouverture et fermeture de la connexion
Emettre des messages
Recevoir des messages
Module 2
Responsive Web Design
Introduction
– Principes fondamentaux
– Approche Mobile First
Résolutions d’écrans et Media Queries
– Résolutions et densités des principaux smartphones et tablettes
– Viewport et Zoom
– Critères d’adaptation (width, height, device-width, orientation, …)
Module 3
Création de formulaire HTML5
Structurer le formulaire avec les éléments Form, FieldSet et Label
Ajouter des éléments Input
Créer des listes de valeurs pour les éléments Input
Afficher des informations avec les éléments Output, Progress et Meter
Mettre en forme et valider un formulaire
Ajouter des boutons de contrôle
Module 4
Création de tableaux
Elément Table
Eléments ligne et cellule
Mise en forme d’un tableau
Module 5
Structure fluide et positionnement
Eléments conteneurs : nav, section, main, header, footer
Unités avancées : %, vh, vw, calc()
Dimensionnement fluide et marges
Positionnements relatifs et absolus
Habillage et débordements
Module 6
Intégration et mise en forme de contenus simples
Gestion du texte, des paragraphes et des listes
Gérer les espaces et les sauts de lignes
Affichage en ligne ou en bloc
Dimensions et marges
Bordures et Fonds
Module 7
Notions de base de la mise en forme en CSS
Création et intégration d’une feuille de style CSS
Sélecteurs CSS simple
Héritage et cascades
Couleurs et Unités de mesures : px, in, %, em
Sélecteurs CSS3
Module 8
Notions fondamentales du langage HTML5
Syntaxe XML
Vue d’ensemble des balises HTML
Attributs XML, HTML et événements
Structure du document HTML
Eléments d’entête
Module 9
Introduction
Vue d’ensemble de la création de contenus pour le Web
Langages HTML, CSS et JavaScript
Organisation d’un site Web
Principaux navigateurs et niveau de compatibilité aux nouveautés HTML5 et CSS3
Outils de création de contenus pour le Web
Module 10
Fondamentaux du langage JavaScript
Fonctions
Tableaux et Objets
Fonctions anonymes et Encapsulation
Objets
Propriété prototype
Nouveautés ECMAScript 6
Module 11
Interagir avec le DOM
Rechercher les éléments avec les fonctions querySelector() et querySelectorAll()
Parcourir le DOM
Modifier la présentation et le contenu du DOM
Modifier la structure du document
Intercepter les événements avec la fonction addEventListener()
Module 12
API Fetch et objets Promise
Les requêtes Fetch
L’objet Promise
Synchronisation des traitements et des requêtes
Module 13
Requête AJAX avec XMLHttpRequest
Définition d’une API REST
L’objet XMLHttpRequest2
Configurer une requête AJAX
Format d’échange JSON
L’événement progress
Module 14
Positionnement à base de « Flexbox »
Affichage « Flexbox »
Axe principal et axe transversal
Répartition et alignement des éléments
Dimensions de base, agrandissements et réductions
Ordonnancement des éléments
Module 15
Travaux pratiques
Création d’un site Web par étapes en respectant l’enchainement des modules théoriques
– Structure HTML de la page
– Ajout de contenus simples, titres, listes, images
– Mise en place de liens de navigation entres les pages
– Ajout d’un tableau de données HTML
– Création d’un formulaire HTML
Mise en forme du site Web en CSS
– Mise en forme des éléments texte
– Mise en page et positionnement des contenus
– Mise en forme du menu de navigation
– Habillage du tableau de données
– Mise en forme du formulaire
– Conception de pages Responsives en utilisant les principales techniques CSS : structure fixe, structure fluide à base de « Flexbox », structure fluide à l’aide de « Media Queries »
Création de classes métiers en JavaScript
– Création d’objets métiers à l’aide d’un formulaire
– Affichage des données dans un tableau HTML
Appeler des Services Web
– Charger les données de la page aves les différentes sortes de Services Web : XMLHTTPRequest, Fetch API, WebSocket
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?
Contactez-nous en remplissant le formulaire ci-dessous
