Centre de Formation Professionnelle

Objectifs

JavaScript est un langage de programmation de scripts principalement utilisé dans les pages Internet interactives, mais aussi côté serveur.
Cette formation a pour but d’apprendre à programmer avec JavaScript, manipuler le DOM et gérer l’interactivité.
Vous apprendrez de ce fait à rendre les pages Internet plus interactives.
Une concrète avec de nombreux exercices pratiques.

Public visé

• Développeurs de pages Internet, webmasters,
• Responsables de projet Internet,
• Concepteurs Internet de sites dynamiques et d’applications intranet/Internet.

Pré-requis

Connaître l’environnement Windows /PC.
Une connaissance du HTML est un plus.

Méthodes pédagogiques

• Vidéoprojecteur,
• Accès Internet,
• Exercices individuels sur PC (1PC/stagiaire),
• Supports de cours,
• Mises en application des logiciels,
• Évaluation en fin de stage.

Programme du stage

Introduction
• Historique et évolutions du langage,
• Définitions et intérêt du lange JavaScript,
• Les navigateurs et le JavaScript,
• Notion de client/serveur,
• La partie client Web,
• Avantages et inconvénient du langage,
• Premier exemple de script : analyse et compréhension,
• Insertion d’un script dans un document HTML/XHTML.

JavaScript : compréhension et apprentissage du langage
• Les variables, déclarations et portées,
• Les fonctions et les arguments,
• Création de fonctions et paramétrage variable,
• Les types de données,
• Les opérateurs,
• Les structures de contrôle,
• Les objets personnalisés : constructeur, méthodes et propriétés, prototype, objets littéraux, objets sous forme de tableaux associatifs,
• Les objets globaux : Array, string , Date, RegExp, etc.,
• Les tableaux, les dates, les chaînes de caractères,
• Opérateurs logiques et arithmétiques,
• Boucles (for, while, etc.),
• La gestion d’erreur et les exceptions,
• Les concepts objets,
• Développement objet en JavaScript : création de classes (méthodes, propriétés),
• Constructeur, surcharge, instance, usage d’object sur les classes dynamiques,
• Les objets prédéfinis du langage (String, Array, Date, Regexp, etc.),
• Extension des objets prédéfinis.

Les objets du navigateur
• La hiérarchie des objets,
• Les principaux objets,
• L’objet windows : gestion des fenêtres et de leur communication,
• Gestion des popups,
• L’objet document : le fonctionnement,
• L’objet form : contrôle des données saisies dans un formulaire, gestion des contenus des champs de saisie,
• Manipuler des fenêtres.

JavaScript, CSS et DOM
• Notions fondamentales du DOM (Document Object Mode),
• Accéder aux éléments,
• Modification du contenu HTML,
• Modification du graphisme CSS,
• Interaction JavaScript CSS.

Évènements
• Le gestionnaire d’évènements,
• L’objet Event,
• Gestion des événements en JavaScript,
• Les principaux événements JavaScript,
• Poser un gestionnaire d’événement,
• Associer un traitement à un événement,
• Les différents modèles de gestion d’événements.

Utiliser JavaScript avec les formulaires
• Les différents éléments d’un formulaire,
• Champs text, textarea, cases à cocher, boutons radio, liste de valeurs,
• Vérifier les données saisies dans les différents champs,
• Envoyer les données à partir d’un formulaire.

Les styles CSS
• Les styles CSS,
• Manipuler les styles CSS,
• Modifier la classe d’un élément,
• Modifier une propriété de style d’un élément,
• Modifier l’aspect d’un élément,
• Déplacer, afficher, masquer, réduire un élément.

Pour aller plus loin : AJAX
• Présentation d’AJAX : Asynchronous JavaScript And XML,
• Pourquoi AJAX : avantages et inconvénients,
• Dialoguer avec les serveurs,
• Format d’échange JSON.

 

TEST DE VALIDATION DES COMPETENCES ACQUISES

ATTESTATION DE FORMATION DELIVREE EN FIN DE STAGE