Prototype et Scriptaculous Réf : MO00016

Par Eric Sarrion

Développer des sites web utilisant la puissance du web 2.0, à l'aide des librairies Prototype et Scriptaculous.

Durée :
4 jours

1 980 € HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

Présentation et mise en pratique de l'ensemble des éléments des librairies Prototype et Scriptaculous (les classes, les évenements, effets visuels, etc...).

Objectifs pédagogiques

A l'issue du stage, les participants sauront :
  • développer des sites web nouvelle génération (web 2.0),
  • utiliser au mieux le langage JavaScript du navigateur,
  • écrire des programmes compatibles pour tous les navigateurs du marché et quelque soit l'environnements technique,
  • utiliser au mieux Ajax, les effets visuels, le drag & drop, l'auto-complétion.


Public

Développeurs web.

Pré-requis

Seules les notions de base de HTML et CSS sont nécessaires. La connaissance du langage JavaScript et d'un langage serveur (PHP, Java, etc) est un plus.

Type

Stage pratique

Méthode pédagogique

30% théorie et 70% travaux pratiques. Le livre du formateur sera remis à chacun des participants.

Plan de cours

PROGRAMME DE LA 1ERE JOURNEE DE FORMATION
Aperçu général de Prototype
Installation de Prototype
Aperçu général de Prototype
Création de classes avec Prototype
Création de classes sans Prototype
Création de classes avec Prototype
Héritage
Utilisation du mot clé $super
Ajout dynamique de méthodes à une classe
superclass et subclasses

Classes générales
Classe Object
Classe Enumerable
Classe Array
Classe Hash
Classe ObjectRange
Classe Number
Classe String
Classe Date
Classe PeriodicalExecuter
Classe RegExp
Objet document

Classe Function
Fonctionnement standard de la classe Function
Méthodes définies par Prototype

Classe Element
Gestion des éléments sans Prototype
Gestion des éléments avec Prototype
Sélecteurs CSS
Création d'un élément HTML
Eléments étendus
Accès aux éléments de l'arborescence
Mise à jour du contenu d'un élément
Modification de l'état d'un élément
Positionnement et dimensions sur l'écran

PROGRAMME DE LA 2EME JOURNEE DE FORMATION
Gestion des événements

Ajouter nos propres méthodes à la classe Element
Classe Element.Layout
Gestion des événements
Gestion des événements sans Prototype
Classe Event
Exemples d'utilisation
Classe Event.handler
Classe Element

Classes observateurs des formulaires
Classe Form.Element.Observer
Classe Form.Observer
Classe Form.Element.EventObserver
Classe Form.EventObserver

Classes Ajax
Principe de base
Classe Ajax.Request
Classe Ajax.Updater
Classe Ajax.PeriodicalUpdater

PROGRAMME DE LA 3EME JOURNEE DE FORMATION
Aperçu général de Scriptaculous
Installation de Scriptaculous
Aperçu général de Scriptaculous

Effets visuels
Paramètres d'un effet visuel
Etapes d'exécution d'un effet visuel
Classe Effect.Base
Classe Effect.Event
Classe Effect.Tween
Classe Effet.Opacity
Classe Effet.Move
Classe Effet.Scale
Classe Effet.Highlight
Classe Effet.Morph
Classe Effet.Transform
Classe Effet.Parallel
Influence de l'option transition dans l'effet
Effets visuels standards
Création d'un nouvel effet visuel

PROGRAMME DE LA 4EME JOURNEE DE FORMATION
Auto-complétion
Classe Autocompleter.Base
Classe Ajax.Autocompleter
Classe Autocompleter.Local
Classe Ajax.InPlaceEditor
Classe Ajax.InPlaceCollectionEditor
Classe Form.Element.DelayedObserver

Drag & drop
Classe Draggable
Objet Droppables
Objet Sortable

Sliders
Classe Control.Slider

Prochaines sessions

Aucune session de planifiée à ce jour, veuillez nous contacter pour avoir plus d'info ou suggérez vous-même une session.


Proposer une session.

Pas de témoignage pour l'instant.

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Technologies front-end »  – Voir toutes les formations