Nouvelles technologies

Ajax, JavaScript, web 2


S'inscrire Obtenir un devis

Durée :


03 Jours

Objectifs :


Développer des applications en utilisant la technologie AJAX
Comprendre Web 2.0
Apprendre à manipuler le DOM
Appréhender les mécanismes d'échange serveur - navigateur
Connaître et utiliser les Frameworks Ajax

Public :


Développeur d'applications Web, Webmaster

Pré-requis :


Connaissance du HTML et du CSS
Notions JavaScript

Programme :


Partie 1 : Qu'est-ce qu'AJAX ?


Définition
Exemples

Partie 2 : Introduction au XML


Utilité et gains apportés par XML
Structure du XML
XML pour Ajax
Syndication avec le format RSS

Partie 3 : Introduction au Web 2.0


Présentation du concept de Web 2.0
Les outils pour construire des applications Web 2.0 avec une interface riche
Les nouveaux usages induits par le web 2.0

Partie 4 : Rappel sur les feuilles de style en cascade (CSS)


Comment appliquer des styles CSS
Créer ses styles : bloc, boîte, arrière-plan, bordure, marges, positionnement
CSS et Ajax

Partie 5 : JavaScript


Les bases du langage : objets, propriétés, méthodes
Manipuler les variables en JavaScript
Externaliser les fonctions dans des fichiers JavaScript
Écriture dynamique de balises dans une page HTML
L'objet XMLHttpRequest

Partie 6 : DOM


Comprendre DOM et ses concepts
LLes outils pour travailler avec DOM
Les bonnes pratiques

Partie 7 : Contraintes d'Ajax


Ce pour quoi Ajax est fait, ce pour quoi il n'est pas fait
Sécurité
Compatibilité

Partie 8 : Bibliothèques et API


Où les trouver ?
Comment les utiliser ?
Les APIs Google, prototype, script.aculo.us
Les autres outils Web 2 : RIA, Flex, XUL, ...

Partie 9 : jQuery


Introduction
Un 1er exemple
Un aperçu de jQuery
jQuery(), $()
Les sélecteurs
Les principales méthodes DOM CSS…
Les gestionnaires d'événements
Les effets
Ajax
Quelques utilitairesPlugins

Partie 10 : Ateliers :


Créer rapidement un accordéon
Créer un système AutoSugget
Lire un flux RSS
Créer une liste sortable

Formation Flex Initiation + Approfondissement


S'inscrire Obtenir un devis

Durée :


05 Jours

Objectifs :


Maîtriser les principales fonctionnalités de Flex - Apprendre la syntaxe MXML - Apprendre à utiliser les conteneurs, concevoir des interfaces, des animations - S'initier à la programmation Action Script

Public :


Développeurs Flash ActionScript

Pré-requis :


Algorithmie, notions de POO

Programme :


Partie 1 : Introduction


A propos de Flex
Quelques concepts : Environnement, RIA, ActionScript, XML, MXML
Les avantages de Flex

Partie 2 : Présentation de l'environnement de travail


Présentation de l'IDE Eclipse
Les différents panneaux : le panneau explorateur, de propriété, de composant, ...
Présentation de l'arborescence « bin », « html-template », « src » et des différentes extensions
Apprendre à travailler en mode Design et en mode Source

Partie 3 : Création d'un premier projet


MXML et ActionScript
Le fichier MainApplication
Comprendre les évènements
Ajouter un premier script

Partie 4 : Les Conteneurs


Le principe du positionnement : absolute, vertical, horizontal
Les principaux composants conteneurs : Application, Hbox, Vbox, Canvas, Panel...
Création d'un composant personnalisé

Partie 5 : La Navigation


Les composants de navigation : ViewStack, LinkBar, TabBar, MenuBar, Accordion
Apprendre à utiliser les composants avec les états
Ajouter des évènements sur les états en MXML et ActonSrcipt
Gestion des transitions
Etude de cas : construction d’un petit site Web

Partie 6 : Introduction à ActionScript


Syntaxe et structure d’ActionScript
Ajouter de l'ActionScript dans votre MXML
Interactivité et ActionScript : Apprendre à gérer les évènements
Les variables et leurs différents types
L’écriture d’un premier programme ActionScript simple
Mettre en place une stratégie de débogage

Partie 7 : Les principaux composants de donnée


Les principaux contrôles : champ Texte, Image, bouton radio, liste déroulante, champ date
Principe et fonctionnement des formulaires
Le composant DataGrid
Un composant Wysiwyg : RichTextEditor
Afficher et éditer les données
Databinding : lier les composants à des sources de données externes
Etude de cas : créer un formulaire de contact

Partie 8 : Styliser votre application


Modifier l'aspect graphique de votre application
Gestion des polices
Apprendre à utiliser des styles au sein de Flex

Partie 9 : Les validateurs de données


Principe et intérêts
Les différents types de validateurs : validateur de chaîne, de date, de nombre, d'email...
Personnaliser et afficher des messages d'erreurs
Etude de cas : Apprendre à valider un formulaire

Partie 10 : ActionScript 3 en détails


Les différents opérateurs
Les structures conditionnelles et les boucles
Les fonctions
La Programmation Orientée Objet
Etude de cas : créer une classe personnalisée

Partie 11 : La publication


Compilation de l'application
Intégrer votre animation au sein d'un fichier HTML

Partie 12 : Aller plus loin avec Flex : La communication client-serveur


Les concepts de base
Flex couplé à un script serveur
Charger et envoyer des données à partir d'un script serveur
Etude de cas : lier le formulaire de mail à PHP

Formation jQuery


S'inscrire Obtenir un devis

Durée :


02 Jours

Objectifs :


Construire des interfaces performantes avec jQuery - Développer des plugins additionnels

Public :


Webmasters avec de bonnes connaissances HTML et Javascript

Pré-requis :


Connaissance de JavaScript, DOM, CSS et notions d'AJAX

Programme :


Partie 1 : Introduction


Présentation de jQuery : objectifs, alternatives...
Cas d'utilisation, exemples de sites
Principes spécifiques et astuces
Cohabitation avec d'autres frameworks
Atelier : Mise en place de jQuery (développement/production) - gestion des conflits avec les autres frameworks ($ / jQuery)

Partie 2 : Le coeur de jQuery


Fonctions essentielles et chaînage
Sélecteurs CSS3 étendus
Parcours, manipulation de l'arbre DOM et filtres
Atelier : Manipulation de pages web avec jQuery : éléments, styles, ...

Partie 3 : Le système complet des callbacks


Principe
Contrôle du contexte d'exécution des callbacks
Fonctions existantes
Atelier : Multiples cas d'utilisation des callbacks, consommation

Partie 4 : Interfaces utilisateurs grâce à jQuery


Comportement des liens
Association d'évènements et déclenchement
Effets d’animations
Atelier : Panorama des évènements gérés par jQuery, association d'effets

Partie 5 : AJAX avec jQuery


Communication asynchrone/synchrone
Mise en oeuvre d'AJAX
Fonctions jQuery disponibles
Interface des objets Deferred et Promise
Chargement de pages et injection de code
Intégration complète d'AJAX et de l'UI
Compatibilité avec les autres frameworks
Atelier : Requêtes AJAX et parsing XML avec jQuery

Partie 6 : Le système des plugins et l'augmentation de jQuery


Principe de fonctionnement
Panorama des plugins existants (jQuery UI, autres...)
Widgets : sliders, infobulles, drag’n’drop...
Création d'un plugin personnalisé jQuery
Atelier : Intégration/utilisation de plugins existants (slider, datePicket, ...) - Création d'un plugin