Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

TOUT JavaScript Maîtrisez les bases de la programmation JavaScript Démarrez ave

TOUT JavaScript Maîtrisez les bases de la programmation JavaScript Démarrez avec les frameworks Node.js, React, Angular… Pratiquez avec le site tjavascript.com A. Cazes, J. Delacroix 288 pages 2016 F . Lemainque 128 pages 2018 C. Aubry 384 pages 2018 P .-Y . Cloux, T . Garlot, J. Kohler 304 pages 2019 TOUT JavaScript Olivier Hondermarck Maîtrisez les bases de la programmation JavaScript Démarrez avec les frameworks Node.js, React, Angular… Pratiquez avec le site tjavascript.com © Dunod, 2019 11 rue Paul Bert, 92240 Malakoff www.dunod.com ISBN 978-2-10-077958-1 Création graphique de la couverture : Hokus Pokus Créations Avant-propos ¡ ¡ Pourquoi un nouveau livre sur le JavaScript ? Dix ans après mon premier ouvrage sur le JavaScript, paru chez Micro-Application, une totale réécriture était nécessaire. J’ai écrit ce livre avec une vision plus large que le simple apprentissage du JavaScript. J’ai voulu apporter au lecteur des principes qui seront utiles dans la programmation sur tous les langages. J’ai aussi ajouté des conseils sur les facteurs de succès d’un projet web. Après une expérience de plus de douze ans en tant que créateur et éditeur d’un site web leader dans sa thématique, j’ai voulu partager mes acquis en abordant les optimisations de performances, d’ergonomie et de référencement, jusqu’au modèle économique. ¡ ¡ À qui s’adresse ce livre ? Ce livre s’adresse à tous les développeurs web, qu’ils soient débutants ou avancés, en phase de formation à l’école, en auto-apprentissage par passion de la programmation ou en poste dans une entreprise du net. Des connaissances préalables sur les langages HTML et CSS sont souhaitables. Un lecteur qui découvre la programmation aura intérêt à lire cet ouvrage dans l’ordre et en intégralité, presque à l’image d’un roman. L ’enchaînement des chapitres est progressif et ponctué de remarques et de conseils adaptés à la vraie vie d’un projet web. Un développeur plus à l’aise avec le langage pourra se reporter à l’index, riche et varié, pour trouver directement les fonctionnalités du langage ou des notions plus générales qu’il souhaite approfondir ou découvrir. Dans tous les cas, les deux premiers chapitres seront instructifs pour tous les lecteurs, avec un point de vue sur la place du JavaScript dans un projet et des rappels sur les bons outils et les bonnes pratiques de programmation. Les lecteurs experts observeront sans doute quelques simplifications par rapport à la terminologie officielle ; elles sont destinées à rendre les notions plus facilement compré- hensibles. La méthode log() de l’objet console sera par exemple présentée aussi comme une fonction. ¡ ¡ Renvois vers le site toutjavascript.com Afin de rendre ce livre moins volumineux, et donc moins cher, j’ai adopté une écriture assez condensée, avec les captures d’écrans strictement nécessaires et des extraits de scripts limités à la partie essentielle. Des renvois vers les exemples complets sont proposés via des liens raccourcis au for- mat tjs.ovh/nomScript. Ces renvois, véritables compléments interactifs à ce guide, affichent : 9 9 le rendu de l’exécution du script ; 9 9 un émulateur de la console du navigateur ; Avant-propos VI 9 9 le code source complet de l’exemple avec une coloration syntaxique, des commen- taires et des liens vers les fiches de la référence JS de mon site toutjavascript.com. ¡ ¡ Erratum La page http://www.toutjavascript.com/livre/erratum.php contient les éventuels errata relevés par les lecteurs. N’hésitez pas à y déposer vos remarques pour améliorer et com- pléter les informations publiées. ¡ ¡ Remerciements Je tiens à remercier les lecteurs de mon premier livre, sans qui cette version entièrement nouvelle n’aurait pas existé. Je remercie également mon éditeur, Jean-Luc Blanc, chez Dunod, pour son professionna- lisme. Il a réussi à me comprendre et à me motiver. Sans la patience et les encouragements de Stephy, je n’aurai jamais été au bout de ce long travail. Merci à ma mère pour la relecture attentive du manuscrit. Mon chien, qui a supporté les longs mois d’écriture des deux livres, ne verra hélas pas l’aboutissement de cette version. Je profite également de cet espace un peu plus personnel pour exprimer ma gratitude en tant qu’entrepreneur du web à trois sociétés incontournables. Elles ont énormément participé à la démocratisation d’Internet et donc à la réussite d’entreprises telles que la mienne : 9 9 Google, pour avoir rendu l’accès à l’information bien plus facile aux utilisateurs ; 9 9 Free et son patron emblématique, Xavier Niel, pour avoir créé les forfaits illimités ADSL et Mobile à tarifs imbattables ; 9 9 OVH et son créateur, Octave Klaba, pour avoir offert des solutions d’hébergement fiables et très abordables à tous les diffuseurs de contenus. Table des matières Avant-propos. ................................................................................................................................................... V PREMIÈRE PARTIE Les bases de JavaScript 1 Réflexions autour du JavaScript................................................................................................. 3 1.1 JavaScript, c’est quoi ? . .......................................................................................................... 3 1.2 brève histoire du JavaScript.................................................................................................... 4 1.3 le standard ECMAScript........................................................................................................... 4 1.4 rappel sur le principe client/serveur.................................................................................. 6 1.5 les possibilités du JavaScript. ................................................................................................ 7 1.6 limites et sécurités du JavaScript....................................................................................... 8 1.7 impact sur les performances et le référencement.................................................... 9 1.8 l ’image du JavaScript et son avenir.................................................................................... 10 1.9 place du JavaScript dans un projet web. .......................................................................... 10 2 Hello(s) World(s). ...................................................................................................................................... 13 2.1 les exemples de Hello World................................................................................................. 13 2.2 la console des navigateurs. ..................................................................................................... 17 2.3 l ’extension Web Developer...................................................................................................... 20 2.4 l ’outil Google PageSpeed. ......................................................................................................... 20 2.5 JavaScript non activé................................................................................................................... 20 2.6 le bon éditeur de texte.............................................................................................................. 22 2.7 programmer et partager du JS en ligne........................................................................... 22 2.8 mettre un site en ligne. ............................................................................................................... 23 2.9 les bonnes pratiques.................................................................................................................. 23 3 Structure d’un script. ............................................................................................................................ 29 3.1 intégrer du JavaScript. ................................................................................................................. 29 3.2 les variables..................................................................................................................................... 33 3.3 les blocs d’instructions. ............................................................................................................. 37 3.4 les tests conditionnels. .............................................................................................................. 38 3.5 les conditions.................................................................................................................................. 41 3.6 les boucles. ....................................................................................................................................... 45 3.7 les fonctions.................................................................................................................................... 49 1 2 3 Table des matières VIII 4 Les chaînes de caractères en JavaScript............................................................................... 57 4.1 déclaration d’une chaîne de caractères. ........................................................................... 57 4.2 concaténation de chaînes. ........................................................................................................ 59 4.3 l ’objet string...................................................................................................................................... 60 4.4 le traitement des caractères spéciaux. ............................................................................ 63 4.5 exécuter une chaîne JavaScript. ............................................................................................ 64 4.6 manipulations avancées avec les expressions régulières..................................... 65 5 Les mathématiques.............................................................................................................................. 73 5.1 les conversions de types de données............................................................................. 73 5.2 l ’objet Math....................................................................................................................................... 76 5.3 les nombres aléatoires.............................................................................................................. 77 5.4 l ’affichage formaté de nombres............................................................................................ 79 6 Manipulation de dates. ....................................................................................................................... 81 6.1 l ’objet Date........................................................................................................................................ 81 6.2 les minuteries................................................................................................................................. 85 6.3 l ’affichage formaté de dates. ................................................................................................... 86 7 Les tableaux............................................................................................................................................... 89 7.1 utilité des tableaux....................................................................................................................... 89 7.2 l ’objet Array....................................................................................................................................... 90 7.3 les tableaux spéciaux................................................................................................................. 94 7.4 la manipulation de tableaux. ................................................................................................... 96 8 Programmation objet et JSON.................................................................................................... 105 8.1 les principes de la programmation objet........................................................................ 105 8.2 créer des objets JavaScript..................................................................................................... 108 8.3 le format JSON.............................................................................................................................. 118 8.4 résumé de la POO JavaScript............................................................................................... 123 9 Réintroduction au JavaScript........................................................................................................ 127 9.1 les évolutions de structure du langage. ........................................................................... 127 9.2 les évolutions sur les objets. .................................................................................................. 130 9.3 comprendre un appel JavaScript. ......................................................................................... 130 10 L’objet maître window. ....................................................................................................................... 135 10.1 l ’objet window................................................................................................................................. 135 10.2 manipulation des pop-up........................................................................................................... 143 10.3 manipulation des frames. .......................................................................................................... 144 4 5 6 7 8 9 10 Table des matières IX © Dunod – Toute reproduction non autorisée est un délit. Deuxième PARTIE L’interactivité 11 La programmation événementielle. .......................................................................................... 149 11.1 programmation événementielle............................................................................................ 149 11.2 le gestionnaire d’événements en détail. ......................................................................... 152 12 Manipuler le document. ..................................................................................................................... 163 12.1 le HTML dynamique. ................................................................................................................... 163 12.2 trouver les éléments du document.................................................................................... 164 12.3 manipuler les éléments. ............................................................................................................. 170 12.4 créer de nouveaux éléments. ................................................................................................. 179 12.5 le drag and drop. ............................................................................................................................ 185 12.6 la sélection de texte. ................................................................................................................... 186 13 Les formulaires......................................................................................................................................... 193 13.1 l ’objet Form....................................................................................................................................... 193 13.2 les éléments de formulaires.................................................................................................. 197 13.3 les contrôles de saisie............................................................................................................... 215 13.4 les données côté serveur........................................................................................................ 215 14 Les appels AJAX. ..................................................................................................................................... 219 14.1 appels asynchrones..................................................................................................................... 219 14.2 le traitement côté serveur. ...................................................................................................... 223 14.3 les contraintes liées à AJAX. .................................................................................................. 225 15 La gestion des erreurs. ........................................................................................................................ 229 15.1 la détection d’une erreur. ......................................................................................................... 229 15.2 l ’objet Error........................................................................................................................................ 231 16 Les cookies et l’objet Storage. ...................................................................................................... 235 16.1 les cookies........................................................................................................................................ 235 16.2 le stockage de données locales. .......................................................................................... 240 16.3 les différences entre cookie et l’objet storage........................................................... 241 17 La géolocalisation.................................................................................................................................. 243 17.1 confidentialité et sécurité......................................................................................................... 243 17.2 obtenir la position actuelle. ...................................................................................................... 243 17.3 obtenir les positions régulièrement................................................................................... 245 17.4 les scripts de cartographie...................................................................................................... 245 18 Les notifications...................................................................................................................................... 247 18.1 le principe des notifications. ................................................................................................... 247 18.2 les notifications en JavaScript. .............................................................................................. 248 11 12 13 14 15 16 17 18 Table des matières X 19 Le dessin et les canvas....................................................................................................................... 251 19.1 l ’élément Canvas........................................................................................................................... 251 19.2 interactivités et animations. ..................................................................................................... 260 TROISIÈME PARTIE Pour aller encore plus loin avec JavaScript Monétisation et publicité................................................................................................................. 265 20.1 la monétisation. .............................................................................................................................. 265 20.2 la publicité......................................................................................................................................... 266 20.3 les bloqueurs de publicité. ....................................................................................................... 267 Introduction à Node.js........................................................................................................................ 271 21.1 installation de Node.js. ................................................................................................................ 271 21.2 utilisation de Node.js en serveur web.............................................................................. 275 21.3 utilisation de npm. ......................................................................................................................... 277 21.4 un serveur web Node.js prêt à l’emploi.......................................................................... 280 21.5 node.js et les WebSockets...................................................................................................... uploads/Litterature/ java-script-important.pdf