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

icon public

Public : Webmasters

icon horloge

Durée : 5 jour(s)

Syllabus de la formation HTML5/CSS3, Responsive Design, Javascript, XML, Ajax et 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 : SIT651-F

Taux de satisfaction : 4,59 / 5

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

875,00 CHF HT / jour

1 996,00 CHFHT

1 250,00 CHF HT

Pour 10 heures utilisables pendant 12 mois

2 495,00 CHF HT

Tarif plein:

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

Programme de Formation HTML5/CSS3, Responsive Design, Javascript, XML, Ajax et jQuery

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

  • 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.

Aucune date de programmée actuellement. Pour plus d'information sur les prochaines sessions, nous vous invitons à joindre le service commercial par téléphone au 22 519 09 66 (prix d'un appel local) ou depuis notre formulaire de contact.

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

  • ras : excellent
  • Frédéric Plisson est un excellent formateur : savoir-faire et savoir-être de très hauts niveaux !
  • Stéphane D.

  • Très bonne formation. Pierre a su s'adapter en fonction de nos besoins. Il est très à l'aise sur le sujet. On sent la totale maîtrise de ce qu'il présente. A recommander !!
  • Pour le moment rien n'est prévu.
  • Julien J.

  • Progression logique avec de bons et beaux exemples pratiques, richesse des cours
  • Formation très complète totalement en adéquation avec mes besoins professionnels et personnels. Suivi d'un mois après la formation très intéressant.
  • Formateur très agréable qui n'hésite pas à prendre du temps pour corriger et réexpliquer à la demande de chacun. Très bonne ambiance de travail.
  • Marine G.

  • Un niveau peut-être plus élevé que je ne pensais.
  • PHP, wordpress développement, développement d'applications…
  • Gilles H.

  • tout fonctionnait bien
  • un peu trop simple par moments, mais tout était très utile
  • Mamadou est un excellent formateur !
  • Hélène I.

  • Agréable
  • Atena R.

  • Staff chaleureux, ce qui se reflète positivement sur les clients.
  • Étant développeur as3, certaines étapes de la formation javascript n'étaient pas nécessaires. M.Dembele a néanmoins fait en sorte de moduler la formation pour correspondre à mon niveau.
  • Akram E.

  • Formation dans nos locaux. Souplesse des horaires du formateur appréciable.
  • Formation correspondant à nos attentes
  • Très bonne écoute
  • Samuel G.

  • Excellent cours, très enrichissant.
  • Correspond àmes attentes et mes besoins professionnels.
  • A l'écoute, très pédagogue, sympa, maîtrise très bien son sujet, de bon conseil.
  • Mathieu D.

  • bonne pédagogie
  • oui After-effect
  • Delphine G.

  • un environnement très constructif
  • Parfait , Formateur pédagogique, disponible et très agreable
  • Ne sait pas encore
  • Adame D.

  • a reussi a s'adapter facilement. Bravo
  • Franck S.

  • Agréable et silencieux.
  • Le formateur a pu m'aiguiller et me donner de nombreux conseils pour un projet futur.
  • Gentil et patient, un vrai plaisir !
  • Thomas R.

  • Lieu de formation idéalement placé au centre-ville de Nantes.
  • Très content de repartir avec deux ouvrages de référence, bonne idée.
  • J'ai pu suivre les 3 premiers jours facilement mais mon niveau de connaissances en javascript étant faible, les deux derniers jours (sur ajax et jquery) étaient plus compliqués. Néanmoins la formation m'a permis de bien connaître les mécanismes de ce langage.
  • Disponible et sympathique.
  • Responsive Web Design, CMS Wordpress.
  • Antoine B.

  • Tres statisfait de la semaine de formation.
  • a répondu parfaitement sur certains points précis qui me tenaient à coeur et donné des ouvertures sur des points que je ne connaissait pas.
  • Mamadou Dembele réussit très bien à présenter clairement les choses du plus simple au plus compliqué en s'arrêtant quand il le faut pour nous aider tout en maintenant parfaitement le cap et en respectant les objectifs (ambitieux) affichés par le programme : bravo !
  • Olivier C.

  • Mamadou est au top : augmentez-le !
  • Loic F.

  • Très bien. Le fait d'être le seul formé y participe !
  • Le rythme est soutenu, mais j'étais prévenu vu le programme.
  • RàS, Pierre est très sympa.
  • Boris C.