01 85 77 07 07
Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > Javascript > Développer des sites Web dynamiques avec JavaScript

Développer des sites Web dynamiques avec JavaScript

Maîtriser le langage de script JavaScript

javascript

Un temps délaissé, JavaScript est revenu sur le devant de la scène avec l'émergence du Web 2.0. Son utilisation permet de rendre les pages web plus interactives et conviviales pour l'internaute. Sa maîtrise est aussi un préalable indispensable avant d'aborder le développement d'applications Internet riches avec Ajax (Asynchronous JavaScript ans XML).

Objectifs

  • Acquérir les bases JavaScript nécessaires pour développer des pages web plus conviviales et interactives
  • Comprendre comment rajouter de l'interactivité sur les pages et formulaire Web
  • Savoir manipuler dynamiquement des objets HTML

Public

  • Personnes en charge du développement de pages Web et d'interfaces Web
  • Personnes en charge d'un projet Internet ou Intranet

Prérequis

  • Connaître le XHTML et le CSS
  • Bonnes connaissances du web
  • Avoir pratiqué un langage de programmation

Programme de la formation

Introduction

  • JavaScript pour quoi faire ?
  • L'environnement du client Web
  • Le navigateur
  • Les outils
  • Insérer un script dans un document HTML/XHTML

JavaScript : le coeur du langage

  • La syntaxe
  • Les variables
  • Les fonctions globales
  • Les opérateurs
  • Les structures de contrôle
  • Les fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données
  • 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, Date, Math, RegExp, String… Manipuler les tableaux, les dates, les chaînes de caractères

Les objets du navigateur

  • La hiérarchie des objets
  • Les principaux objets : window, document, location, screen, navigatior, form… Leurs propriétés et méthodes
  • Manipuler des fenêtres
  • Gérer des timers
  • Écrire et lire des cookies

Le DOM

  • Introduction au XML, XHTML
  • Le DOM et les navigateurs
  • Manipuler des éléments : créer et insérer de nouveaux éléments, modifier les attributs d'un élément, modifier le contenu

La gestion des évènements

  • Le gestionnaire d'évènements
  • Modèle Internet Explorer
  • Modèle DOM 2
  • L'objet Event
  • La propagation des évènements
  • Compatibilité avec les différents navigateurs

Les formulaires

  • Les différents éléments d'un formulaire
  • Vérifier les données saisies dans les différents champs
  • Soumettre un formulaire

Les styles CSS

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

Aller plus loin

  • "Unobstrusive JavaScript"
  • Présentation d'Ajax

Méthode pédagogique

Les nombreux travaux pratiques qui ponctuent la formation permettent aux participants de mettre immédiatement en application leurs acquis et d'acquérir ainsi une première expérience du développement avec JavaScript.
Les trucs et astuces d'intervenants spécialistes de la création de sites Web.
Les techniques pour améliorer l'interactivité de ses pages Web.