© AFI Expertise inc. |
Ce cours vise à permettre d’introduire les grands concepts du JavaScript pour programmer des pages web. JavaScript a été originalement conçu pour ajouter des fonctionnalités simples sur des pages web. De nos jours, JavaScript est partout : dans des applications Web évoluées, sur des serveurs, dans des applications « Windows Store », etc. Venez découvrir la puissance de JavaScript à travers les technologies web. |
Public concerné | Ce cours s’adresse à : - des gens désireux de comprendre les fondements de programmation avec JavaScript
- des gens qui désirent ajouter de l’interactivité sur des pages web
- des gens qui désirent suivre le cours de JQuery par la suite.
|
Préalables | Avant de suivre le cours, le participant doit posséder : - de l’expérience avec les navigateurs (Chrome, Firefox ou Internet Explorer)
- quelques bases de programmation (variables, boucles, conditions)
- des connaissances de base du HTML.
|
Objectifs | - Programmer du JavaScript sur des pages Web
- Faire intéragir le JavaScript avec des formulaires HTML
- Différencier les types de JavaScript, tel que les Strings, Integers, et Booleans
- Comprendre les boucles
- Gérer les erreurs
- Utiliser le modèle Orienté-Objet avec JavaScript
|
Contenu | Module 1: Introduction au développement web - Modèle applicatif du web
- Pages statiques et dynamiques
- HTML5 : Div, span, Eléments sémantiques, Attributs, formulaires
- Styles CSS : Sélecteurs CSS, règles CSS de base
- Historique rapide du JavaScript et du standard EcmaScript
- Composants d'une application JavaScript
- Programmer JavaScript dans un outil de développement (Visual Studio, Atom, Aptana, etc.)
- Exécuter une application JavaScript
|
Module 2: Fondements du JavaScript - Importer un fichier JavaScript dans la tête ou le pied d'une page HTML
- Syntaxe JavaScript: instructions, identifiants, commentaires,
- Orienté-Objet: objets, méthodes, propriétés, structure de données JavaScript
- Types de base: numérique, booléen, string, tableau, objet, etc.
- Énoncés conditionnels: if, else, switch, case
- Boucles: while, for
- Erreurs silencieuses
|
Module 3: Objets, fonctions et événements - Racine du DOM: Objets window et document
- Objets utiles: Textbox, Number, Date, String
- Modifier le DOM d'une page
- Utiliser des fonctions nommées
- Utiliser des fonctions anonymes
- Différencier une variable locale d'une variable globale.
- Gestion des événements
- Événements communs: load, click, change, submit, etc.
- Attacher et détacher le code pour gérer les événements
|
Module 4: Diagnostiquer et déboguer le JavaScript - Cycle de développement d'applications JavaScript.
- Utilisation des outils intégrés aux navigateurs (F12, FireBug, etc)
- Faire du traçage manuel dans le code
- Utiliser des outils de diagnostics
|
Module 5: Tableaux (Arrays) - Introduction aux tableaux
- Ajouter et enlever des éléments aux tableaux
- Techniques pour boucler dans un tableau
- Utilisation de “Array Object” et de ses méthodes
|
Module 6: Manipuler le DOM en JavaScript - Manipuler une page web avec le DOM
- Traverser le DOM avec l'arborescence des nœuds.
- Faire cacher et apparaitre des éléments
- Annuler le comportement d'un événement
- Pré charger des images
- Utiliser un timer pour produire des modifications sans intervention humaine
- Exemples évolués: FAQ, afficher une photo, et créer un carrousel de photos
|
Module 7 : Au-delà des bases du JavaScript - Versions du JavaScript
- Survol du nouveau JavaScript 2015 (EcmaScript 6) : objets, propriétés, fonctionnalités, modules, etc.
- Librairies JavaScript populaires: jQuery, AMD, AngularJS, Aurelia, etc.
|