image de fond image de fond
la Formation professionnelle.
Utilisez votre DIF, CIF ou plan de formation
   GALERIE    OFFRES D'EMPLOI    PLAN    CONTACT
double bar bts
Valid XHTML 1.0 Transitional
formation professionnelle
formation professionnelle javascript
 

   Le langage Javascript est devenu incontournable dans le développement de sites Web, tant pour sa relation forte à l'interface graphique que pour le traitement client/serveur. Ce stage vous apportera toute la connaissance pour interfacer le langage avec les éléments graphiques des pages Web et ainsi pouvoir réaliser des menus déroulants, des animations, modifier dynamiquement les styles de présentation ou encore réagir aux actions de l'utilisateur... Il vous apprendra également à lancer des requêtes au serveur (Ajax) et à manipuler des données XML.

Contenu

  • Les technologies du Web
  • Le langage JavaScript
  • Gestion de formulaires HTML
  • Interaction avec les feuilles de style en cascade
  • Parseurs et DOM
  • Evénements et données
  • Ajax

Participants

   Ce stage pratique s'adresse à tous concepteurs de sites Web et informaticiens désireux d'exploiter Javascript et les technologies HTML dynamique pour leurs projets.

Pré-requis

   La connaissance de l'environnement Windows, la maîtrise du langage HTML et une culture générale de l'Internet sont requises. Les principes de base de la programmation sont nécessaires, la connaissance d'un langage sera un atout.

Exercices :
   Tous les chapitres sont illustrés par de multiples travaux pratiques illustrant la théorie.

Programme

  • Les technologies du Web
  • Les types de navigateurs et leur impact sur la portabilité.
  • Les composants Web : HTML, XHTML, CSS, Javascript, Flash, Java... Les protocoles HTTP, HTTPS.
  • Impact de Javascript sur l'accessibilité.
  • EcmaScript et émergence d'Actionscript. Impact sur le rédactionnel JavaScript.
  • Importance de XHTML sur l'utilisation dynamique de Javascript.
  • Méthode de développement Javascript en équipe.
  • Les outils de développement.
  • Positionnement et illustration des technologies DHTML.

Le langage JavaScript

  • Concepts de la programmation Objet.
  • Les variables, le partage de bibliothèques, les opérateurs logiques et arithmétiques, la programmation objet (classes objets), les tableaux, les matrices de stockage, les types de base (Math, Date ...), les itérations, les fonctions.
  • La gestion d'erreurs, d'exceptions.
  • Accès aux ressources du navigateur : plug-ins, résolution, version...
  • Extension des objets prédéfinis.
Exercices :
   Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples travaux pratiques.

Gestion de formulaires HTML

  • Manipulation de contenu de formulaires.
  • Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d'options, manipulation de combobox, textarea.
  • Fonctions de validation de formulaire.
  • Evénements liés aux éléments de formulaire : changement, initialisation, clic,...
Exercices :
   Conception de fonctions personnalisées contrôlant les activités de l'utilisateur.

Interaction avec les feuilles de style en cascade

  • Rappel sur les feuilles de style en cascade (CSS-1, CSS-2), Les outils pour les manipuler.
  • CSS multiples, héritages multiples, règles de priorité.
  • Les classes de sélecteurs, les sélecteurs globaux.
  • Les blocs de texte, les calques, les couleurs, mises en forme de paragraphes, DIV...
  • Accès et modification des styles.
Exercices :
   Réalisation de pages simples afin de se familiariser à l'utilisation de feuilles de style et à leur manipulation à travers JavaScript.

Parseurs et DOM

  • Rappel sur les parseurs XML.
  • Présentation du langage XML (éléments attributs), ses fichiers de définition DTD et XML-schéma.
  • Document Object Models : variantes entre les navigateurs, problématique de la maintenance.
  • Manipulation de données XML (lecture, ajout, suppression, modification de noeuds).
  • Applications XML sur la structure DOM de la page.
Exercices :
   Familiarisation à la construction d'un chemin d'accès à un élément du DOM.

Evénements et données

    Organisation des événements. Impact des événements sur les types de navigateurs et versions de DOM. Comment programmer des écouteurs sur des événements par programme, par paramétrage des balises HTML. Créer, détruire des écouteurs. Les traitements événementiels JavaScript : gestionnaires clavier, souris, événements liés aux formulaires, Rollover, menus dynamiques. Les redirections http. Gestion des cookies (lecture et écriture).
Exercices :
   Programmation d'événements multiples sur les éléments formulaire, souris, clavier....

Ajax

  • Présentation de Asynchronous Javascript And Xml
  • Enjeux, solutions et alternatives.
  • Les bibliothèques du marché.
  • HTTP et Ajax : échanges HTTP et l'objet XMLHttpRequest.
  • Contrôle de la validité d'un document XML.
Exercices :
   Récupération de données XML et affichage des données. Interrogation d'une base de données. Création d'un formulaire de connexion.

formation professionnelle
image de fond image de fond
création du site internet par anonyma