Sauf mention contraire, le contenu de cet ouvrage est publié sous la licence :
Sauf mention contraire, le contenu de cet ouvrage est publié sous la licence : Creative Commons BY-NC-SA 2.0 La copie de cet ouvrage est autorisée sous réserve du respect des conditions de la licence Texte complet de la licence disponible sur : http://creativecommons.org/licenses/by-nc-sa/2.0/fr/ Simple IT 2012 - ISBN : 979-10-90085-04-6 Avant-propos D epuis sa création, le Javascript n'a cessé de croître en popularité. Longtemps re- légué au simple rang de langage de scripts basiques , il est devenu ces dernières années un langage absolument incontournable pour toute personne qui s'intéresse à la création de sites Web. Il est désormais entré dans la cour des grands, aux côtés du HTML5, du CSS3 et du PHP5 ! Le Javascript est donc devenu un acteur majeur dans la création de sites Web. Il a été popularisé par des sites sociaux comme Facebook ou Twitter, qui en font une utilisation massive pour améliorer le confort de navigation des utilisateurs : moins de recharge- ments de pages, interactivité. . . Le Javascript a aussi gagné en popularité grâce aux frameworks Javascript, comme jQuery et MooTools, les héritiers de Prototype.js. Ces frameworks apportent des fonctionnalités en plus, tout en simpli ant et en accélérant le développement de scripts. Cependant, si l'on veut pouvoir tirer parti de ces frameworks, il faut connaître le langage sur lequel ils s'appuient : le Javascript. Beaucoup de développeurs apprennent à utiliser jQuery ou MooTools sans connaître le Javascript. C'est comme conduire une voiture sans connaître le code de la route. C'est possible, mais gare aux accidents ! Les frameworks permettent de faire de grandes choses, mais pas tout ! Il faut donc régulièrement sortir des sentiers battus, et mettre les mains dans le Javascript. Dans ce livre, nous mettons un point d'honneur à vous enseigner le Javascript tel que nous aurions voulu qu'il nous soit enseigné. Nous avons tous deux appris le Javascript à l'époque où les frameworks commençaient à peine à se développer et où les cours de Javascript mettaient en ÷uvre des pratiques déjà obsolètes. Apprendre le Javascript n'est pas simple ! C'est un langage pourvu d'une logique qui lui est propre et que vous ne retrouverez que dans peu de langages. Mais peu importe, ce langage est formidable et passionnant, et a des capacités de moins en moins limitées, tant et si bien qu'il devient utilisable ailleurs que dans les pages HTML ! En eet, le Javascript peut être utilisé pour réaliser des userscripts pour les navigateurs, des extensions, des programmes avec Adobe AIR et même de la programmation pour serveurs, bien que cette dernière n'en soit qu'à ses balbutiements. i CHAPITRE 0. AVANT-PROPOS Qu'allez-vous apprendre en lisant ce livre ? Le plan de ce livre a été conçu pour faciliter votre découverte et votre apprentissage de la programmation JavaScript. Voici le chemin que nous allons parcourir : 1. Les bases du Javascript : cette partie sera consacrée à l'apprentissage des bases du langage. Nous passerons en revu tout ce qui concerne les particularités du Javascript et reprendrons toutes les notions de programmation a n que les débutants en programmation ne soient pas perdus. À la n de cette partie, vous serez invités à réaliser une application capable d'a cher un nombre en toutes lettres ; elle réutilisera l'ensemble des notions que vous aurez acquises et mettra votre capacité de ré exion à rude épreuve. 2. Modeler vos pages Web : après une première partie consacrée aux bases de tout langage de programmation (variables, conditions, boucles, fonctions. . .), vous serez ici plongés dans la modélisation de pages web dynamiques. Le dynamisme est une notion importante du Javascript, c'est cela qui permet à l'utilisateur d'in- teragir avec votre page web. Vous découvrirez ainsi comment modi er le contenu d'une page web, créer et manipuler des événements et modi er le style CSS de vos éléments HTML. Tout comme pour la première partie, vous trouverez de nouveau un TP conçu pour vous faire travailler sur ce que vous aurez appris au cours de votre lecture. 3. Les objets : conception et utilisation : une fois que vous aurez acquis les connaissances nécessaires en termes d'interaction avec une page web et les utili- sateurs, vous pourrez alors vous investir dans une utilisation un peu plus avancée du Javascript. Vous y découvrirez comment créer des objets évolués et quels sont les objets natifs les plus intéressants à manipuler. Vous serez ainsi initiés au trai- tement avancé des chaînes de caractères, des nombres et des tableaux, et vous apprendrez à gérer le temps et les images. À tout cela s'ajoute un chapitre abor- dant deux concepts de programmation très utilisés : les wrappers et les poly lls. 4. L'échange de données avec l'AJAX : la notion d'échange de données entre un client et un serveur n'est pas nouvelle au sein du Javascript, nous aborderons ici le concept sous toutes ses formes et étudierons les diverses possibilités qui s'orent à nous a n de faire communiquer nos scripts avec un serveur sans pour autant recharger la page web. Un point sera aussi fait sur les structures de données a n que vous sachiez sous quelle forme transférer vos données et vous découvrirez comment réaliser un système d'upload de chiers. La partie se conclura sur la création d'un système d'auto-complétion, chose qui vous resservira probablement un jour où l'autre. 5. Javascript et HTML5 : vous avez maintenant terminé votre apprentissage sur tout ce qui était essentiel au Javascript, dans cette partie nous irons donc un peu plus loin et explorerons la manière dont le HTML5 permet au Javascript d'aller encore plus loin. Nous ferons avant tout un point sur ce qu'apporte le HTML5 vis-à-vis du Javascript puis nous nous pencherons sur quelques points essentiels, à savoir : la manipulation des balises <audio>, <video> et <canvas> ainsi que la gestion des chiers et la mise en place d'un système de Drag & Drop. ii COMMENT LIRE CE LIVRE ? 6. Annexes : il est courant de voir dans de nombreux ouvrages des sections réser- vées à tout ce qui est annexe au cours, celui-ci ne déroge pas à la règle. Vous trouverez donc ici de quoi approfondir vos connaissances en termes de débogage de code et vous serez initiés aux closures qui peuvent paraître complexes mais vous apporteront un confort incontournable dans votre manière de développer. L'ultime chapitre de ce cours vous fera un récapitulatif sur certains points es- sentiels du Javascript et vous montrera que ce langage peut se rendre très utile même en-dehors des navigateurs web. Comment lire ce livre ? Suivez l'ordre des chapitres Lisez ce livre comme on lit un roman. Il a été conçu pour cela. Contrairement à beaucoup de livres techniques où il est courant de lire en diagonale et de sauter certains chapitres, il est ici très fortement recommandé de suivre l'ordre du cours, à moins que vous ne soyez déjà un peu expérimentés. Pratiquez en même temps Pratiquez régulièrement. N'attendez pas d'avoir ni de lire ce livre pour allumer votre ordinateur et faire vos propres essais. Utilisez les codes web ! A n de tirer parti du Site du Zéro dont ce livre est issu, celui-ci vous propose ce qu'on appelle des codes web . Ce sont des codes à six chires à saisir sur une page du Site du Zéro pour être automatiquement redirigé vers un site web sans avoir à en recopier l'adresse. Pour utiliser les codes web, rendez-vous sur la page suivante 1 : http://www.siteduzero.com/codeweb.html Un formulaire vous invite à rentrer votre code web. Faites un premier essai avec le code ci-dessous : ▷ Tester le code web Code web : 123456 Ces codes web ont deux intérêts : ils vous redirigent vers les sites web présentés tout au long du cours, vous permettant ainsi d'obtenir les logiciels dans leur toute dernière version ; ils vous permettent de télécharger les codes sources inclus dans ce livre, ce qui vous évitera d'avoir à recopier certains programmes un peu longs. 1. Vous pouvez aussi utiliser le formulaire de recherche du Site du Zéro, section Code web . iii CHAPITRE 0. AVANT-PROPOS Ce système de redirection nous permet de tenir à jour le livre que vous avez entre les mains sans que vous ayez besoin d'acheter systématiquement chaque nouvelle édition. Si un site web change d'adresse, nous modi erons la redirection mais le code web à utiliser restera le même. Si un site web disparaît, nous vous redirigerons vers une page du Site du Zéro expliquant ce qui s'est passé et vous proposant une alternative. En clair, c'est un moyen de nous assurer de la pérennité de cet ouvrage sans que vous ayez à faire quoi que ce soit ! Remerciements Nous tenons à remercier les personnes qui ont contribué de près ou de loin à l'écriture de ce cours. Ces personnes sans qui ce cours aurait eu du mal à avancer ! Commençons par trois accros du Javascript : Yann Logan, alias Golmote, pour ses relectures et ses conseils uploads/s1/ dynamisez-vos-sites-web-avec-javascript.pdf
Documents similaires
-
32
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Nov 05, 2022
- Catégorie Administration
- Langue French
- Taille du fichier 11.3048MB