03 20 61 95 00

Formation HTML5 / JavaScript Développer des applications Web – éligible CPF


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

Objectifs

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

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

enveloppe Cette formation vous intéresse ? Contactez-nous

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.
illustration-formation
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.
En savoir plus
modules

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

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 : dpo@access-it.fr ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Acscq. 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://www.access-it.fr/politique-de-confidentialite/