SKIP TO CONTENT
The portal for lifelong-learning
LU
DE
EN
FR
PT
You are here: Home > Training courses > DAWAN

Webmaster Avancé: HTML5/CSS3/Javascript/JQuery

5 day(s)

Objectives

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.

Content

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)
Teaching methods

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Target group

Who is the course aimed at?

Webmasters

 
Prerequisites

Avoir de bonnes connaissances HTML et CSS

Assessment

Assessment methods

Contrôle continu

 
Certficate, diploma

Attestation de fin de stage mentionnant le résultat des acquis

Contact the training provider
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Share this content

 



Responsibility for the content of this training description lies solely with its author, the training provider DAWAN.

Print Expand/Collapse all Send to a friend
Contact the training provider
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Characteristics
Organisation Formation inter-entreprise
Teaching aids

Sources des exercices + Support papier

Languages
Next sessions
From/To Location Price
01 - 05/08/22
  Bruxelles   2475.00 €
See details
01 - 05/08/22
  Lille   2475.00 €
See details
08 - 12/08/22
  Distance   2475.00 €
See details
22 - 26/08/22
  Luxembourg   2475.00 €
See details
22 - 26/08/22
  Paris   2475.00 €
See details
29/08 - 02/09/22
  Strasbourg   2475.00 €
See details
24 - 28/10/22
  Bruxelles   2475.00 €
See details
24 - 28/10/22
  Lille   2475.00 €
See details
14 - 18/11/22
  Distance   2475.00 €
See details
14 - 18/11/22
  Luxembourg   2475.00 €
See details
14 - 18/11/22
  Paris   2475.00 €
See details
28/11 - 02/12/22
  Strasbourg   2475.00 €
See details
Use of cookies

lifelong-learning.lu uses cookies to offer you a quality user experience, measure audiences, optimise functions on social media, and offer you personalised content.

By continuing to browse this website, you accept the use of cookies subject to the conditions provided for in our policy on the subject. Find out more.

Essential cookies
These cookies make it possible to use the main functions of our website (including access to your personal space). Normal use of our website is not possible unless these cookies are enabled.
Statistics
These cookies make it possible to compile statistics on visits to our website. Disabling them stops us monitoring and improving the quality of the services we provide.
Targeted advertising
These cookies make it possible to provide you with information via the Internet and the social media, with offers of training that match your needs.

Read our policy on the use of cookies.

Accept all Manage your cookie settings
Veuillez patienter...