Toute personne souhaitant apprendre à créer des applications Web côté client.
Prérequis
Connaître les notions fondamentales de la programmation (Algorithmie)
Objectifs de la formation
A l'issue de cette 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
Contenu de la formation
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
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
NOTIONS DE BASE DE LA MISE EN FORME EN CSS
Création et intégration d'une feuille de style CSS
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()
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
API FETCH ET OBJETS PROMISE
Les requêtes Fetch
L'objet Promise
Synchronisation des traitements et des requêtes
COMMUNICATION TEMPS RÉEL
API WebSocket
Ouverture et fermeture de la connexion
Emettre des messages
Recevoir des messages
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
Compétences acquises à l'issue de la formation
Développer une application cliente en JavaScript utilisant les dernières fonctionnalités implémentées par les navigateurs.
Modalités pédagogiques
Explications théoriques suivies de pratiques guidées puis de mises en autonomie.
Exercices autonomes et réguliers pour assurer l'assimilation
Moyens et supports pédagogiques
Votre formation a lieu en présentiel :
1 vidéoprojecteur par salle
1 ordinateur
Votre formation se déroule à distance avec :
1 ordinateur
1 connexion Internet
1 adresse e-mail valide
1 équipement audio (micro et enceintes ou casque)
1 Webcam (facultatif – dans l'idéal)
1 deuxième écran (facultatif – dans l'idéal)
Votre formation se déroule sur notre plate-forme de formation avec :
1 ordinateur
1 connexion Internet
1 adresse e-mail valide
1 équipement audio (micro et enceintes ou casque - facultatif)
Support stagiaire :
À l'issue de la formation, les exercices et travaux pratiques réalisés, leurs corrigés ainsi qu'un support de cours dématérialisé sera fourni à chaque stagiaire par e-mail ou via la plate-forme FOAD.
Modalités d'évaluation et de suivi
L'acquisition des compétences de la formation se fait à travers le suivi du formateur tout au long de la formation (séquences synchrones et asynchrones). Elle s'appuie également sur la réalisation d'exercices et de TP. Enfin, des quiz s'ajoutent aux différents outils de validation de l'acquisition des compétences visées. Une évaluation est systématiquement réalisée par chaque stagiaire, à l'issue de la formation.
Profil du formateur
Nos formateurs sont certifiés à l'issue d'un parcours organisé par nos soins. Ils bénéficient d'un suivi de maintien et d'évolution de leurs compétences aussi bien au niveau technique que pédagogique. Chacun de nos formateurs a bénéficié d'une formation spécifique à l'animation de classe virtuelle et à l'utilisation des solutions de formation à distance du Groupe ARKESYS.
Informations sur l'accessibilité
Cette formation est accessible à toute personne en situation de handicap. Notre référent handicap prendra contact avec les stagiaires concernés pour adapter l'animation à leurs besoins et rendre l'apprentissage accessible à tous. Enfin, nos centres de formation sont accessibles aux personnes à mobilité réduite.
Aucune formation INTER-ENTREPRISE n'est programmée pour le moment. Contactez-nous via le formulaire ou par téléphone au 04.37.24.36.78 afin de connaitre les dates possibles ou les autres modalités d'inscription.
Nous utilisons les cookies afin de fournir les services et fonctionnalités proposés sur notre site et afin d’améliorer l’expérience de nos utilisateurs.
Aucune information personnelle n'est transmise à des tiers.
Notre site internet groupe-arkesys.com utilise des cookies. Un cookie est un petit fichier qui est envoyé avec les pages de ce site Web et/ou les applications Flash et qui est stocké par votre navigateur sur votre disque dur à partir de votre ordinateur, téléphone portable, montre connectée ou tablette. Les informations qui y sont stockées peuvent être retournées à nos serveurs lors d'une visite ultérieure.
L'utilisation de cookies est d'une grande importance pour le bon fonctionnement de notre site web. Grâce à la contribution (anonyme) des visiteurs, nous pouvons améliorer l'utilisation du site internet et le rendre plus convivial. Votre consentement est requis pour l'utilisation de certains cookies. Nous le recueillons au moyen d'une bannière informative. Vous disposez d'un droit d'accès, de rectification, de limitation et de suppression de vos données personnelles.
Si vous avez des questions et/ou des commentaires, veuillez nous contacter à l'adresse e-mail suivante : philippe.requet@arkesys.fr
Ces cookies nous permettent de fournir les services et fonctionnalités proposés sur notre site internet et de le rendre plus convivial pour le visiteur. Par exemple, nous stockons vos données de connexion. Sans ces cookies, notre site ne fonctionnera pas.
Les cookies de mesure d\'audience et d\'amélioration du site. Un cookie anonyme est généré à chaque fois que vous visitez un site internet. Ces cookies permettent de savoir si vous avez déjà visité le site auparavant ou non. Ce n\'est que lors de la première visite qu’un cookie est créé. Lors des visites suivantes, l\'utilisation du cookie déjà existant est automatique. Ce cookie n\'est utilisé qu\'à des fins statistiques.