Bonjour, nous sommes le 21-01-2025 ; il est 05:12.
Chef de projet Web et Formateur

Éric Bourgeois

Moi

Conception, réalisation de site web

AJAX : perfectionnement pour le Web 2.0

Lundi 31 octobre 2011, stage d'une semaine

Exemples de jQuery

Le Web 2.0

Il est une évolution du Web vers plus de simplicité (ne nécessitant pas de grandes connaissances techniques ni informatiques pour les utilisateurs) et d'interactivité (permettant à chacun de contribuer sous différentes formes). L'expression « Web 2.0 » désigne l'ensemble des techniques, des fonctionnalités et des usages du World Wide Web qui ont suivi la forme initiale du web1, en particulier les interfaces permettant aux internautes ayant peu de connaissances techniques de s'approprier les nouvelles fonctionnalités du web. Ainsi, les internautes contribuent à l'échange d'informations et peuvent interagir (partager, échanger, etc.) de façon simple, à la fois avec le contenu et la structure des pages, mais aussi entre eux, créant ainsi notamment le Web social 2. L'internaute devient, grâce aux outils mis à sa disposition, une personne active sur la toile.
Les sites Web 2.0 ce sont...

En informatique, et plus particulièrement en architecture informatique, AJAX (acronyme de Asynchronous Javascript and XML) est une manière de construire des applications Web et des sites web dynamiques basés sur diverses technologies Web ajoutées aux navigateurs dès 1995.

AJAX est la combinaison de technologies telles que Javascript, CSS, XML, le DOM et le XMLHttpRequest dans le but de réaliser des applications Web qui offrent une maniabilité et un confort d'utilisation supérieur à ce qui se faisait jusqu'alors - les Rich Internet Application (abr. RIA).

Ajax, jQuery et PHP

Frameworks JQuery, Fonctionnement de JQuery :

  • principes de bases
  • Installation de la librairie
  • Utiliser JQUERY avec d'autres librairies
  • Quand débuter les traitements (DOM ready)
  • L'apport des modules dans Jquery (CSS, data)
  • Pour les échanges Ajax : mise en œuvre de jQuery

Évolution du DOM (Document Object Model) au sein des navigateurs web

DOM 1

La première est le DOM Level 1 publié en 1998 (le niveau 0 étant considéré comme l'implémentation de base figurant dans Netscape Navigator 2.0), où le W3C a défini une manière précise de représenter un document (en particulier un document XML) sous la forme d'un arbre. Chaque élément généré à partir du balisage comme, dans le cas de HTML, un paragraphe, un titre ou un bouton de formulaire, y forme un nœud. Est également définie une série de fonctions permettant de se déplacer dans cet arbre, d'y ajouter, modifier ou supprimer des éléments. En plus des fonctions génériques applicables à tout document structuré, des fonctions particulières ont été définies pour les documents HTML, permettant par exemple la gestion des formulaires. Le DOM Level 1 a été disponible dans sa plus grande partie dès les premières versions d'Internet Explorer 5 et de Netscape 6.

DOM 2

La seconde étape est le DOM Level 2 (publié en 2000), à présent constitué de six parties (en plus de Core et HTML, on trouvera Events, Style, View et Traversal and Range). Dans les évolutions de la brique de base (Core), on notera la possibilité d'identifier plus rapidement un nœud ou un groupe de nœuds au sein du document. Ainsi, pour obtenir un élément particulier on ne le recherchera plus dans un tableau comme dans les DOM propriétaires précédents, mais on appellera la fonction getElementById().

Évènements

www.gotapi.com

www.toutjavascript.com

Cours de Javascript

Programmation orientée prototype

La programmation orientée prototype est une forme de programmation orientée objet sans classe, basée sur la notion de prototype. Un prototype est un objet à partir duquel on crée de nouveaux objets.

Parseur XML

Méthodes du DOM | Les éléments de type text, Node, Attribut | Création dynamique d'objets HTML | Rappels XSD.

Evènements du DOM 2

Le gestionnaire d'évènements | Phases des évènements capturing, bubble | Création d'évènement et diffusion.

Rappels sur la programmation orientée objet

Expressions régulières

Mécanismes | Exercices pratiques.

Interaction et échanges de données

Cookies | Base embarquée dans le navigateur Sqlite | Base distante via Ajax et HttpRequest | Interfaçage avec une application Flash.

Programmation JavaScript sous HTML 5

Gestion multimédia | Mode de communications client/serveur | Gestion des données persistantes.

Débogage

Tests unitaires | Gestion des messages d'erreurs | Stockage des bancs de tests.

Google API : Maps, Search et Charts

Enjeux de la cartographie pour les applications Web | Création d'une maps | Intégration de Google Search dans les pages Web | Outils de navigation (zoom, vue plan ,mini-cartes, vue aérienne…) | Génération de graphiques dynamiques.

Frameworks JQuery

Fonctionnement de JQuery : principes de bases | Installation de la librairie | Utiliser JQUERY avec d'autres librairies | Quand débuter les traitements (DOM ready) | L'apport des modules dans Jquery (CSS, data) | Pour les échanges Ajax : mise en œuvre de jQuery.

un Formateur-Chef de projet multimédia/web

propose des formations sur la pratique de la description des pages (html) et du design web (css) afin de travailler mieux et plus vite !

Le fil conducteur :

« apprenez avec moi en profitant de la pédagogie acquise au fil de mes formations et de mes expériences professionnelles. »

Horaires des formations

LUNDI MARDI MERCREDI JEUDI VENDREDI
sur RDV Formation sur RDV Formation Formation
Formation Formation sur RDV Formation sur RDV

Matin : 09h30-12h30
Après-midi : 13h30-16h30