Ce livre sur JavaScript s'adresse à des développeurs soucieux de progresser dans leurs compétences JavaScript et de passer de la maîtrise syntaxique à la maîtrise du cycle de développement complet. Une première expérience du développement avec JavaScript, dans sa syntaxe de base, est indispensable à la bonne compréhension de cet ouvrage.

JavaScript est un langage particulièrement puissant avec une expressivité assez libre. Cette liberté mal maîtrisée devient vite une source de difficultés notamment à l'obtention d'un code de qualité en un temps raisonnable. Après la lecture de ce livre, vous saurez démarrer rapidement vos projets, créer un code portable et efficace, reprendre votre travail dans des contextes et supports variés. Pour cela, l'auteur a mis l'accent sur les bonnes pratiques comme l'organisation du code en modules indépendants, la réalisation de tests unitaires, le débogage, le choix de librairies externes...

Vous serez capable de gérer des projets de taille variable sans jamais perdre de vue l'architecture de vos applications, que vous soyez seul ou en équipe. Vous serez à l'aise dans vos projets web pour un usage classique comme pour un usage mobile. Grâce à TypeScript, vous apprendrez à dépasser les limites de JavaScript. Enfin, vous saurez créer, utiliser et étendre plus facilement des frameworks web adaptés à votre contexte d'exploitation comme jQuery, Dojo...

Vous bénéficierez des dernières évolutions importantes du langage grâce à la dernière norme ECMAScript pour favoriser un véritable développement objet et fonctionnel.

Des éléments complémentaires sont en téléchargement sur le site www.editions-eni.fr.


Quizinclus dans
la version en ligne !

• Testez vos connaissances à l'issue de chaque chapitre
• Validez vos acquis

Téléchargements

• Des fichiers complémentaires (362 Ko)

Bien démarrer vos projets

1. 1. Choisir votre environnement de développement
   1. 1.1 Introduction
   2. 1.2 NetBeans
   3. 1.3 Visual Studio Community
   4. 1.4 WebStorm
   5. 1.5 Bilan
2. 2. Organiser votre code
   1. 2.1 Séparer le code de la présentation
   2. 2.2 Chargement en pied de page
   3. 2.3 Chargement de script par le cache du navigateur
3. 3. Portée des variables et fonctions
   1. 3.1 Portée des variables
   2. 3.2 Portée des variables dans une fonction
4. 4. Optimisation de la portée
   1. 4.1 Limiter le contexte global
   2. 4.2 Fonction anonyme
   3. 4.3 Fermeture
5. 5. Simplifier vos expressions
   1. 5.1 L’opérateur ||
   2. 5.2 L’opérateur &&
   3. 5.3 Comparaison
   4. 5.4 Paramètres variants
   5. 5.5 Extension de type
      1. 5.5.1 prototype
      2. 5.5.2 Array
      3. 5.5.3 String
      4. 5.5.4 Function
      5. 5.5.5 Object
6. 6. Passage au mode strict
   1. 6.1 Usage
   2. 6.2 Quelques cas
7. 7. JSHint
   1. 7.1 Usage de base
   2. 7.2 Chargement de code
   3. 7.3 Autre usage
      1. 7.3.1 Ligne de commande
      2. 7.3.2 Dans votre éditeur
8. 8. Documenter votre code avec JSDoc
   1. 8.1 Le principe
   2. 8.2 Les marqueurs
      1. 8.2.1 Déclarations
      2. 8.2.2 Fonctions
      3. 8.2.3 Objet
      4. 8.2.4 Meta
   3. 8.3 Usage
      1. 8.3.1 EDI WebStorm
      2. 8.3.2 Génération d’une documentation
9. 9. Passage d’un environnement de développement à un environnement de production
   1. 9.1 Tests unitaires
      1. 9.1.1 Introduction
      2. 9.1.2 Gestion avec votre propre librairie
      3. 9.1.3 QUnit
   2. 9.2 Minimisation
      1. 9.2.1 Présentation
      2. 9.2.2 YUI Compressor
      3. 9.2.3 Closure Compiler

Développer efficacement en objet

1. 1. Première approche
   1. 1.1 Rappels
      1. 1.1.1 Classe
      2. 1.1.2 Instance
      3. 1.1.3 Encapsulation
      4. 1.1.4 Héritage
      5. 1.1.5 Abstraction
      6. 1.1.6 Surcharge
      7. 1.1.7 L’interface
      8. 1.1.8 Polymorphisme
   2. 1.2 Construction d’un objet
      1. 1.2.1 Préambule
      2. 1.2.2 Instance directe
      3. 1.2.3 Tableau associatif
      4. 1.2.4 Parcours des propriétés
   3. 1.3 Construction d’une classe
      1. 1.3.1 Le constructeur
      2. 1.3.2 L’opérateur new
      3. 1.3.3 L’opérateur this
      4. 1.3.4 Le mot-clé with
      5. 1.3.5 Le mot-clé instanceof
2. 2. Contexte d’exécution
   1. 2.1 this
   2. 2.2 that
   3. 2.3 Fonction anonyme
   4. 2.4 Binding
3. 3. Classes prédéfinies
   1. 3.1 Object
   2. 3.2 String
   3. 3.3 RegExp
   4. 3.4 Array
   5. 3.5 Date
   6. 3.6 Math
4. 4. Notions avancées
   1. 4.1 Prototypage
      1. 4.1.1 Simple
      2. 4.1.2 Optimisée
   2. 4.2 Héritage
      1. 4.2.1 Principe
      2. 4.2.2 Surcharge
      3. 4.2.3 Polymorphisme
      4. 4.2.4 Résolution des conflits
   3. 4.3 Gestion mémoire
      1. 4.3.1 Garbage collector
      2. 4.3.2 null
      3. 4.3.3 delete
      4. 4.3.4 var
5. 5. Framework pour le développement objet
   1. 5.1 Prototype
      1. 5.1.1 Création d’une classe
      2. 5.1.2 Héritage
      3. 5.1.3 Composition
   2. 5.2 MooTools
      1. 5.2.1 Création d’une classe
      2. 5.2.2 Héritage
      3. 5.2.3 Implémentation
   3. 5.3 jQuery
      1. 5.3.1 Introduction
      2. 5.3.2 Merge simple
      3. 5.3.3 Mélange récursif
   4. 5.4 Dojo
      1. 5.4.1 Introduction
      2. 5.4.2 Création d’une classe
      3. 5.4.3 Héritage

Adopter les bonnes pratiques

1. 1. Espace de noms
   1. 1.1 Principe
   2. 1.2 Fonction
      1. 1.2.1 Fonction interne
      2. 1.2.2 Fonction anonyme
      3. 1.2.3 Fonction anonyme avec paramètres
   3. 1.3 Fermeture
   4. 1.4 Classe
2. 2. Module
   1. 2.1 Présentation
   2. 2.2 Composition
3. 3. CommonJS
   1. 3.1 Présentation
   2. 3.2 define
4. 4. AMD
   1. 4.1 Introduction
      1. 4.1.1 Présentation
      2. 4.1.2 Quelques conseils
   2. 4.2 RequireJS
   3. 4.3 Dojo
   4. 4.4 curl
      1. 4.4.1 Principe
      2. 4.4.2 Accès relatif
      3. 4.4.3 Gestion des erreurs de chargement
   5. 4.5 Écriture de votre gestionnaire de modules
5. 5. Déboguer votre code
   1. 5.1 Fonction alert
      1. 5.1.1 Usage
      2. 5.1.2 Simplification
      3. 5.1.3 Module
   2. 5.2 Activation/désactivation
   3. 5.3 Fenêtre indépendante
   4. 5.4 Console
      1. 5.4.1 Accès
      2. 5.4.2 log
      3. 5.4.3 Groupe
      4. 5.4.4 Niveaux de trace
      5. 5.4.5 Mesure
      6. 5.4.6 Pile d’appels
   5. 5.5 Débogueur intégré
      1. 5.5.1 Microsoft Edge
      2. 5.5.2 Chrome
      3. 5.5.3 Firefox Developer Edition
      4. 5.5.4 Conclusion

Améliorer vos compétences web

1. 1. Page HTML
   1. 1.1 L’indispensable
      1. 1.1.1 Balises
      2. 1.1.2 Balises de structure
      3. 1.1.3 Lien
      4. 1.1.4 Tableau
      5. 1.1.5 Formulaire
      6. 1.1.6 Générique
   2. 1.2 Le CSS
      1. 1.2.1 Déclaration
      2. 1.2.2 Sélecteurs
      3. 1.2.3 Propriétés
2. 2. Librairies JavaScript
   1. 2.1 L’objet window
      1. 2.1.1 Rôle
      2. 2.1.2 open
      3. 2.1.3 setInterval, setTimeout
      4. 2.1.4 location
      5. 2.1.5 navigator
3. 3. DOM
   1. 3.1 Document
      1. 3.1.1 Propriétés et méthodes
      2. 3.1.2 Parcours
   2. 3.2 Modification
      1. 3.2.1 Construction
      2. 3.2.2 Événements
4. 4. Formulaire
   1. 4.1 Validation simple
   2. 4.2 Gestion des champs
   3. 4.3 Contraintes supplémentaires
   4. 4.4 Conception d’un module de validation
5. 5. Étude de cas
   1. 5.1 Gestion de notes dans une page web, architecture MVC
      1. 5.1.1 Première étape
      2. 5.1.2 Modèle de données
      3. 5.1.3 La vue
      4. 5.1.4 Finalisation
   2. 5.2 Gestion de notes, version 2
      1. 5.2.1 Multivue
      2. 5.2.2 Trier les notes
   3. 5.3 Gestion d’un QCM dans une page web
      1. 5.3.1 Première étape
      2. 5.3.2 Réalisation

Développer aisément en client/serveur

1. 1. AJAX
   1. 1.1 Requête simple
   2. 1.2 Réponse XML
   3. 1.3 Paramètres GET
   4. 1.4 Paramètres POST
   5. 1.5 Requêtes entre domaines différents
   6. 1.6 Module
      1. 1.6.1 Version monorequête
      2. 1.6.2 Version multirequête
   7. 1.7 Format d’échange
      1. 1.7.1 Texte
      2. 1.7.2 XML
      3. 1.7.3 XSLT
      4. 1.7.4 JSON
   8. 1.8 Objets en client/serveur
      1. 1.8.1 Implémentation Java intrusive
      2. 1.8.2 Implémentation Java non intrusive
2. 2. Chargement dynamique de script
   1. 2.1 Première implémentation
   2. 2.2 Module AMD

Maîtriser les frameworks Web

1. 1. Bien démarrer avec jQuery
   1. 1.1 Concepts
      1. 1.1.1 Présentation
      2. 1.1.2 Sélecteur
      3. 1.1.3 DOM
      4. 1.1.4 Utilitaires
      5. 1.1.5 Effets de transition
   2. 1.2 Événements
      1. 1.2.1 Interactions utilisateur
      2. 1.2.2 AJAX
      3. 1.2.3 Conclusion
   3. 1.3 Plugins jQuery
      1. 1.3.1 Construction
      2. 1.3.2 Usage
2. 2. Bien démarrer avec Dojo
   1. 2.1 Concepts
      1. 2.1.1 Présentation
      2. 2.1.2 Configuration
      3. 2.1.3 Vos modules AMD
      4. 2.1.4 DOM
   2. 2.2 Événements
      1. 2.2.1 Interactions utilisateur
      2. 2.2.2 AJAX
      3. 2.2.3 Conclusion
3. 3. Construire votre framework web
   1. 3.1 Première étape
      1. 3.1.1 Présentation
      2. 3.1.2 Organisation
   2. 3.2 Deuxième étape
      1. 3.2.1 Usage de templates de composant
      2. 3.2.2 Réalisation d’un bouton
   3. 3.3 Troisième étape
      1. 3.3.1 Création d’une calculatrice simple
      2. 3.3.2 L’avenir

TypeScript

1. 1. Introduction
   1. 1.1 Objectifs
   2. 1.2 Hello world
   3. 1.3 Environnement de développement
      1. 1.3.1 Visual Studio Community 2022
      2. 1.3.2 WebStorm 2022
2. 2. Variable et constante
   1. 2.1 Variable
   2. 2.2 Constante
3. 3. Typage
   1. 3.1 Déclaration
      1. 3.1.1 Variable
      2. 3.1.2 Fonctions
   2. 3.2 Chaînes
   3. 3.3 Nombre
   4. 3.4 Booléens
   5. 3.5 Enumération
   6. 3.6 Any, Null et Undefined
      1. 3.6.1 Any
      2. 3.6.2 Null et Undefined
   7. 3.7 Tableaux
   8. 3.8 Assertions
   9. 3.9 Itérations
4. 4. Classes
   1. 4.1 Déclaration et usage
   2. 4.2 Héritage
   3. 4.3 Visibilité des champs
   4. 4.4 Propriétés en lecture seule
   5. 4.5 Accesseurs
   6. 4.6 Propriétés statiques
5. 5. Interfaces
   1. 5.1 Déclaration
   2. 5.2 Propriétés optionnelles et en lecture seule
   3. 5.3 Types de fonctions
   4. 5.4 Types indexables
   5. 5.5 Implémentation
6. 6. Génériques
   1. 6.1 Déclaration et usage
   2. 6.2 Types génériques
   3. 6.3 Classes génériques
   4. 6.4 Contraintes
7. 7. Modules
   1. 7.1 Déclaration et usage
   2. 7.2 Import
8. 8. Espace de noms
   1. 8.1 Déclaration et usage
   2. 8.2 Espaces de noms multiples
      1. 8.2.1 Construction d’un fichier unique
      2. 8.2.2 Instruction de compilation
   3. 8.3 Espaces de noms imbriqués
   4. 8.4 Alias

ECMAScript

1. 1. Usage
   1. 1.1 Compatibilité
   2. 1.2 Portée
   3. 1.3 Constantes
   4. 1.4 Déclaration des fonctions simplifiée
2. 2. Structure de données plus efficace
   1. 2.1 Chaînes de caractères
   2. 2.2 Collections
3. 3. Développement objet rapide
   1. 3.1 Classes
   2. 3.2 Attributs
   3. 3.3 Héritage
   4. 3.4 Membres statiques
   5. 3.5 Contexte de this
   6. 3.6 Getters/setters
   7. 3.7 Assignation objet facilitée
   8. 3.8 Déclaration simplifiée
   9. 3.9 Nom de propriété dynamique
4. 4. Programmation modulaire simplifiée
   1. 4.1 Export
   2. 4.2 Import
   3. 4.3 Usage
5. 5. Fonctions simplifiées
   1. 5.1 Expressions lambda
   2. 5.2 Itérateurs
6. 6. Développement asynchrone
   1. 6.1 Simple
   2. 6.2 Multiple
7. 7. Faciliter l’usage international
   1. 7.1 Nombres
   2. 7.2 Monnaies
   3. 7.3 Dates/heures

Liste des URL

1. 1. Éditeurs JavaScript
2. 2. Frameworks
3. 3. Frameworks objets
4. 4. Librairies
5. 5. Gestionnaires AMD
6. 6. Outils
7. 7. Plugins jQuery
8. 8. Références
10. Index