theme solutions defaut avatar

Prototype et Scriptaculous Réf : MO00016

Par Eric Sarrion 12345

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

JOUR 1
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

JOUR 2
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

JOUR 3
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

JOUR 4
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.

image

Cher(e) visiteur(euse),

La pré-inscription à une session de formation se fait  directement sur notre site. Vous pouvez au préalable nous demander un devis.

Cette inscription en 4 étapes comprend la saisie de

  • vos coordonnées,
  • votre entreprise,
  • les noms des participants au stage,
  • les éléments nécéssaires à la facturation.
Vous pouvez, à tout moment, sauvegarder votre inscription en cours et la reprendre plus tard.

Une fois votre inscription validée, vous recevez un récapitulatif de votre commande par mail.

La Convention de Formation Professionnelle Continue simplifiée sera envoyée par mai dans les 72H max. A noter que l'inscription est considérée comme définitive qu'après signature de cette convention.

Dès réception par nos services, de la convention signée, la convocation de stage est envoyée par mail aux stagiaires qui se voient ouvrir un compte sur notre site internet, leur permettant de préparer leur formation (accès, communication de leurs attentes, etc.). La facture sera émise à l'issue de la formation.

Pour toute information complémentaire, 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 « Développement internet et mobile »  – Voir toutes les formations