A l’issue de la formation, l’apprenant sera capable de :
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
90%
Taux de satisfaction clients
(sur 201 évaluations entre le 19/05/21 et le 10/12/21)
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
Prérequis
Connaître les notions fondamentales de la programmation (Algorithmie)
Public
Concepteurs-Développeurs
Intégrateurs Web
Formation(s) associée(s)
- Formation Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap
- Formation HTML5 Développement avancé d’applications Windows Store avec JavaScript
- Formation HTML5 CSS3 et JavaScript Les fondamentaux du développement d’interfaces graphiques
- Formation aller plus loin avec le développement front-end javascript et Bootstrap
- Formation JavaScript, HTML dynamique
- Formation JavaScript perfectionnement
- Formation Développer des sites Web dynamiques avec JavaScript
- Formation JavaScript à TypeScript
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…
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.
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
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 2
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 3
Notions de base de la mise en forme en CSS
Syntaxe XML
Vue d’ensemble des balises HTML
Attributs XML, HTML et événements
Structure du document HTML
Eléments d’entête
Module 4
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 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
Création de tableaux
Elément Table
Eléments ligne et cellule
Mise en forme d’un tableau
Module 7
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 8
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 9
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 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
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 13
API Fetch et objets Promise
Les requêtes Fetch
L’objet Promise
Synchronisation des traitements et des requêtes
Module 14
Communication temps réel
API WebSocket
Ouverture et fermeture de la connexion
Emettre des messages
Recevoir des messages
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
