Mon cahier d’exercices sur jQuery & Co
Ce que je crois savoir. Ce que je pense devoir faire. Si je ne me trompe pas !

Contenu

"Auteur : Hagnoul Daniel"

2014-03-18

Propositions de Q/R pour la FAQ jQuery.

plugin dvjhDialogModal. Dialogue modal.

JuliaXXL : les ensembles en 1500 * 1000 pixels..

plugin dvjhDrop. Nouvelle version !

MandelbrotXXL : la fractale en 1500 * 1000 pixels..

Plugin multitâche : méthode de construction personnelle et exemples.

Adapter jQuery à vos besoins.

FAQ jQuery.

Programmation orientée objet par prototype avec jQuery.

Outils pour construire un code jQuery évolutif.

Les ensembles de Julia Présentation et codes

La fractale de Benoît Mandelbrot Présentation et codes

plug-in dvjhClone. Réaliser un clone complet et le mettre en place.

plug-in dvjhDrop. Laisser tomber ce qu'il vous plaît.

plug-in spacefrogRule. Émuler colspan et rowspan qui n'existent pas en CSS 2.

Widget dvjhPassword. Un dialogue d'authentification, basé sur $.ui.dialog.

plug-in dvjhGoUp. Monter. Go up.

plug-in dvjhBBCodeTextarea. Ajout de balises, BBCode ou autre, dans un textarea.

plug-in dvjhElastique. Texte élastique avec ou sans effet LasVegas.

plug-in nopainLasVegas. Simule une enseigne lumineuse de Las Vegas.

plug-in dvjhNotify. Dialogue d'information.

plug-in dvjhTooltip. Infobulle.

plug-in Reflect. Simule le reflet d'une image dans un miroir.

Utilisez les événements ! Une queue d’événements. $.proxy().

Les navigateurs internet traitent de manière anarchique les événements JavaScript, mais jQuery s'occupe en interne des particularités de chacun et offre en externe une interface unique. Il possède un système événementiel élaboré, assez facile à appréhender, mais méconnu et sous-exploité.

UI Datepicker. Personnalisation d'une vue fixe (planning).

On peut utiliser le UI Datepicker avec un tag "div". On obtient ainsi une vue fixe, le "widget" ne se referme pas après le choix d’une date, ce qui est très pratique pour la gestion d’un emploi du temps.

Utilisez un espace de noms ! Génération par la clôture jQuery.

Idéalement, votre code ne doit être accessible qu'au travers d'un et d'un seul objet global.

Comme notre espace de noms contiendra du code jQuery, nous devons utiliser la clôture jQuery pour générer l’objet global dans l’espace de noms window grâce à l’écriture JSON.

Utilisez la fonction globale ! Pollution de l'espace de noms.

Un point d'entrée permettant de communiquer avec la clôture.

En choisissant de promouvoir la clôture, espace privé, je souhaitai également libérer l'espace de noms "window", or chaque fonction globale ou objet global encombrera un peu plus cet espace de noms. De plus si comme il se doit, votre code est un composant réutilisable, le risque de collisions avec un autre composant du même nom est très élevé.

Clôturez jQuery ! Pour un code évolutif. Plus de conflits pour le $.

Avec un Javascript omniprésent et des codes de plus en plus complexes, le programmeur se doit de maîtriser les bases du langage, la structuration et la modularisation du code, il se doit d'écrire un code gérable, réutilisable et facilement évolutif.

Mon Cahier d'exercices. Présentation. Pour qui ? Les fondations.

Mes exercices s’adressent aux personnes qui ont déjà utilisé jQuery et qui cherchent des exemples, des conseils, des composants.

À bientôt !

 

Veuillez poser vos questions
techniques sur le forum jQuery
s'il vous plait.

Avertissement solennel

Autodidacte en informatique, l’auteur a tous les défauts de sa qualité. Si vous vous inspirez, copiez ou pire utilisez le contenu de cette page, vous êtes téméraire, inconscient du danger !

Reconnaissant avoir été dûment informé, vous déchargez l’auteur et à fortiori l’hébergeur du site de toute responsabilité dans les graves dégâts que vous causerez sûrement !

Vous n'aurez jamais fini d'apprendre la programmation, aussi apprenez à apprendre en vous amusant.

danielhagnoul vous recommande le navigateur Firefox

Creative Commons License Attribution-Share Alike 2.0 Belgium Except where otherwise noted, content on this site is licensed under a Creative Commons License : Attribution-Share Alike 2.0 Belgium

Mention obligatoire : "Auteur : Hagnoul Daniel (http://www.developpez.net/forums/u285162/danielhagnoul/)"