[wpms_breadcrumb reverse="0"]
Internet et Mobilité

Développer des sites WEB dynamiques avec JavaScript

Reference : IM11
3 jours - 1 730 € € HT Télécharger la fiche
Prochaines sessions
    Développer des sites WEB dynamiques avec JavaScript
    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

    Pré requis

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

    Modalités pédagogiques

    Cours dispensé en mode présentiel avec une alternance d’apports théoriques et méthodologiques, et de mises en situations pratiques

    Public visé
    Inscription

    Programmes de Développer des sites WEB dynamiques avec JavaScript

    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