Formation JQuery

Public visé : Webdesigners et développeurs souhaitant créer des interfaces riches (RIA) avec un style web 2.0

Pré-requis : Connaitre HTML/CSS et avoir des notions de bases de Javascript.

Objectif : Créer des interfaces complexes avec Jquery, et améliorer le graphisme et le fonctionnement technique d'un site internet.

Moyens pédagogiques, techniques et d'encadrement : Présentation sur vidéo projecteur, PC et connexion internet fournis, support de cours fourni.

Modalités de suivi de l'exécution de l'action : Feuille d'émargement et attestation de formation.

Modalité d'évaluation des acquis : Tests de contrôle des connaissances, Evaluation à chaud.

Points abordés : 

PRINCIPES DE BASE

• Fonctionnement de jQuery
• Intégration JQuery sur une page HTML

LES SELECTEURS CSS

• Sélectionner les balise HTML
• Sélectionner les ID CSS
• Sélectionner les class CSS
• Filtres

ATTRIBUTS

• Manipulation des attributs
• Manipulation des classes
• Manipulations du contenu et des valeurs

GESTION DES EVENEMENTS

• Fonctionnement du gestionnaire
• Evènements standard (Navigateurs, formulaires)
• Evènement sur la souris
• Evènement sur le clavier

ANIMATION ET EFFETS

• Apparition et disparition
• Mouvement et transitions
• Fonction Animate
• Déclenchement d'effets et imbrication d'effets

MANIPULATION DU DOM

• Insérer du contenu
• Supprimer du contenu
• Modifier du contenu

AJAX

• Principe de communication avec un serveur
• Traitement des formulaires
• Interaction dynamique sur la page
• Requêtes POST et GET, format JSON

PLUGINS

• Rechercher et installer un plugin jQuery
• Test et modification de plugin (selon les besoins et compétences des stagiaires)

MISE EN APPLICATION

Public visé : Cette formation est destinée aux développeurs et aux Webdesigners.

Pré-requis : Connaitre HTML/CSS et avoir des notions de bases de Javascript.

Objectif : Maîtriser le développement de sites ou d'application web avec jquery mobile.

Moyens pédagogiques, techniques et d'encadrement : Présentation sur vidéo projecteur, PC et connexion internet fournis, support de cours fourni.

Modalités de suivi de l'exécution de l'action : Feuille d'émargement et attestation de formation.

Modalité d'évaluation des acquis : Tests de contrôle des connaissances, Evaluation à chaud.

Points abordés : 

INTRODUCTION

• Ce qu'il faut savoir sur le développement mobile
• Présentation de Jquery mobile
• Les caractéristiques de Jquery mobile
• Jquery et Jquery UI

LA NAVIGATION AJAX

• Hash et Ajax
• Le Plugin pushState
• changePage
• Stockage de data-url

ELEMENTS DE PAGE

• Bouton
• Dialogue
• Barre d'outils
• Accordéon (pliable)

CREER DES FORMULAIRES

• Zone de texte
• Curseur
• Recherche
• Interrupteur
• Radio bouton
• Case à cocher
• Menu de sélection

LES THEMES

• Le nuancier
• ThemeRoller
• Créer un thème
• Charger et télécharger un thème

DIVERS

• Liaison des pages
• Transition de page
• Injection dynamique des pages
• PhoneGap
• touchOverflow

ACCESSIBILITE

MISE EN APPLICATION