A l’issue de la formation, l’apprenant sera capable de :
Disposer des compétences nécessaires au développement d’un site internet full HTML5 / CSS3
Savoir produire des pages compatibles avec les différents navigateurs internet
Être capable de créer des interactions dynamiques avec l’utilisateur sans développement serveur
Comprendre comment tirer parti des dernières nouveautés HTLM5 comme le lecteur vidéo compatible mobiles
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 : 236252
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
Connaissance internet standard, notions d’algorithmie
Développeurs .Net ou Java souhaitant savoir exploiter les possibilités offertes par HTML5 et CSS
Chargés de développement d’applications informatiques
HTML : le langage du Web
Contexte historique
Concept et usage des balises
Le bon usage des balises
Particularités et pièges du HTML
Le document HTML minimum
Le texte simple
Les objets d’un document
L’en-tête d’un document HTML
Titres et paragraphes de texte
Le contrôle de passage à la ligne
Le formatage du texte, l’alignement
La taille, la couleur et la police
Les caractères spéciaux
Les commentaires
Les autres balises de text
Numérotées, à puces, imbriquées
Les listes de définition
Cellules de tableau et fusion des cellules
Gestion de la taille du tableau
En-tête et légende
Les bordures
Les groupes de colonnes et de lignes
La balise de liens
Les différents types de liens : vers une autre page, dans une page, vers un site Web, de téléchargement…
Les Target
L’attribut titre
La couleur des liens
Liens et feuilles de style
L’insertion d’une image
L’espace autour d’une image
L’alignement d’une image
Couleur et image d’arrière-plan
L’insertion d’un lien sur une image
Les images réactives
La déclaration de formulaire
Zone de texte à une ligne
Menu déroulant
Boutons : radio, checkbox, d’envoi, d’annulation, de commande
Les formulaires : cachés, de transfert de fichier, de mot de passe
L’organisation des éléments d’un formulaire
Doctype ou DTD
Les propriétés : couleur, police, marge,…
Les classes
Dynamiser un site avec CSS
Gérer les positionnements
JavaScript pour quoi faire ?
L’environnement du client Web
Le navigateur, les outils
La syntaxe
Les variables, les fonctions globales, les opérateurs, les structures de contrôle
Les fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données
Objets personnalisés et objets globaux
Manipuler les tableaux, les dates, les chaînes de caractères
La hiérarchie des objets
Les principaux objets : window, document, location, screen, navigator, form…
Manipuler des fenêtres
Gérer des timers
Contexte : fonctionnement d’un site internet
Histoire et normalisation du HTML
La nouvelle vision HTML5
Roadmap HTML5
Savoir quand choisir le HTML5
Utiliser le HTML5 avec des navigateurs qui ne le supportent
Structure d’une page
Doctype
Les nouveaux éléments et les éléments obsolètes
HTML5 et CSS3
La balise form
Créer et utiliser des formulaires HTML5
Les éléments audio et vidéo
Les conteneurs, les codecs
Compromis pour un site à forte audience
Les APIs HTML5
Audio et vidéo
Site web hors ligne
Drag et Drop
Canvas vs SVG
Contexte et accessibilité
Les évènements
Envoi de messages entre documents
Envoi de messages par canaux
Le push et les WebSockets pour plus de performances
Vue d’ensemble
La vie privée de l’utilisateur
Stockage local
Stockage en session
Bases de données SQL Web
Se passer d’images, éviter les astuces
Coins arrondis, ombres portées, transparence, animations
Autres nouveautés
Vue d’ensemble : clarifier le code, éviter la multiplication de div imbriquées
Niveau de présentation
Mise en page par patron
Mise en page multi-colonnes
Mise en page par boites horizontales ou verticales
Positionnement par grille
Autres nouveautés
CSS pour mobiles et tablettes
