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
Objectifs
Certification
Prérequis
Connaître les notions fondamentales de la programmation (Algorithmie). Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…)
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
Concepteurs-Développeurs
Intégrateurs Web
Formation(s) associée(s)
- Formation HTML5 CSS3 et JavaScript Les fondamentaux du développement d’interfaces graphiques
- Formation Développer des sites Web dynamiques avec JavaScript
- Formation HTML/PHP pour le développement d’applications web
- Formation Créer un site Internet
- Formation Deno
- Formation PHP 8 Développer un site Web dynamique
Dernière mise à jour
Programme mis à jour le 27 octobre 2024
Bon à savoir
Evaluez votre niveau
Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.
Formations modulables
Toutes nos formations sont disponibles en présentiel comme en distanciel, en mode coaching individuel ou en groupe de 3 à 6 participants maximum.
Travaux pratiques
Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Les Modules
de formation
Module1
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
Module2
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
Module3
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
Module4
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
Module5
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
Module6
Création de tableaux
Elément Table
Eléments ligne et cellule
Mise en forme d’un tableau
Module7
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
Module8
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, …)
Module9
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
Module10
Fondamentaux du langage JavaScript
Fonctions
Tableaux et Objets
Fonctions anonymes et Encapsulation
Objets
Propriété prototype
Nouveautés ECMAScript 6
Module11
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()
Module12
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
Module13
API Fetch et objets Promise
Les requêtes Fetch
L’objet Promise
Synchronisation des traitements et des requêtes
Module14
Communication temps réel
API WebSocket
Ouverture et fermeture de la connexion
Emettre des messages
Recevoir des messages
Module15
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
09 décembre 2024
27 janvier 2025
24 mars 2025
19 mai 2025
