03 20 61 95 06

Formation HTML5 / JavaScript Développer des applications Web (individualisée et personnalisée)


  • HTJA1
  • Durée : 5 jours
  • Tarif : 2200 € HT

96%

Taux de satisfaction clients
(sur 1392 évaluations du 19/05/21 au 22/04/24)

Voir les avis

Objectifs

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.

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

Dernière mise à jour

Programme mis à jour le 14 mars 2024
enveloppe Cette formation vous intéresse ? Contactez-nous

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

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
01 juillet 2024
19 août 2024
21 octobre 2024
23 décembre 2024

Cette formation vous intéresse ? Contactez-nous !

    Les données personnelles collectées sont destinées à Access IT Company et utilisées pour traiter votre demande et, lorsque vous ne vous y êtes pas opposé, vous communiquer nos offres commerciales. Les données obligatoires vous sont signalées sur le formulaire par un astérisque. L’accès aux données est strictement limité par Access IT Company aux collaborateurs en charge du traitement de votre demande. Conformément au Règlement européen n°2016/679/UE du 27 avril 2016 sur la protection des données personnelles et à la loi « informatique et libertés » du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès, de rectification, d’effacement, de portabilité et de limitation du traitement des donnés vous concernant ainsi que du droit de communiquer des directives sur le sort de vos données après votre mort. Vous avez également la possibilité de vous opposer au traitement des données vous concernant. Vous pouvez exercer vos droits en contactant le DPO à l’adresse suivante : [email protected] ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Ascq. Pour plus d’informations sur le traitement de vos données personnelles par Access IT Company, veuillez consulter notre politique de confidentialité disponible sur notre site internet à l’adresse suivante : https://formation.access-it.fr/politique-de-confidentialite/