Formation Développement Internet pour WebDesigners
jQuery (JavaScript) pour les Webdesigners
jQuery permet aux Webdesignes d'enrichir leurs pages sans pour autant être un développeur chevronné.
Bien souvent les webdesigners sont amenés à effectuer des copier/coller "au petit bonheur la chance" pour ajouter des mises en forme, effets, fonctionnalités avancés à leurs pages.
Cette formation n'a pas pour but de transformer les Webdesigners en développeurs JavaScript. Cette formation a pour but de donner aux Webdesigners les bases en JavaScript et jQuery
afin qu'ils puissent être en mesure de mieux comprendre les "copier/coller", ajouter des effets, de modifier les paramètres d'un plugin...
jQuery "Write less, do more" est bibliothèque JavaScript simplifiant le code, le développement et la maintenance des pages Web. jQuery permet de remédier aux manques ou incompatibilités de certains navigateurs.
Objectifs
Acquérir les bases de jQuery pour ajouter des effets à une page Web
Description
Introduction
- Les difficultés de versions et compatibilité avec quelques navigateurs
- JavaScript et jQuery: Pour quoi faire ?
- Où et comment insérer un script dans un document XHTML?
La bibliothèque jQuery
- Importer la bibliothèque dans la page
- La syntaxe de base
- Un 1er exemple, un aperçu de jQuery, jQuery(), $()
Sélectionner des éléments
- Présentation du DOM
- Parcourir le DOM
- Sélectionner un élément ou une collection d'éléments
les sélecteurs CSS, les sélecteurs avancés de jQuery
Insérer du contenu dans la page
- Insérer précisément du contenu (HTML ou TEXT) dans la page
insérer avant, après, au début, à la fin d'un élément ou de plusieurs éléments
Modifier le contenu d'un élément ou plusieurs éléments
- Modifier un contenu (HTML ou TEXT)
Modifier les attributs
Modifier les styles CSS
- Ajouter des styles CSS à un ou plusieurs éléments
- Remédier aux manques de certains navigateurs ou incompatibilité,
opacity...
Ajouter des effets, déclencher des actions
- Déclencher des actions : au click, au survol, bouton à bascule...
- Les effets : fadeIn, fadeOut, slideIn, slideOut ...
Ateliers
- Afficher/masquer des zones avec un effet
- Aligner automatiquement la hauteur de 2 DIV dans une mise en page
- Créer des zones extensibles, un menu extensible
- Créer un menu déroulant : 1 niveau
- Créer des panneaux à onglets
- Ajouter automatiquement un logo sur des liens de type PDF ou DOC.
- Habiller un tableau
alterner la couleur de fond des lignes
modifier la couleur de fond d'une ligne au survol
- Assombrir des vignettes à l'ouverture de la page, éclaircir au survol
- Mettre en place un plugin " LightBox"
- Mettre en place un plugin pour gérer automatiquement la transparence des images PNG avec IE6.
Durée : 1 jour
Public : Personnes souhaitant créer
ou mettre à jour un site Web avec des interfaces interactives et conviviales.
Prérequis : Pratiquer couramment
les outils informatiques et savoir naviguer sur le Web, connaître
le HTML et le CSS, quelques notions d'anglais.
Retour au catalogue des formations
Financement
Financement possible au titre de la formation continue.
Consultez votre OPCA (Organisme Paritaire Collecteur Agréé) ou contactez-nous.