Javascript pour le développement Web

3 jours - 21 heures

Objectifs

Écrire et déboguer des programmes JavaScript. Ajouter l'interactivité et des graphiques dynamiques à votre site Web. Créer des formulaires interactifs pour saisir et valider informations entrées pour les utilisateurs. Personnaliser des pages en utilisant les cookies.

Participants

Ce cours concerne tous ceux qui sont impliqués dans la mise en place, le développement ou la maintenance d'un site Web : développeurs d'applications ou de Web, administrateurs de systèmes, équipes techniques.

Prérequis

Tout développeur maîtrisant le html.

Pédagogie

La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.

Remarques

 

Certification

 

Profil de l'intervenant

Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.

Moyens techniques

Encadrement complet des stagiaires durant la formation. Espace d’accueil, configuration technique des salles et matériel pédagogique dédié pour les formations en centre. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.

Méthodes d'évaluation des aquis

Exercices individuels et collectifs durant la formation. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis de fin de stage sont adressées avec la facture.

Programme

Les fondamentaux Javascript et CSS

• Les bases du langage Javascript
• le DOM en Javascript
• Syntaxe CSS et sélecteurs
• Qu'est-ce qu'un Framework Javascript.
• Les principaux projets (Prototype, MooTools, ScriptAculous, JQuery)
• Les outils pour développer avec jQuery

Les principes de base de Jquery

• Inclusion de jQuery dans les pages
• Installation de la librairie
• Utiliser jQuery avec d'autres librairies.
• Quand débuter les traitements (DOM ready) ?
• L'apport des modules dans Jquery (CSS, data)
• Sélecteurs en jQuery
• Sélecteurs CSS (1,2 et 3)
• Les sélecteurs hiérarchiques
• Les sélecteurs spécifiques à jQuery
• Le sélecteur $(this)
• Les filtres
• Les filtres de base
• Les filtres de contenu
• Les filtres de pseudo-classes
• Les filtres d'attributs
• Les filtres de formulaire
• Fonctions simples et fonctions avec arguments
• Les principales fonctions
• Détection de navigateur
• Gestion des tableaux
• Cas particulier : l'objet $

Manipulations HTML avec jQuery

• Manipulations du code HTML (DOM jQuery)
• Insérer du contenu
• Ajouter du contenu à l'extérieur
• Cloner du contenu
• Remplacer du contenu
• Supprimer du contenu
• Manipulations du texte
• Manipulations des attributs

CSS et jQuery

• Manipulations des classes
• Manipulations en CSS
• Dimensions et positionnement
• Dimensions des objets
• Positionnement des objets

Animations et Effets

• Apparition et disparition
• Mouvement et transitions
• Fonction Animate

Événements

• Souris (clics...) et clavier
• L'évènement de chargement de page (ready).
• Création d'événements et déclencheurs (bind, unbind, trigger...).
• Les fonctions d'événement prédéfinies (one, die,...).
• Événements dynamiques (Live)

Ajax

• Principes d'Ajax
• La fonction $.ajax
• La gestion des évènements AJAX
• La fonction $.post
• La fonction $.get avec réponse XML
• Les fonctions dédiées $.getJSON() et $.getScript()

Les plugins disponibles dans Jquery

• Aide contextuelle (qTip)
• Menu (SuckerFish)
• Galerie Photo (Lightbox)
• jQuery UI
• Liste déroulante
• Accordéon
• Onglets
• Calendrier
• Drag and Drop
• Sortable
• Dialog