Programmation JavaScript moderne

Initiez-vous à JavaScript et au développement de pages Web avec cette formation. Apprenez comment utiliser les objets, fonctions et événements.

Prochaines sessions

Aucune date ne convient?

Notifiez-moi si une session est ajoutée.

  • Durée: 2 jours
  • Prix régulier: $1,510
  • Prix préférentiel: $1,350
  • Matériel pédagogique inclus

Plan de cours

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

Khalil Ben Fadhel
Khalil Ben Fadhel
Formateur science des données - IA
Khalil agit à titre d’expert en intelligence artificielle pour Leap Conseil. Grâce à son expertise extensive en planification et réalisation des projets en intelligence artificielle, Khalil a accompagné des organisations du secteur public et privé dans la réalisation des projets innovants en intelligence artificielle.
Fazil Chouakri
Fazil Chouakri
VP technologique, coach et formateur
Fazil est un coach et formateur qui possède une solide expérience terrain, lui permettant de conjuguer conseils pratiques et connaissances théoriques au bénéfice de ses apprenants.
Philippe Paradis
Philippe Paradis
Formateur certifié et conseiller en TI
Obsédé par la qualité des services rendus et des solutions développées, Philippe s’assure d’offrir toujours plus que ce à quoi les gens s’attendent, dans une atmosphère agréable.
Michel Laporte
Michel Laporte
Formateur et consultant TI
Michel est un formateur et consultant ayant la capacité de traduire des besoins en solutions informatiques. Sa mission est d’aider ses clients à surfer sur la vague technologique qui ne cesse de prendre de la vitesse.
Soyez au fait des tendances, innovations et bonnes pratiques, chaque mois.
Confidentialité
Centre de formation autorisé Emploi-Québec, Agrément : 0051460
TPS : 141582528 – TVQ : 1019557738
© 2022 AFI
AFI Expertise

L’expérience AFI par Edgenda

Chez AFI, nous concentrons nos efforts pour vous offrir des formations pertinentes et des expériences d’apprentissage percutantes qui s’inscrivent dans vos démarches de transformation. Vous désirez être accompagné dans ces démarches? Consultez les services d’Edgenda: Edgenda.com