Centre de formation

Renseignements au 01.40.09.04.98
formation@ociensa.com
Formations intra-entreprise sur site client ou dans une salle équipée réservée dans votre ville
Organisme de formation enregistré sous le numéro 11 753 905 875
Toutes nos formations peuvent être financées par l'OPCA de votre branche
Commentaires client

Téléchargements

INT106 -

Formation HTML5 et CSS3 pour Sites et Applications Web

Cette formation peut être suivie dans le cadre d'un package WPACK1, à la carte

Présentation de HTML5
- Historique et avancement, les standards du W3C
- Objectifs et principaux apports de HTML5
- Support par les navigateurs modernes
Changements de HTML5 par rapport à HTML 4
- Le nouveau modèle de données basé sur la notion de catégorie
- Les éléments de structure HTML5 : header, footer, section, article...
- Les éléments de présentation et les attributs supprimés en HTML5
- Rendre les pages HTML5 compatibles avec les anciens navigateurs
Utilisation de templates de pages HTML5
Utiliser CSS3 pour enrichir l'affichage des pages
- Les nouveaux sélecteurs de CSS3
- Enrichir les bordures avec CSS3 : arrondi, dégradé, image de fond
- Arrière-plan : couleur dégradée, taille d'image, plusieurs images
- Les fonctions CSS3 de transformations et d'animation
- Afficher le texte en multi-colonnes avec les propriétés CSS3
- Utiliser des polices personnalisées
- Enrichir l'affichage du texte
- Gérer la compatibilité CSS3 avec les navigateurs anciens
Enrichir les formulaires en HTML5
- Les nouveaux champs de saisie HTML5 : date, heure, url, email...
- Contrôles de saisie prédéfinis et contrôles personnalisés
- Nouveaux styles CSS3 pour les champs de formulaire
Améliorer le référencement avec les microdata
Insertion de contenu multimedia vidéo et audio
- Les balises standard HTML5 d'inclusion de contenu multimedia

- L'API Javascript de contrôle de la lecture
Inclusion d'image SVG externe et inline dans une page HTML5
Gestion évoluée des graphiques et dessins en HTML5
- L'élément HTML5 canvas
- L'API JavaScript de dessin 2D
- Inclusion d'images et de vidéos
Gestion du glisser/déposer (drag and drop) en HTML5
- L'attribut draggable pour rendre un élément déplaçable
- Capturer les événements JavaScript pour gérer le glisser/déposer
Modification du contenu d'une page HTML5
- Eléments éditables, l'attribut contenteditable
Géolocalisation facile en HTML5
- Règles de sécurité mises en jeu
- API JavaScript d'interrogation d'un service
- Intégration avec les cartes Google Maps
Gestion de sites hors ligne (mode déconnecté) en HTML5
- Stocker les données dans le navigateur sans cookie
- Base de données locale au navigateur
- Placer les pages du site dans le cache du navigateur (manifeste)
Communication navigateur / serveur avec l'API WebSocket
- Apports du protocole : communication bidirectionnelle, fullduplex
- Obtenir une connexion : constructeur WebSocket(url)
- Envoyer et recevoir des données avec le serveur
Optimisation du multi-tâches JavaScript avec les Web Workers

Tarifs

Nous consulter

Organisation de la formation

Théorie : 60%
Pratique : 40%

Configuration

Une machine par stagiaire.

Durée de la formation

3 jours

Dates

En intra entreprise

Orientation de la formation

Concepteurs web, webmasters, intégrateurs et développeurs d'applications Web.

Objectifs de la formation

La version HTML5 propose l'accès à un ensemble de technologies novatrices pour les applications Web et les sites interactifs. Les objectifs principaux sont : Apprendre à développer une application Web avec les nouvelles balises de HTML5 et les API JavaScript. Connaître l'ensemble des technologies accessibles avec HTML5. La formation présente également les principaux apports de CSS3.

Pré-requis pour la formation

Avoir des connaissance en HTML, CSS et JavaScript ou avoir suivi les stages INT101 et INT102.

Documentation

Support de cours et exercices corrigés.