Print Friendly, PDF & Email
jq

Programme jQuery Mobile, jQuery Ui – Développement d’applications web

Présentation générale
jQuery est une librairie JavaScript légère, rapide et dont la renommé n’est plus à faire. Elle facilite grandement le développement web en garantissant une compatibilité multi-navigateurs.
jQuery Mobile et jQuery Ui sont des frameworks graphiques, basés sur jQuery.
Le premier facilite le développement de site webs et/ou d’applications mobiles optimisés pour smartphones et tablettes (sans être restreint à ce type de développement uniquement).
Révisions
HTML5, CSS3 et javascript
jQuery et ses fonctionnalités principales : manipulation du DOM, gestion des évènements, des animations, requêtes Ajax et utilisation de son API
jQuery Mobile pour le développement d’applications mobiles et/ou desktop
jQuery Ui et ses composants graphiques pour le développement d’applications desktop
quelques solutions concurrentes (sencha, dojo …) et les différences d’approche
quelques « trucs et astuces » liés au développement web et mobile.
Programme
Ce cours est composé des modules suivants
Introduction
Qu’est ce que jQuery, jQuery Mobile et jQuery Ui ?
Les avantages de l’écosystème jQuery
Mise en place de l’environnement de développement
HTML5, CSS3, Javascript …
HTML5, CSS3, Javascript.
Le web mobile et les approches possibles (responsive design …)
Démarrer avec jQuery
installation
Content Delivery Network (CDN)
rappel sur le DOM HTML
namespaces et utilisation du $
debuggage des erreurs.
Utiliser jQuery
S’assurer que la page (DOM) soit prête
Selection via css (filtre, selection multiple …)
Manipulation de style (modification css, ajout/suppression de classe)
Manipulation d’éléments HTML
Manipulation de contenu.
Gestion des évènements
Rappel sur les évènements
Réagir à un évènement
Réagir à plusieurs évènements
Fonction de callbacks.
Animations
Animations Css vs. animations JavaScript
Animations de base
Animations personnalisées
File (« queue ») d’animations.
Requêtes ajax
Rappels sur Ajax
Charger du contenu de manière asynchrone
Récupération de flux JSON/HTML …
Facilitées offertes par jQuery pour l’Ajax ($.ajax, $.get, $.post …)
JSONP et CORS pour les requêtes cross-domain.
API jQuery
Plugins
Test unitaire avec QUnit
jQuery Mobile et PhoneGap/Cordova
Les notions de base
Présentation du framework
Création d’une première application
La création et la gestion de pages
L’utilisation des Toolbars
L’ajout de boutons
Comprendre les boîtes de dialogue et popup
La mise en place de « Panel »
Le « responsive design » avec jQuery Mobile
La gestion des formulaires
L’utilisation des « Listviews »
La mise en forme de contenu.
Utilisation avancée de jQuery Mobile
Utilisation et création de thème avec ThemeRoller
Gestion des tablettes et téléphones
Ajax avec jQuery
Les sélecteurs CSS de jQuery Mobile
L’objet $.mobile
L’API jQuery Mobile
Forces et faiblesses de jQuery Mobile.
Obtenir une application native avec PhoneGap/Cordova
Quelle différence entre PhoneGap et Cordova ?
Qu’est ce que PhoneGap ?
Les intérêts d’une application native
Avantages de PhoneGap
Intégrer son application jQuery Mobile dans PhoneGap
Avoir accès aux fonctionnalités natives (contacts, appareil Photo, géolocalisation)
Déployer son application sur Google Play.
jQuery Ui
Les widgets (Button, DatePicker, Dialog, Menu …)
Les interactions (Draggable, Droppable …)
Les effets et animations
Plugins et composants tiers
Intégration d’un carrousel
Sites de références et composants
Documentation et API
Téléchargements/achats de librairie et plugin
Quelques concurrents de jQuery
Présentation de l’écosystème Sencha
Présentation de l’écosystème Dojo
Comparatif d’environnements de développements (Mac)
Trucs et astuces
Gestion des dépendances (Require Js, AMD …)
Less, Sass.
Passage en production (build, optimisation …)
MVC … pour structurer vos applications
Autre trucs et astuces pour faciliter le développement.

8 rue Colbrant • 59000 Lille • tél. : 03 20 73 99 40 • http://capside-formation.fr • contact@capside-formation.fr