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
- Développement
- Développement web
Formation HTML5 CSS3 et JavaScript Les fondamentaux du développement d’interfaces graphiques (individualisée et personnalisée)
Objectifs
Prérequis
Connaissance internet standard, notions d’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
Développeurs .Net ou Java souhaitant savoir exploiter les possibilités offertes par HTML5 et CSS
Chargés de développement d’applications informatiques
Formation(s) associée(s)
- Formation JavaScript, HTML dynamique (individualisée et personnalisée)
- Formation HTML5 / JavaScript Développer des applications Web (individualisée et personnalisée)
- Formation HTML/PHP pour le développement d’applications web (individualisée et personnalisée)
- Formation HTML/CSS Développement d’applications web (individualisée et personnalisée)
- Formation HTML5 et CSS3 pour créer des sites Web modernes (individualisée et personnalisée)
- Formation Vue.js Développement d’applications Web Version 3 (individualisée et personnalisée)
- Formation Développez des applications Web en C# avec Blazor (individualisée et personnalisée)
- Formation JavaScript à TypeScript (individualisée et personnalisée)
- Formation Leaflet (individualisée et personnalisée)
- Formation PHP 8 Développer un site Web dynamique (individualisée et personnalisée)
- Formation Magento 2 (individualisée et personnalisée)
- Formation Edition de site web : WordPress (individualisée et personnalisée)
Dernière mise à jour
Programme mis à jour le 14 mars 2024
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.
Les Modules
de formation
Module1
PRÉSENTATION
HTML : le langage du Web
Contexte historique
Module2
ENVIRONNEMENT ET STRUCTURE
Concept et usage des balises
Le bon usage des balises
Particularités et pièges du HTML
Le document HTML minimum
Module3
MISE EN FORME DU DOCUMENT
Le texte simple
Les objets d’un document
L’en-tête d’un document HTML
Module4
MISE EN FORME DU TEXTE
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
Module5
LES LISTES
Numérotées, à puces, imbriquées
Les listes de définition
Module6
LES TABLEAUX
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
Module7
LES HYPERTEXTES
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
Module8
INSERTIONS D'IMAGES
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
Module9
LES FORMULAIRES
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
Module10
LES MÉTA-INFORMATIONS
Doctype ou DTD
Module11
LES FEUILLES DE STYLE
Les propriétés : couleur, police, marge,…
Les classes
Dynamiser un site avec CSS
Gérer les positionnements
Module12
INTRODUCTION À JAVASCRIPT
JavaScript pour quoi faire ?
L’environnement du client Web
Le navigateur, les outils
Module13
JAVASCRIPT : LE COEUR DU LANGAGE
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
Module14
LES OBJETS DU NAVIGATEUR
La hiérarchie des objets
Les principaux objets : window, document, location, screen, navigator, form…
Manipuler des fenêtres
Gérer des timers
Module15
INTRODUCTION À HTML5
Contexte : fonctionnement d’un site internet
Histoire et normalisation du HTML
La nouvelle vision HTML5
Roadmap HTML5
Module16
COMMENT UTILISER LE HTML5 AUJOURD'HUI
Savoir quand choisir le HTML5
Utiliser le HTML5 avec des navigateurs qui ne le supportent
Module17
LE BALISAGE HTML5
Structure d’une page
Doctype
Les nouveaux éléments et les éléments obsolètes
HTML5 et CSS3
Module18
LES FORMULAIRES
La balise form
Créer et utiliser des formulaires HTML5
Module19
AUDIO ET VIDÉO
Les éléments audio et vidéo
Les conteneurs, les codecs
Compromis pour un site à forte audience
Module20
VUE D'ENSEMBLE DES APIS
Les APIs HTML5
Audio et vidéo
Site web hors ligne
Drag et Drop
Module21
DESSINER EN HTML
Canvas vs SVG
Contexte et accessibilité
Module22
LA COMMUNICATION EN HTML5
Les évènements
Envoi de messages entre documents
Envoi de messages par canaux
Le push et les WebSockets pour plus de performances
Module23
LA GÉOLOCALISATION
Vue d’ensemble
La vie privée de l’utilisateur
Module24
STOCKAGE
Stockage local
Stockage en session
Bases de données SQL Web
Module25
CSS : STANDARDISER DES PROPRIÉTÉS
Se passer d’images, éviter les astuces
Coins arrondis, ombres portées, transparence, animations
Autres nouveautés
Module26
CSS : MISE EN PAGE ET POSITIONNEMENT
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
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
30 septembre 2024
25 novembre 2024
20 janvier 2025
24 mars 2025
