Dernière mise à jour le 09/12/2024

Les fondamentaux du développement d’interfaces graphiques avec HTML5, CSS3 et JavaScript

Informations générales

Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : HTML - CSS - JavaScript - XML
Formation éligible au CPF : Non
Formation Action collective : Non

Objectifs & compétences

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éos compatible mobiles
 

Public visé

Développeurs .Net ou Java souhaitant savoir exploiter les possibilités offertes par HTML5 et CSS3 Chargés de développement d'applications informatiques

Pré-requis

Connaissance internet standard, notions d'algorithmie

Programme

PRÉSENTATION HTML : le langage du Web
Contexte historique  
ENVIRONNEMENT ET STRUCTURE
Le concept des balises
Le bon usage des balises
Particularités et pièges du HTML
Le document HTML minimum  
 
MISE EN FORME DU DOCUMENT
Le texte simple
Les objets d'un document
L'en-tête d'un document HTML  
MISE EN FORME DU TEXTE
Les titres
Les 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 texte  
 
LES LISTES
Numérotées
A puces
Imbriquées
Les listes de définition  
LES TABLEAUX
Les cellules de tableau
La fusion des cellules
Gestion de la taille du tableau
En-tête et légende
Les bordures
Les groupes de colonnes
Les groupes de lignes  
 
LES HYPERTEXTES
La balise de liens
Liens vers une autre page
Liens à l'intérieur d'une page
Liens vers un autre site Web
Liens vers une adresse électronique
Liens pour télécharger un fichier
Les Target L'attribut titre
La couleur des liens
Liens et feuilles de style  
 
INSERTIONS D'IMAGES
Les images du Web
L'insertion d'une image
L'espace autour d'une image
L'alignement d'une image
L'insertion d'une couleur d'arrière-plan
L'insertion d'image d'arrière-plan
L'insertion d'un lien sur une image
Les images réactives  
 
LES FORMULAIRES
La déclaration de formulaire
Zone de texte à une ligne, à plusieurs lignes
Menu déroulant
Bouton radio
Bouton checkbox
Bouton d'envoi
Bouton d'annulation
Bouton de commande
Les formulaires cachés
Les formulaires de transfert de fichier
Les formulaires de mot de passe
L'organisation des éléments d'un formulaire  
 
LES MÉTA-INFORMATIONS
Doctype ou DTD  
 
LES FEUILLES DE STYLE
Les propriétés : couleur, police, marge, ... Les classes
Dynamiser un site avec CSS
Gérer les positionnements  
 
INTRODUCTION À JAVASCRIPT
JavaScript pour quoi faire ?
L'environnement du client Web
Le navigateur
Les outils  
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
Les objets personnalisés : constructeur, méthodes et propriétés, prototype, objets littéraux, objets sous forme de tableaux associatifs
Les objets globaux : Array, Date, Math, RegExp, String...
Manipuler les tableaux, les dates, les chaînes de caractères  
 
LES OBJETS DU NAVIGATEUR
La hiérarchie des objets Les principaux objets : window, document, location, screen, navigatior, form...
Leurs propriétés et méthodes
Manipuler des fenêtres
Gérer des timers  
 
INTRODUCTION À HTML5
Contexte : fonctionnement d’un site internet Histoire du HTML
Les organismes de normalisation : WHATWG et W3C
La nouvelle vision HTML5 Roadmap HTML5  
 
COMMENT UTILISER LE HTML5 AUJOURD'HUI
Savoir quand choisir le HTML5
Utiliser le HTML5 avec des navigateurs qui ne le supportent pas  
 
LE BALISAGE HTML5
Structure d'une page Doctype
Les nouveaux éléments et les éléments obsolètes
HTML5 et CSS3  
 
LES FORMULAIRES
La balise form
Créer et utiliser des formulaires HTML5  
 
AUDIO ET VIDÉO
Les éléments audios et vidéo
Les conteneurs, les codecs
Compromis pour un site à forte audience  
 
VUE D'ENSEMBLE DES APIS
Les APIs HTML5
Audio et vidéo
Site web hors ligne Drag et Drop  
 
DESSINER EN HTML
Canvas vs SVG
Contexte et accessibilité  
 
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  
LA GÉOLOCALISATION
Vue d'ensemble
La vie privée de l'utilisateur  
 
STOCKAGE
Stockage local
Stockage en session
Bases de données SQL Web  
 
CSS3 : STANDARDISER DES PROPRIÉTÉS
Vue d'ensemble : se passer d'images, éviter les astuces Coins arrondis, ombres portées, transparence, animations
Mise en page et positionnement
Autres nouveautés  
 
CSS3 : 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
CSS3 pour mobiles et tablettes : bonnes pratiques
 

Modalités

Modalités : en présentiel, distanciel ou mixte . Toutes les formations sont en présentiel par défaut mais les salles sont équipées pour faire de l'hybride. – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise.
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom.
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels.

Méthodes

Fin de formation : entretien individuel.
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation.
Assiduité : certificat de réalisation.
Validations des acquis : grille d'evalution  des acquis établie par le formateur en fin de formation.
Code de formation : W-HT3

Tarifs

Prix public : 2970
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les suivantes :
Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
Le dispositif FNE-Formation.
L’OPCO (opérateurs de compétences) de votre entreprise.
France Travail: sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
CPF -MonCompteFormation
Contactez nous pour plus d’information : contact@aston-institut.com

Lieux & Horaires

Durée : 35 heures
Délai d'accès : Jusqu'a 8 jours avant le début de la formation, sous condition d'un dossier d'insciption complet

Prochaines sessions

Handi-accueillante Accessible aux personnes en situations de handicap. Pour toutes demandes, contactez notre référente, Mme Rizlene Zumaglini Mail : rzumaglini@aston-ecole.com

à voir aussi dans le même domaine...

Formation continue

Transformation digitale

LEDN202

Angular 12 : Initiation

A l’issue de la formation, le stagiaire sera capable :

        • Maîtriser les concepts du framework Angular
        • Utiliser Angular pour développer des applications web performantes
 

35 heures de formations sur 5 Jours
En savoir plus

Formation continue

Transformation digitale

W-EAC

Devenir community manager

Cette formation Community Manager très concrète et accessible s'adresse à tous ceux qui souhaitent acquérir les fondamentaux théoriques et pratiques du community management. Elle fournit l'état de l'art et les savoir-faire fondamentaux pour être rapidement efficace dans ses nouvelles responsabilités.  

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

LEDN226

Vue.js : Initiation + Approfondissement

A l’issue de la formation, le stagiaire sera capable :

        • Réaliser des applications front-end avec Vue.js
   

35 heures de formations sur 5 Jours
En savoir plus

Formation continue

Transformation digitale

W-ECM

Réussir sa stratégie e-commerce

S'approprier les clés et la démarche pour générer du trafic et convertir les internautes Acquérir les bases pour mettre en œuvre une stratégie e-commerce cross canal  

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

LEDN227

Webmaster Intermédiaire – HTML5/CSS3 + Responsive Web Design

A l’issue de la formation, le stagiaire sera capable :

        • Maîtriser le développement d'applications web avec des frameworks front-end modernes et JavaScript ES6+
        • Appliquer des techniques d'optimisation pour améliorer la performance et l'expérience utilisateur
        • Intégrer des stratégies de sécurité pour protéger les applications web
 

35 heures de formations sur 5 Jours
En savoir plus

Formation continue

Transformation digitale

W-ECW

Rédiger pour le Web

Formation écrire web, formation ecrire web, formation écrire pour le web, formation ecrire pour le web, formation rédaction web, formation redaction web, ecrire web, écrire web, redaction web, rédaction web, écriture internet, référencement

Organiser l'information sur un site Savoir rédiger pour attirer et fidéliser les internautes Optimiser les textes pour les moteurs de recherche (SEO) Exploiter la richesse de l'écriture hypertexte et des nouveaux formats d'écriture rich media  

14 heures de formations sur 2 Jours
En savoir plus