Cross-Plateform Cours JavaScript

Slides:



Advertisements
Présentations similaires
Ecole Supérieure Privée de ingénierie et de technologie année universitaire :2013/2014 Cross-Plateform Cours JavaScript.
Advertisements

QuickPlace de LOTUS Logiciel générateur de SITE WEB : Installé sur un serveur (grenet), Permet de créer / gérer / utiliser un site privé, De donner des.
Les ORMs ● Faire coexister le monde relationnel et objet.
Présentation de Scribe Votre nouvelle organisation du Réseau Informatique Pédagogique.
1 Programmation Orientée Objet ● Qu'est-ce qu'un objet ● Collaboration des objets ● Les classes ● Relations entre les classes – “Utilise”, “Contient”,
Apéro SPIP – 16 Novembre 2009 SPIP en chiffres. Les sites SPIP* Introduction Présentation Avantages / Inconvénients SPIP 2.0 Après SPIP 2.0 Démonstration.
Guide de l'enseignant SolidWorks, leçon 1 Nom de l'établissement Nom de l'enseignant Date.
Initiation à QuickPlace, janvier Initiation à QuickPlace n Nature de l'outil n Fonctions de base (lecture, création) n Fonctions de gestionnaire.
GOOGLE MAPS ANDROID API V2. INTRODUCTION TO THE GOOGLE MAPS ANDROID API V2.
1 Programmation en C++ Cycle de vie ● La vie d'un objet ● Destructeur ● Gestion de mémoire dynamique.
Installation De Peakup.  Télécharger le fichier peakup2.4.0.free.zip  Décompresser le fichier extrait sur une Directory de votre choix  Créer un lient.
Utiliser le nouveau site internet du lycée niort/
Programmation en C++ Standard Library
POWER QUERY Les FONCTIONS.
Recherche Summon - HINARI (Module 3)
JAVA.
A JavaScript library for building user interfaces
DropBox Projet App’Ifa.
I- ANALYSE DU BESOIN / Plan
Google analytics.
Session 1 6 mars 2017 Plateforme ICONICS Justine Guégan
Détection des erreurs.
Séminaire Novembre 2006 Zephir : Déploiement et supervision des serveurs Eole.
Les Bases de données Définition Architecture d’un SGBD
Ajouter le code dans une page html
Initiation aux bases de données et à la programmation événementielle
AMUE – SIFAC Les concepts de SIFAC WEB HISTORIQUE DES MISES A JOUR
L’Instruction de Test Alternatif
Généralité sur les bases de données
Javadoc et débogueur Semaine 03 Version A16.
Principes de programmation (suite)
Réalisation d'agents de surveillance Zephir
Les technologies AJAX.
Asynchronous Javascript And Xml
HISTORIQUE DES MISES A JOUR
Algorithmique & Langage C
Semaine #4 INF130 par Frédérick Henri.
Programmation en C++ Classes
Guide des différences entre les deux versions de l’interface web
Concepts de base de la programmation
Séquence n°1 : Séance 3 Problème posé :
Présentation des EJB Enterprise Java Beans.
Notion De Gestion De Bases De Données
Création Et Modification De La Structure De La Base De Données
PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II
Base de Données, RFID et Langage SQL
Programmation Orientée Objet
Programmation Android Bases De Données, SQL-lite
Introduction à Internet
Formation sur les bases de données relationnelles.
Integrated Business intelligence
5 Analyse avec Designer d'Oracle
© Robert Godin. Tous droits réservés.
Langages de programmation TP11
CAS AFPA Sprint n°1.
Programmation procédurale Introduction en JavaScript
Serveurs d’applications
ENREGISTREMENT DES INSPECTIONS VISUELLES
Catherine Cyrot - bibliothèques numériques - Cours 5
Module 5 : Gestion de l'accès aux ressources à l'aide de groupes
Système de gestion de contenu de sites web
Elles contiennent des informations autre que géométriques
Démarrage du projet Préparer les fonds de plan
Présenté par Viviane Lévesque
SQL Structured Query Language
© Robert Godin. Tous droits réservés.
Type Tableau Partie 1 : Vecteurs
Les données structurées et leur traitement
Gestion des destinataires (recipients)
Configurer Thingspeak
Transcription de la présentation:

Cross-Plateform Cours JavaScript Ecole Supérieure Privée de ingénierie et de technologie Cross-Plateform Cours JavaScript année universitaire :2013/2014

Introduction JavaScript est un langage de programmation qui peut être inclus dans des pages HTML. Grâce à ce langage, il est possible d’écrire des pages interactives.

Conseils de codage Ajouter des points virgules (semilicons) à la fin de vos déclarations. Fermer toujours une accolade ouverte. Nous pouvons créer des strings en utilisant des simples ou doubles quotes.

JavaScript : Les types de base Voici les sept principaux types JavaScript qui font partie de la norme ECMA (*): Object String Number Array Date RegExp Function

Orienté Objet JavaScript est un langage orienté objet sans l’utilisation des classes (langage prototypé) Les objets sont manipulés comme étant des classes  Aspect dynamique permettant de modifier la structure des objets après leur création (orienté objet par prototype).

Déclarer un objet JavaScript Chaque objet JavaScript est considéré comme étant une map. On peut accéder aux propriétés d’un objet en utilisant la syntaxe: dot.syntax ou bien la [" array" ] syntax :

Parcourir un objet JavaScript* Puisque les deux méthodes sont équivalentes, il est recommandé d’utiliser la méthode des points car c’est plus rapide.

Les fonctions Les fonctions peuvent être anonymes ou non:

Private / Public * Les fonctions sont aussi utilisées pour présenter des classes :

Private / Public La variable self dans le code précédent qui est égale à this, permet à la méthode privée d’accéder aux méthodes publique de la même classe Thing : Dans ce contexte, this signifie la fonction privée privatemethod(); Une méthode privée en JavaScript n’accède pas aux autres méthodes mais peut accéder aux variables.

Déclaration Vous pouvez définir la classe Thing précédente autrement, mais l’inconvénient est que vous ne pouvez plus accéder aux membre privés de la classe.

Déclaration

Déclaration La syntaxe précédente peut également s’écrire comme suit : Plusieurs développeurs préfèrent cette approche, mais vous perdez la possibilité de référencer les membres privés de la classe.

Web SQL Les Web Databases sont hébergés dans le navigateur Les données ne sont pas incluses avec chaque demande de serveur, mais utilisées uniquement en cas de besoin. Les méthodes de base : - openDatabase - transaction - executeSql

Création d’une base de données Pour créer et ouvrir une base de données : var db = openDatabase('mydb', '1.0', 'my first database', 2 *1024 * 1024); 1- Database name 2- Version number 3- Text description 4- Estimated size of database

Les transactions Les transactions sont simplement des fonctions qui contiennent du code: var db = openDatabase('mydb', '1.0', 'my first database', 2 *1024 * 1024); db.transaction(function (tx) {   // here be the transaction  // do SQL magic here using the tx object });

Création d’une table var db = openDatabase('mydb', '1.0', 'my first database', 2 *1024 * 1024); db.transaction(function (tx) {   tx.executeSql('CREATE TABLE IF NOT EXISTS foo (id unique, text)');   tx.executeSql('INSERT INTO foo (id, text) VALUES (1, "synergies")'); }); Ou bien : tx.executeSql('INSERT INTO foo (id, text) VALUES (?, ?)', [id,userValue]);

Web Storage Il existe deux nouveaux objets de stockage de données : localStorage : Les données persistent même si on quitte l’application. sessionStorage : Les données seront enregistrées pour une seule session lors de l’exécution.

Web Storage les méthodes d'accès sont communes : setItem(clé,valeur) : stocke une paire clé/valeur getItem(clé) : retourne la valeur associée à une clé removeItem(clé) : supprime la paire clé/valeur en indiquant le nom de la clé key(index): retourne la clé stockée à l'index spécifié clear(): efface toutes les paires Pour agrémenter le tout, la propriété .length renvoie le nombre de paires stockées.

Web Storage Stockage : sessionStorage.setItem("couleur","vert") Récupération : var couleur = sessionStorage.getItem("couleur"); Suppression: sessionStorage.removeItem("couleur"); Suppression totale: sessionStorage.clear(); Accès directe: sessionStorage.couleur = "vert";

Web Storage avantages Stocker rapidement des données en cache sans faire intervenir le serveur Augmenter la performance ressentie et faciliter les développements, Se passer des cookies et du trafic HTTP supplémentaire Exploiter un espace alloué plus important que la limite imposée par les cookies (fixée à 4 Ko), Retrouver des données immédiatement à la reconnexion ou les mémoriser pour éviter la perte s'il y a une déconnexion.