[wpms_breadcrumb reverse="0"]
Développement web 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 et délais d’accès

    Bulletin d'inscription à retourner complété

    Pré-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