Aller au contenu principal

HTML5/CSS3, Responsive Design, Javascript, XML, Ajax et jQuery

Date de mise à jour :
Identifiant Offre Info : 03_251311301F
Organisme responsable : Dawan (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

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

Programme de la formation

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…

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
Créer des interfaces grâce à jQuery
Atelier pratique : exemples multiples de widgets jQuery
Utiliser AJAX avec jQuery
 Atelier pratique : création d'une interface web riche avec jQuery
Conclusion
 

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

35 h

Financement

Conventionnement
Oui
Financeur
  • Bénéficiaire de l'action

    Programme : Individuel (AIF, POEI, Région individuel, autofinancement)

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Avoir de bonnes connaissances HTML et CSS

Lieu de réalisation de l'action

Modalités d'enseignement

Formation mixte

Adresse

62 Rue de Bonnel
69003 Lyon 3e

Responsable : Dawan

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
62 Rue de Bonnel
69003 Lyon 3e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes