Formation Webmaster Avancé : HTML5/CSS3/Javascript/JQuery

icon public

Public : Webmasters

icon horloge

Durée : 5 jour(s)

Syllabus de la formation Webmaster Avancé : HTML5/CSS3/Javascript/JQuery

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 stage 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é : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

875,00 CHF HT / jour

1 980,00 CHFHT

1 250,00 CHF HT

Pour 10 heures utilisables pendant 12 mois

2 475,00 CHF HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance
Contacter Dawan

Programme de Formation Webmaster Avancé : HTML5/CSS3/Javascript/JQuery

Introduction

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
 

HTML5

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
 

Gestion des médias en HTML 5

Les balises audio et video
La balise Canvas : Utilisation de l’API Canvas.
Graphiques interactifs avec SVG

Atelier pratique : Création de graphiques interactifs
 

CSS 3

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
 

Application de styles aux propriétés de texte HTML 5

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
 

Les transitions et les transfomations en CSS3

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
 

Le Responsive Web Design

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 principales API de HTML 5

Les API de stockages : LocalStorage, SessionStorage, IndexedDB
La géolocalisation
Offline web application
 

JavaScript

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

Formulaires HTML 5

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
 

Ajax et XMLHttpRequest

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

Passage de la certification(si prévue dans le financement)

 

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

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Nos formations sont accessibles aux personnes en situation de handicap :
    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.

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Distance Du 08/07/2024 au 12/07/2024 S'inscrire
Distance Du 21/10/2024 au 25/10/2024 S'inscrire
Genève Du 08/07/2024 au 12/07/2024 S'inscrire
Genève Du 21/10/2024 au 25/10/2024 S'inscrire

Nos centres de formation

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève

  • La formation a correspondu à mon besoin.
  • Formateur à l'écoute et répondant aux questions posées.
  • Stéphane C.