Au calendrier
Sélectionnez
En français
Sélectionnez un lieu
  • Durée: 2 jours
  • Prix régulier: CA$950.00
  • Prix préférentiel: CA$870.00
  • Matériel pédagogique inclus

Programmation JavaScript

Durée : 2 jours

© 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.

Savoir s’entourer des meilleurs

Simon Bourassa
Formateur et conseiller en TI
Simon est passionné par le développement logiciel et le développement de produits, mais avant tout par l’ensemble des gens cachés derrière ces codes, qui travaillent main dans la main pour développer des solutions innovantes.
Pierre-Edouard Brondel
Pierre-Edouard Brondel
Formateur et conseiller en bureautique
Expert en pédagogie dans le domaine des technologies et de la bureautique cumulant plus de 25 ans d’expérience, Pierre-Édouard est d’abord et avant tout un passionné de capital humain.
Valère Drainville
Valère Drainville
Formateur et conseiller en efficacité professionnelle
Expert en collaboration et en efficacité professionnelle, Valère Drainville saura vous accompagner dans l’adoption et la gestion de vos outils de travail collaboratifs.
Frédéric Paradis
Formateur certifié et architecte en solutions infonuagiques
Formateur certifié Microsoft, Frédéric se décrit comme un magicien de l’infonuagique, cet espace mythique entre technologie et réalité.