Dcouvrez comment utiliser les fonctions essentielles du Framework Dojo. Apprenez laconfigurer, l'appel de modules, le debug, le chargement du DOM... Tout est dans la formation ci-dessous.

jQLeadBrite("#leadplayer_video_element_5352A2A9A13EF").leadplayer(false, "eyJnYSI6dHJ1ZSwib3ZlcmxheSI6ZmFsc2UsInBvd2VyZWRfYnkiOmZhbHNlLCJwb3dlcmVkX2J5X2xpbmsiOiJodHRwOlwvXC93d3cucHJvZ3JhbW1hdGlvbi1mYWNpbGUuY29tXC8iLCJjb2xvcjEiOiIjRjVCQjBDIiwiY29sb3IyIjoiIzE3OThDRCIsImNvbG9yMyI6IiNGNUJCMEMiLCJ0eHRfc3VibWl0IjoiUkVDRVZPSVIgISIsInR4dF9wbGF5IjoiTGVjdHVyZSIsInR4dF9lbWwiOiJSZW5zZWlnbmV6IHZvdHJlIEVtYWlsLi4uIiwidHh0X25hbWUiOiJSZW5zZWlnbmV6IHZvdHJlIFByXHUwMGU5bm9tLi4uIiwidHh0X2ludmFsaWRfZW1sIjoiU1ZQLCByZW5zZWlnbmV6IHZvdHJlIEVtYWlsLi4uIiwidHh0X2ludmFsaWRfbmFtZSI6IlNWUCwgcmVuc2VpZ25leiB2b3RyZSBQclx1MDBlOW5vbS4uLiIsImxwX3NvdXJjZSI6IldQIFBsdWdpbiAxLjQuMi4xIFVubGltaXRlZCIsImlkIjoiNTM1MkEyQTlBMTNFRiIsIndpZHRoIjo5NDAsImhlaWdodCI6NTI5LCJ0aHVtYm5haWwiOiIiLCJ0aXRsZSI6IkxlcyBmb25jdGlvbnMgZXNzZW50aWVsbGVzIGR1IGZyYW1ld29yayBEb2pvIiwiZGVzY3JpcHRpb24iOiJMZXMgZm9uY3Rpb25zIGVzc2VudGllbGxlcyBkdSBmcmFtZXdvcmsgRG9qbyIsImF1dG9wbGF5IjpmYWxzZSwic2hvd190aW1lbGluZSI6dHJ1ZSwiZW5hYmxlX2hkIjp0cnVlLCJvcHQiOmZhbHNlLCJjdGEiOnsidGltZSI6ImVuZCIsImJ0ZXh0IjoiQ2xpcXVleiBpY2kgcG91ciBQcm9maXRlciBkZSBsYSBQdWlzc2FuY2UgZGVzIEZyYW1ld29ya3MgalF1ZXJ5IGV0IERvam8gZGFucyB2b3RyZSBEXHUwMGU5dmVsb3BwZW1lbnQgISIsInVybCI6Imh0dHA6XC9cL3d3dy5wcm9ncmFtbWF0aW9uLWZhY2lsZS5jb21cL2Zvcm1hdGlvbi1qcXVlcnktZG9qb1wvIiwiYXV0b19mb2xsb3ciOmZhbHNlLCJuZXdfd2luZG93IjpmYWxzZX0sInltIjoiWm1RX2pLQzN0YkkifQ==");

Afficher le texte de la vidoLes fonctions essentielles du framework Dojo Bonjour tous et bienvenu surDveloppement Facile. On continue ensemble les cours ddis au Framework Dojo, unFramework JavaScript fabuleux, travers ce cours vous allez dcouvrir les fonctionsessentielles de Dojo, celles que vous allez utiliser trs souvent.Configurer Dojo Vous avezdjconfig qui permet de configurer le fonctionnement de Dojo, je ne vous donne pas toutes lesoptions, djconfig vous les donnes, seulement les options que vous allez utiliser le plus souvent,isDebug c'est un boolen que vous mettez true ou false pour activer les outils de debugageavec les extensions FireBug qui est disponible sous FireFox, Google Chrome et InternetExplorer, baseUrl a dfinit le chemin d'accs racine du Framework Dojo, par exemple, js/Dojo,il y a d'autres options, mais bon je vous donne les deux que vous allez utiliser trs souvent,isDebug pensez le mettre false quand votre site est en production, sur Internet, vouspouvez le mettre true pendant les moments o vous faites voluer et que vous avez besoindes outils de debug, justement de FireBug. Pour configurer Dojo vous avez deux solutions, soitvous faites, comme vous voyez l'cran travers les balises script directement en attribut de labalise script djConfig parseOnLoad :true, isDebug :true, ou alors vous crez un objet var

1 / 3

djConfig=parseOnLoad :true isDebug :true locale :en-us, tout simplement vous de voir. Enprincipe, on utilise directement via l'attribut de la balise script, c'est beaucoup plus rapide crire, aprs il y en a d'autres qui prfrent que ce soit un objet, vous de voir c'est vous quichoisissez selon vos prfrences.Les appels de modules Suivant ce que vous avez utilis, ceque vous voulez crer, ce que vous prenez comme fonctionnalit Dojo, il va tre ncessaire defaire appel des bibliothques spcialises, ddies certaines fonctions comme le calendrierque vous avez vu dans le cours prcdent, il fallait faire un dojo.require, il faut savoir que Dojone charge jamais deux fois la mme bibliothque, si dans votre code vous mettez deux foisdojo.require, dojo.parser, il ne sera charg qu'une seule fois, donc c'est trs pratique. Utilisezl'instruction dojo.require et le module dont avez besoin, comme a, Dojo fera automatiquementle chargement de ce fichier JavaScript quand il en aura besoin.Le chargement complet Ainsiles diffrents modules de Dojo sont chargs la demande, de faon asynchrone, il vaut mieuxlancer votre script une fois que le DOM est prs et surtout lorsque les appels Dojo.require sontchargs, donc vous allez utiliser la fonction Dojo.addOnload qui est justement l pour remdier tous ces problmes, une fois que vous avez votre site Internet en ligne, il y a des problmesdans Internet qui peut couper, le chargement peut tre coup, et vous avez votre script quis'excute alors que tous les lments ne sont pas disponibles dans la page web, utilisez lafonction Dojo.addOnload qui va attendre que tous ces lments soient chargs, et ensuite vouspourrez utiliser les fonctionnalits de Dojo, tout simplement.Rappels sur le debug Un petitrappel sur le debug, la fonction de Dojo gre automatiquement le debug avec FireBug commevous l'avez vu dans les cours prcdents, vous avez diffrents formats de messages que vouspouvez envoyer la console Firebug, console.log, un message de log, console.debug unmessage de debug, console.info un message informatif, console.warn un message de warning,attention, et console.error un message d'erreur, les messages vont apparaitre diffremmentdans le console FireBug avec une couleur, une icne diffrente. Utilisez-le souvent,l'importance du message que vous voulez donner. Je vous montre un exemple de code sourcepour ce cours, alors on a rgl la configuration de Dojo, on fait Dojo.require sur le parser, sur lecalendrier et sur un bouton parce qu'on en a besoin, on attend bien que la page soit charge,on envoie un petit message de log, et l, on construit notre bouton panneau de bouton, et l, lecode pour appeler le bouton, donc les deux boutons et le calendrier, ce qui donne, choisissezvotre date de dpart avec le calendrier, un bouton, on clique sur le premier bouton et undeuxime bouton, on clique sur le deuxime bouton.Votre plan d'actions ! Comme d'habitude,c'est en pratiquant, c'est en forgeant qu'on devient forgeron, tlchargez le code source sous cecours vido, mettez-le en pratique dans vos applications Web si vous avez des questions,posez-les sous cette vidos et moi je vous dis trs bientt sur Dveloppement Facile.

Tlchargez l'exemple DojoRetrouvez un exemple de code Dojo avec mes commentaires explicatifs.

Downloads

2 / 3

Exemple avec les fonctions du Framework Dojo

Code JavaScript comment pour utiliser les fonctions essentielles de Dojo.

Framework Dojo complet : dojo-release-1.9.3

Code source du Framework Dojo en version dojo-release-1.9.3

A votre tour de jouer !Postez dans les commentaires, les applications que vous avez crs avec le FrameworkDojo.Les fonctions essentielles du framework Dojo

Crez des Applications Mobiles, Web Performantes avec Dveloppement Facile : Cliquez icipour Tlcharger Gratuitement votre Formation Professionnelle Dveloppement Web

Powered by TCPDF (www.tcpdf.org)

3 / 3