JavaScript programming

Start learning JavaScript and web page development with this training. Discover how to use objects, functions and events.

Upcoming session

Guaranteed to run

No date suits you?

Notify me when a session is added.

  • Duration: 2 days
  • Regular price: $950
  • Preferential price: $870
  • Course material included

Course outline

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.

Surround yourself with the best

Pierre-Edouard Brondel
Pierre-Edouard Brondel
Trainer and Desktop Application Consultant
Renowned as an educational expert in the IT and office technology field who has accumulated more than 25 years of experience, Pierre-Édouard is first and foremost passionate about human capital.
Marc Maisonneuve
Marc Maisonneuve
Trainer and Professional Efficiency Consultant
Frédéric Paradis
Frédéric Paradis
Certified Trainer and Cloud Architect
As a certified Microsoft trainer, Frédéric describes himself as a Cloud magician who easily navigates the mythical space between technology and reality.
Luc Labelle
Certified Trainer and IT Consultant
Recognized by his peers as an inspiring coach, trainer, and consultant, Luc is able to transfer his knowledge to benefit his teams.
Be aware of trends, innovations and best practices, every month.
Confidentiality
Training center accredited by Emploi-Québec, Accreditation : 0051460
GST : 141582528 – QST : 1019557738
© 2020 AFI
AFI Expertise

The AFI experience brought to you by Edgenda

At AFI, our focus is to offer you relevant training and impactful learning experiences in line with your transformation approach. Do you need support for your approach? Check out Edgenda’s services: Edgenda.com