Best
 
Fantom Tag

Formation - Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript

Tirer parti de la dernière version de la norme HTML

  • Présentiel ou classe à distance
  • Fondamental
  • Blended
PRESENTIEL OU CLASSE A DISTANCE
Durée
5 jours (35 heures)
activités à distancecertificat optionnel

Prix
2 965,00 €  HT

Référence
CE999
Dans vos locaux ou à distance
Référence
CE999

Durée
5 jours (35 heures)
activités à distancecertificat optionnel

Forfait intra - En savoir plus
7 480,00€ HT
(Prix pour un groupe de 12 personnes max)
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Le HTML5 et le CSS3 sont les dernières versions des principaux langages Web validés par le World Wide Web Consortium (W3C), l'organisme qui a pour mission de développer des protocoles et des standards sur les langages Web et leurs évolutions. Extrêmement complémentaires, le premier permettant d'afficher le contenu des pages web et le second visant à décrire la présentation de ces contenus, ils sont souvent associés dans le cadre des développements pour le web. Cette formation vous permettra d'utiliser les nouvelles possibilités offertes par le HTML5, telles que l'intégration vidéo et audio, grâce aux nouvelles balises et APIs puis de mettre vos pages en forme en tirant parti de la puissance de CSS3.
Cette formation prépare à la certification Développement de sites web avec le langage de balises HTML et des feuilles de style CSS (HTML5 et CSS3).
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

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

Prérequis

Programme

Le programme

1 - Présentation

  • HTML : le langage du Web
  • Contexte historique

2 - Environnement et structure

  • Concept et usage des balises
  • Le bon usage des balises
  • Particularités et pièges du HTML
  • Le document HTML minimum

3 - Mise en forme du document

  • Le texte simple
  • Les objets d'un document
  • L'en-tête d'un document HTML

4 - 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 texte

5 - Les listes

  • Numérotées, à puces, imbriquées
  • Les listes de définition

6 - 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

7 - 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

8 - 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

9 - 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

10 - Les méta-informations

  • Doctype ou DTD

11 - Les feuilles de style

  • Les propriétés : couleur, police, marge,...
  • Les classes
  • Dynamiser un site avec CSS
  • Gérer les positionnements

12 - Introduction à JavaScript

  • JavaScript pour quoi faire ?
  • L'environnement du client Web
  • Le navigateur, les outils

13 - 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

14 - 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

15 - Introduction à HTML5

  • Contexte : fonctionnement d'un site internet
  • Histoire et normalisation du HTML
  • La nouvelle vision HTML5
  • Roadmap HTML5

16 - Comment utiliser le HTML5 aujourd'hui

  • Savoir quand choisir le HTML5
  • Utiliser le HTML5 avec des navigateurs qui ne le supportent pas

17 - Le balisage HTML5

  • Structure d'une page
  • Doctype
  • Les nouveaux éléments et les éléments obsolètes
  • HTML5 et CSS3

18 - Les formulaires

  • La balise form
  • Créer et utiliser des formulaires HTML5

19 - Audio et vidéo

  • Les éléments audio et vidéo
  • Les conteneurs, les codecs
  • Compromis pour un site à forte audience

20 - Vue d'ensemble des APIs

  • Les APIs HTML5
  • Audio et vidéo
  • Site web hors ligne
  • Drag et Drop

21 - Dessiner en HTML

  • Canvas vs SVG
  • Contexte et accessibilité

22 - 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

23 - La géolocalisation

  • Vue d'ensemble
  • La vie privée de l'utilisateur

24 - Stockage

  • Stockage local
  • Stockage en session
  • Bases de données SQL Web

25 - CSS : standardiser des propriétés

  • Se passer d'images, éviter les astuces
  • Coins arrondis, ombres portées, transparence, animations
  • Autres nouveautés

26 - 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
Après la session
  • Des vidéocasts pour revenir sur les points clés de la formation
  • Des vidéos-tutos pour vous accompagner dans vos premiers développements avec HTML5 et CSS3

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Objectifs

Les objectifs de la formation

  • 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
Points forts

Les points forts de la formation

  • Une progression pédagogique qui permet de comprendre les traitements qui peuvent être délocalisés du serveur vers le poste client.
  • Création d'une application "fil rouge" : création du contenu, de la mise en forme, tests multi-navigateurs, ajout de fonctionnalités dynamiques et HTLM5, mise en production.
  • La pédagogie favorise les échanges entre participants ; l'animateur apporte des réponses personnalisées à chacun.
  • Les contenus digitaux mis à disposition des participants après la formation renforcent l'efficacité pédagogique du programme et garantissent un bénéfice durable de l'action de formation.
  • 90% des participants à cette formation se sont déclarés satisfaits ou très satisfaits au cours des 12 derniers mois.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Métier accessible : Développeur web

Vous pouvez trouver plus d'informations sur ce métier dans la Fiche métier de Développeur web.

Sessions

Mise à jour le 18/05/2024
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Découverte, CS 37621
    31675 Labège Cedex
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Aix en Provence
    Pôle d'activités d'Aix-en-Provence / Espace Cezanne 2ème étage 135, rue André Ampère
    13290 Aix-en-Provence
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Strasbourg
    Immeuble l'Avancée 26C, Bd du Président Wilson
    67000 Strasbourg
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Lyon
    Le 6ème Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Rouen
    Parc d'Activités Technologiques de la Vatine / Bâtiment Red Cow - 2ème étage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Découverte, CS 37621
    31675 Labège Cedex
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Strasbourg
    Immeuble l'Avancée 26C, Bd du Président Wilson
    67000 Strasbourg
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Rouen
    Parc d'Activités Technologiques de la Vatine / Bâtiment Red Cow - 2ème étage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Lyon
    Le 6ème Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
    Aix en Provence
    Pôle d'activités d'Aix-en-Provence / Espace Cezanne 2ème étage 135, rue André Ampère
    13290 Aix-en-Provence
  • 2 965,00 € HT
    Places disponibles
    Choisir une session
Formation - Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript