Formation JavaScript, les fondamentaux

Compétences visées – Objectif opérationnel :

L’objectif de cette formation est de développer des applications web avec le langage JavaScript et de savoir maintenir le code associé.

Objectifs pédagogiques :

Les axes majeurs de JavaScript vous permettront de :

• Manipuler le contenu de la page
• Animer son aspect graphique
• Mettre en place l’aspect interactif grâce aux événements déclenchés par l’utilisateur
• Continuer à dialoguer avec le serveur sans recharger la page (AJAX).

Ce stage pratique s’adresse à tous les informaticiens chargés de l’aspect interactif d’un site web ou d’une application.

La connaissance du langage HTML, CSS et d’un langage de programmation est nécessaire.

Introduction aux techniques http, aux naviGusturs et leurs DOM

• Les principes de base des technologies clients serveurs Présentation des différentes possibilités avec illustration par des exemples complexes et concrets
• Mode d’appels des scripts depuis les pages HTML
• Comment créer une zone de saisie?
• Les différents modes de saisie HTML
• Introduction aux naviGusturs, au JavaScript et au DOM Les principes d’utilisation des DOM, les différences principales entre les naviGusturs et les conseils d’utilisation L’interpréteur JavaScript: entrées/sorties des programmes

Le langage JavaScript

• Introduction au langage JavaScript, présentation d’exemples simples, les versions de JavaScript, JavaScript embarqué dans les pages HTML
• La grammaire du langage, les variables, les types de données, les opérateurs, les instructions, les structures de programmation, la définition et l’utilisation de fonctions Les objets et leurs utilisations en JavaScript, les dialogues avec l’utilisateur, les tableaux, la gestion des événements et les différences selon les naviGusturs, les objets prédéfinis
• Les pièges classiques en JavaScript

Les objets du langage JavaScript

• Gestion des chaînes de caractères à travers l’objet String Les principales fonctions mathématiques dans l’objet Math Manipulation des dates via l’objet Date Manipulation des tableaux via l’objet Array Les expressions régulières dans le JavaScript

Javascript : Les objets de la page HTML

• L’objet Windows : gestion des fenêtres et de leur communication. Les popups L’objet Document :le fonctionnement de l’objet Document. Interactivité, contrôle et transformation des pages HTML L’objet Form : contrôle des données saisies dans un formulaire, gestion des contenus des champs de saisie. Formulaire dynamique

Manipulation de la page (DOM)

• Sélection d’éléments Modification du contenu HTML Modification du graphisme CSS

AJAX : dialoguer avec le serveur

• Pourquoi AJAX (Asynchronous Javascript And Xml )
• XMLHttpRequest Méthodes et en-têtes HTTP Récupération de contenus HTML, XML ou JSON

Langage côté client, le JavaScript permet la manipulation interactive des éléments constituant une page web. Jadis considéré comme un « petit langage de programmation », il est devenu au fil du temps un véritable langage de programmation avec toutes les composantes propres aux langages de haut niveau.

JavaScript, avec sa composante AJAX, est donc aujourd’hui devenu indispensable dans le développement d’un site web. Et bien que jQuery reste un outil très intéressant et plus facile d’accès, on ne peut pas passer outre le JavaScript natif, notamment pour les nouveautés apportées par le HTML5.

Cette formation JavaScript aborde les aspects pertinents du langage dans un esprit de développeur. Ce cours s’appuie sur de nombreux exemples concrets que vous mettrez en oeuvre et pourrez réutiliser au quotidien

Si vous souhaitez allez plus loin que la découverte du langage Javascript et de ses concepts, vous pouvez aussi choisir la formation Développement d’applications web front-end avec JavaScript et les Frameworks Open Source (IJSO1) qui présente en plus les frameworks React et Angular.

Les participants développeront des pages Web utilisant les techniques du Dynamic HTML avec des éditeurs simples. Ils auront l’occasion de se familiariser également avec les dernières évolutions du langage JavaScript comme AJAX et de développer des scripts pour la manipulation de flux XML.