Formation Prototype et Scriptaculous
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de la formation Prototype et Scriptaculous vous aurez acquis les connaissances et compétences nécessaires pour :
- Développer plus rapidement la mise à jour partielle ou périodique d'une page (Ajax, XMLHttpRequest)
- Manipuler le DOM afin de récupérer, insérer, ou masquer les éléments HTML des pages de façon plus efficace et avec de nouvelles fonctionnalités
- Utiliser les solutions offertes par Prototype aux incompatibilités entre les navigateurs (COMPAT),
- Manipuler plus facilement les structures de données JavaScript avec de nouveaux composants comme String, Enumerable, Array
- Gérer les événements HTML à l'aide de la classe Event
- Proposer des effets visuels riches
- Rendre des éléments HTML déplaçables en Drag & Drop
- Utiliser des sliders dans la page HTML
- Proposer l'autocomplétion dans vos pages
| Tarif |
Contacter l'organisme |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
Contacter l'organisme |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Prototype est une librairie JavaScript qui regroupe un ensemble de méthodes pour simplifier l'utilisation d'AJAX et du JavaScript en général pour créer des pages WEB hautement dynamiques et compatibles avec les différents navigateurs du marché. Scriptaculous (script.aculo.us) est une librairie JavaScript basée sur Prototype. Elle permet d'ajouter de nouvelles fonctionnalités de contrôle d'éléments HTML ainsi que des effets visuels à une page WEB. Dans cette formation Prototype et Scriptaculous vous apprendrez à utiliser toute la puissance du WEB 2.0.
Programme
Présentation de Prototype
En quoi Prototype étend le langage Javascript ?
Comparaison de code avec et sans Prototype
Vue générale des classes
Installation de prototype.js
Création de classes avec Prototype
Héritage - Utilisation de superclass et subclasses
Utilisation du mot clé $super
Ajout dynamique de méthodes à une classe
Classes générales de Prototype
Chaînes de Caractères et Nombres (String, Number)
Gérer les dates et les heures (Date)
Gérer les collections avec la classe Enumerable
Manipuler les tableaux avec la classe Array
Principes et intérêts du hashage (classe Hash)
Intervalles avec la classe ObjectRange
Exécution périodique (PeriodicalExecuter)
La syntaxe concise et puissante des expressions régulières (RegExp)
Classe Function dans Prototype
Fonctionnement standard de la classe Function
Utilisation du mot clé this
Méthodes définies par prototype (bind, wrap, ...)
Classe Element, DOM et CSS
Rappels sur la gestion « classique » du DOM en javascript
En quoi Prototype facilite l'utilisation du DOM ?
Les apports de l'utilitaire $ et de l'objet Element
Mieux gérer les formulaires HTML avec $F et la collection de méthodes Form.Element
Création dynamique d'éléments HTML et texte
Méthodes d'insertion dans la page
Accès direct aux éléments de la page
Ajouter nos propres méthodes à la classe Element
Gestion des CSS avec Prototype
Classe Element.Layout
Gestion des événements avec Prototype
Gestion des événements sans Prototype
Apports de la Classe Event
Exemples d'utilisation (déplacement d'un élément dans la page, affichage d'un menu)
Classe Event.handler
Ajax et Prototype
L'objet XMLHttpRequest et les navigateurs
Valeur ajoutée de Prototype pour Ajax
Les classes Ajax.Request, Ajax.Updater et Ajax.PeriodicalUpdater
Effets visuels avec Scriptaculous
Aperçu général du framework Scriptaculous
Installation de Scriptaculous.js
Paramètres généraux des effets visuels
Etapes d'exécution d'un effet visuel
Synthèse des classes (Effect.Base, Effect.Event, Effet.Opacity, ...)
Les effets visuels standards (Fade, Appear, BlindUp, Shake, ...
Influence de l'option transition dans l'effet
Création d'un nouvel effet visuel (classe, fonction)
Auto-completion avec Scriptaculous
Compléter une zone de texte automatiquement grâce à scriptaculous
Utilisation de données locales (Autocompleter.Local)
Utilisation de données distantes depuis le serveur WEB (Ajax.Autocompleter)
Modifier le contenu d'un élément de type INPUT ou Textarea (Ajax.InPlaceEditor)
Réaliser des formulaires de données entièrement éditables (liste déroulante, select, Ajax.InPlaceCollectionEditor)
Complements (Drag & drop, Sliders)
Glisser, déposer des éléments HTML
Les Objets Droppables, Draggables, et Sortable
Récapitulatif des options les plus utilisées
Utiliser un slider (Control.Slider)
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
Lors de cette formation vous allez mettre en pratique sur une semaine un prototype complet d’un système domotique connecté à internet, avec les différentes couches :
- couche bas niveau : capteurs et actionneurs
- couche d’intégration et de communication : gestionnaire local
- couche de de communication avec internet
Les matériels de mise en oeuvre sont
- ESP8266 pour les capteurs et actionneurs
- CHIP, Raspberry PI Zero, ou équivalent pour l’intégration (sous Linux)
Concrètement, à la fin de cette formation vous serez en mesure de :
- Prototyper un système IoT, des couchers capteurs et actionneurs jusqu’à la communication avec internet
- Développer un capteur simple : interrupteur
- Développer un actionneur simple : commande à relais
- Installer les logiciels nécessaires à la couche d’intégration
- Utiliser les mises à jour OTA
| Tarif |
A partir de 2 790,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
À l’issue de cette formation Design Sprint vous aurez acquis les connaissances et les compétences nécessaires pour :
- Apprendre les bases du Design Sprint
- Comprendre les 5 étapes du Design Sprint
- Co-concevoir le prototype d'un produit, service ou nouveau parcours utilisateur
- Générer des idées avant de les transformer en une maquette préalable au prototype
- Tester le prototype auprès des utilisateurs afin d'intégrer les retours.
| Tarif |
A partir de 2 300,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Concevoir la maquette interactive d’une application mobile ou d’un site web
- Mobiliser les bonnes pratiques pour améliorer l’efficience du workflow de production
- Utiliser le prototype pour mener des tests utilisateurs
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Cette formation Flex Mobile permet aux développeurs Flex, Java, C#, PHP, etc... d'acquérir toutes les notions pour réaliser avec Flex des applications Apple iOS, Google Android ou BlackBerry QNX aussi bien pour tablettes que pour les téléphones mobiles (*). La formation Flex mobile aborde les sujets généraux du développement Flex sur mobile : les composants, le positionnement, la navigation, l'accès serveur, l'accès aux ressources du Device, le skinning, les thèmes, l'optimisation ainsi que les spécificités d'iOS, d'Android et de BlackBerry. Le stagiaire réalisera tout au long de cette formation sa première application pour Mobile depuis la conception en prototype jusqu'à la réalisation sur un projet concret. Les thèmes de l'ergonomie, des patterns d'IHM et de l'organisation d'un projet multi-écrans sont ainsi concrètement mis en pratique. (*) iOS version 4.X et supérieur ; Android version 2.2 et supérieur ; architecture ARMv7.
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Concevoir et réaliser un prototype d'interfaces interactives avec Axure RP Pro
- Créer des interactions entre les pages ou au sein d'une page
- Optimiser les parcours utilisateurs
- Créer des interfaces adaptées pour mobile, tablette et PC
- Générer un prototype HTML.
| Tarif |
A partir de 1 340,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation No-Code, vous aurez acquis les connaissances et compétences nécessaires pour :
- S’approprier la démarche no-code et savoir cadrer une idée pour commencer un prototype fonctionnel sans coder
- Identifier les outils no-code les plus adaptés à associer pour sa solution
- Prendre en main certains outils no-code tels qu’Airtable, Zapier ou Bubble
Si vous souhaitez voir plus avant la mise en pratique des outils no-code, nous vous recommandons de suivre plutôt la formation No-Code : Mise en pratique des outils no-code (NOCP).
| Tarif |
A partir de 680,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Concevoir la maquette interactive d’une application mobile ou d’un site web
- Mobiliser les bonnes pratiques pour améliorer l’efficience du workflow de production
- Utiliser le prototype pour mener des tests utilisateurs
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Vous approprier la démarche et cadrer une idée pour commencer un prototype fonctionnel sans coder
- Identifier les outils No Code les plus adaptés à associer pour votre solution
- Prendre en main certains outils No Code tels qu'Airtable, Zapier ou Bubble.
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Découvrir les principes de la démarche de Design Circulaire
- Maîtriser les méthodes et les outils pour trouver des solutions innovantes et durables
- Concevoir un prototype et le tester auprès des utilisateurs
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation No-Code Mise en pratique, vous aurez acquis les connaissances et compétences nécessaires pour :
- Vous approprier la démarche no-code et savoir cadrer une idée pour commencer un prototype fonctionnel sans coder (avec Airtable, Zapier, Strikingly…)
- Identifier les outils no-code les plus adaptés à associer pour sa solution
- Prendre en main certains outils no-code tels qu’Airtable, Zapier ou encore Bubble
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
