Développer des applications HTML5 Responsives avec JavaScript et CSS3 par Groupe Arkesys

NTRODUCTION
- 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
-Sélecteurs CSS simple
- Héritage et cascades
- Couleurs et Unités de mesures : px, in, %, em
-Sélecteurs CSS3
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
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
CRÉATION DE TABLEAUX
-Elément Table
-Eléments ligne et cellule
-Mise en forme d'un tableau
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
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, ...)
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
FONDAMENTAUX DU LANGAGE JAVASCRIPT
-Fonctions
-Tableaux et Objets
-Fonctions anonymes et Encapsulation
-Objets
-Propriété prototype
- Nouveautés ECMAScript 6
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()
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

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 à une application Web des appels à des Services Web REST et WebSockets en JavaScript