Public : Webmasters
Durée : 5 jour(s)
Pré-requis : Avoir de bonnes connaissances HTML et CSS
Objectifs : Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,.... - Générer un flux RSS - Découvrir XML, Ajax et jQuery
Sanction : Attestation de fin de formation mentionnant le résultat des acquis
Taux de retour à l’emploi : Aucune donnée disponible
Référence : SIT1242-F
Taux de satisfaction : 4,91 / 5
Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins
Contact : commercial@dawan.fr
2 475,00 € HT
Historique : Evolution du HTML et de CSS
Le HTML5 : Présentation des problèmatiques actuelles
Exemples d’applications en HTML 5 et CSS3
Apercu d’outils de développement comme Visual Studio
Structurer une page en HTML5 :
Les balises sémantiques : header, article, aside…
Création d’un conteneur de disposition
Les nouveaux attributs utilisés par les moteurs de recherche
Atelier pratique : Architecture d’une page en HTML5
Les balises audio et video
La balise Canvas : Utilisation de l’API Canvas.
Graphiques interactifs avec SVG
Atelier pratique : Création de graphiques interactifs
Application de styles aux propriétés de zone HTML 5
Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important, l’architecture objet, les pseudo-classes et les pseudo-éléments.
Apparence: Taille, bordures, contours, background, image arriere-plan, dégradés,ombres, détourage,
transparence, dimensionnement, marges…
Problèmatiques de positionnement, les différents modes de positionnement., affichage, masquage
Disposition en colonnes. Flottements, exclusions.
Atelier pratique : Création d’une page d’articles de presse
Format, couleur, ombre portée…
Intégration de polices : @font-face
Alignement, indentation du texte, justification, césure.
Atelier pratique : Mise en page d’un article
Transformation d’objets en 2D et 3D
Animations d’objets avec les transitions CSS
Adaptation de l’interface en fonction des médias utilisés
Atelier pratique : Animation de la page web
Présentation du Responsive Web Design : objectifs, alternatives...
Le modèle flexible
Les media queries
Disposition utilisant les régions, le regroupement et l’imbrication
Les grilles fixes et fluides
Compression d'images, sprites, Data URI
API Network Information JavaScript pour Responsive
Atelier pratique : Adaptation de la page web aux multiples formats ( tablettes, smartphone…)
Les API de stockages : LocalStorage, SessionStorage, IndexedDB
La géolocalisation
Offline web application
Les principaux éléments du JavaScript : variables, tableaux, fonctions…
Les instructions de conditions et d’itérations
La gestion des erreurs et des exceptions
Les objets en Javascript
Prototypage
Constructeurs, héritage, portée des variables
Présentation du DOM (Document Object Model)
Parcours du DOM, filtres
Accès, modification, ajout d'éléments et d'attributs HTML 5
Gestion dynamique des CSS
La gestion des évènements
Propagation d’évènements
Introduction à l‘API WebSocket HTML5
Création de WebWorkers en BackGround
Atelier pratique: Utiliser JavaScript pour animer la page Web
Validation de formulaires avec HTML
Validation de formulaires avec JavaScript
Utilisation des expressions régulières.
Prévention des injections de code
Récupération des données, encodage
Atelier pratique: Utiliser JavaScript pour valider un formulaire
Communication synchrone et asynchrone
Instancier un objet XMLHttpRequest
Gestion des erreurs
Barre de progression
Principes des Callback
Transmission de données: format GET et POST
Sérialisation et désérialisation de données
Utilisation des données: Le format XML, le format JSON
Appliquer jQuery pour effectuer une requête Ajax
Fonctions jQuery disponibles pour effectuer des requetes Ajax
Atelier pratique: Utiliser Ajax avec Jquery et Javascript pour créer des éléments d’un formulaire à partir de données fournies en XML et JSON
Ce cours permet de découvrir les fonctionnalités apportées par le HTML5, le CSS3, les règles de bonne pratique du Responsive Web Design, les bases de JavaScript, les fonctionnalitées de l'API HTML5, l'utilisation d'Ajax et XMLHttpRequest avec JavaScript et jQuery
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Bordeaux | Du 24/02/2025 au 28/02/2025 | Oui | S'inscrire |
| Bordeaux | Du 23/06/2025 au 27/06/2025 | Oui | S'inscrire |
| Bordeaux | Du 06/10/2025 au 10/10/2025 | Oui | S'inscrire |
| Distance | Du 17/02/2025 au 21/02/2025 | Oui | S'inscrire |
| Distance | Du 09/06/2025 au 13/06/2025 | Oui | S'inscrire |
| Distance | Du 22/09/2025 au 26/09/2025 | Oui | S'inscrire |
| Lille | Du 17/02/2025 au 21/02/2025 | Oui | S'inscrire |
| Lille | Du 09/06/2025 au 13/06/2025 | Oui | S'inscrire |
| Lille | Du 22/09/2025 au 26/09/2025 | Oui | S'inscrire |
| Lyon | Du 03/03/2025 au 07/03/2025 | Oui | S'inscrire |
| Lyon | Du 30/06/2025 au 04/07/2025 | Oui | S'inscrire |
| Lyon | Du 06/10/2025 au 10/10/2025 | Oui | S'inscrire |
| Marseille | Du 03/03/2025 au 07/03/2025 | Oui | S'inscrire |
| Marseille | Du 30/06/2025 au 04/07/2025 | Oui | S'inscrire |
| Marseille | Du 06/10/2025 au 10/10/2025 | Oui | S'inscrire |
| Montpellier | Du 24/02/2025 au 28/02/2025 | Oui | S'inscrire |
| Montpellier | Du 23/06/2025 au 27/06/2025 | Oui | S'inscrire |
| Montpellier | Du 06/10/2025 au 10/10/2025 | Oui | S'inscrire |
| Nantes | Du 10/03/2025 au 14/03/2025 | Oui | S'inscrire |
| Nantes | Du 07/07/2025 au 11/07/2025 | Oui | S'inscrire |
| Nantes | Du 13/10/2025 au 17/10/2025 | Oui | S'inscrire |
| Nice | Du 03/03/2025 au 07/03/2025 | Oui | S'inscrire |
| Nice | Du 30/06/2025 au 04/07/2025 | Oui | S'inscrire |
| Nice | Du 06/10/2025 au 10/10/2025 | Oui | S'inscrire |
| Paris | Du 17/02/2025 au 21/02/2025 | Oui | S'inscrire |
| Paris | Du 09/06/2025 au 13/06/2025 | Oui | S'inscrire |
| Paris | Du 22/09/2025 au 26/09/2025 | Oui | S'inscrire |
| Rennes | Du 10/03/2025 au 14/03/2025 | Oui | S'inscrire |
| Rennes | Du 07/07/2025 au 11/07/2025 | Oui | S'inscrire |
| Rennes | Du 13/10/2025 au 17/10/2025 | Oui | S'inscrire |
| Strasbourg | Du 10/03/2025 au 14/03/2025 | Oui | S'inscrire |
| Strasbourg | Du 07/07/2025 au 11/07/2025 | Oui | S'inscrire |
| Strasbourg | Du 13/10/2025 au 17/10/2025 | Oui | S'inscrire |
| Toulouse | Du 24/02/2025 au 28/02/2025 | Oui | S'inscrire |
| Toulouse | Du 23/06/2025 au 27/06/2025 | Oui | S'inscrire |
| Toulouse | Du 06/10/2025 au 10/10/2025 | Oui | S'inscrire |
Bât Ravezies - 2e étage 250 avenue Emile Counord
33300 Bordeaux
Liaison directe de la gare Bordeaux Saint-Jean via le tram C
32 Boulevard Vincent Gâche
44000 Nantes
46 rue des Canonniers - 2è étage
59800 Lille
Proche des deux gares
62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée
69003 Lyon
38/40 rue de la République Escalier A, 1er étage
13001 Marseille
A proximité du vieux port
26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage
34000 Montpellier
Quartier Antigone
32 Boulevard Vincent Gâche 5 ème étage
44200 Nantes
455 promenade des Anglais Bât Arenice, 7è étage
06200 Nice
11 rue Antoine Bourdelle
75015 Paris
dans le 15e arrondissement
3 place du Général Giraud
35000 Rennes
4 rue de Sarrelouis - 4è étage
67000 Strasbourg
1 place Occitane Bât. Le Sully - 4è étage
31000 Toulouse
Proche de Jean-Jaurès et du Capitole