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

HTML5/CSS3, Responsive Design, Javascript, XML, Ajax et 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

Rappels des normes XHTML, CSS, HTML5
Les problèmatiques actuelles: le multi-format, les terminaux mobiles

Découvrir HTML5

Présentation de HTML 5
Support par les navigateurs
Les balises HTML5

Atelier pratique: Une première page en HTML 5

Créer des sites web avec HTML5

Structure et sémantique
Nouveaux éléments de formulaire HTML5
Intégration d'animations et sons

Atelier pratique: Création d'un premier site avec formulaire en HTML5

Utiliser CSS 3

Rappel CSS
Ordre de priorité: cascade et héritage
Dimensionnement, marges
Problèmatique de positionnement
Propriétés CSS 3 pour la mise en forme: bordures, ombres, transparence,...

Atelier pratique: démonstration de styles et d'effets sur les différentes propriétés étudiées, mise en page complexe d'une page

Comprendre le Responsive Web Design

Présentation du Responsive Web Design: objectifs, alternatives...
Les grilles fluides
Les media queries
Compression d'images, sprites, Data URI
Introduction aux librairies JavaScript pour compatibilité HTML5

Atelier pratique: création d'un site multiplateforme (smartphone, tablette..)

Utiliser Bootstrap

Présentation de Bootstrap
Installation de Bootstrap

Atelier pratique: créer une page avec Bootstrap

Découvrir JavaScript

Concepts de base du Javascript
Gestion des événements
Présentation du DOM (Document Object Model)
Accès, modification, ajout d'éléments et d'attributs
Gestion dynamique des CSS

Atelier pratique: réaliser une galerie de photos

Découvrir XML

Presentation du format XML
Structure d'un document XML

Intérêts d'XML

Atelier pratique: flux RSS d'un site web

Comprendre Ajax et XMLHttpRequest

Communication synchrone et asynchrone
Instancier un objet XMLHttpRequest
Envoi de requêtes
Gestion des réponses, codes de retour des serveurs HTTP
Gestion des erreurs

Découvrir jQuery

Fonctions essentielles et chaînage
Sélecteurs (CSS, XPath, Complexes)
Parcours, manipulation de l'arbre DOM et filtres

Principes des Callback

Créer des interfaces grâce à jQuery

Comportement des liens
Association d’événements et déclenchement
Effets d’animations
Widgets: sliders, infobulles, drag’n’drop...

Atelier pratique: exemples multiples de widgets jQuery

Utiliser AJAX avec jQuery

Communication asynchrone/synchrone
Mise en oeuvre d'AJAX
Fonctions jQuery disponibles
Chargement de pages et injection de code
Intégration complète d'AJAX et de l'UI
Compatibilité avec les autres frameworks

Atelier pratique: création d'une interface web riche avec jQuery

Conclusion

Evolutions du Web
Autres frameworks à découvrir

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
14 - 18/11/22
  Paris   2495.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...