Différences entre versions de « 2018-065 »

Version du 6 mars 2018 à 16:39

Primidi

1

Frimaire

CCXXXIII

mardi 6 mars 2018

« Pourquoi faire demain ce que l'on peut faire après demain? »

— Alphonse Allais

Mobilités

> Les vélos en libre service, qui sont là pour longtemps, nous donnent une belle occasion de repenser la mobilité et l’espace public. A condition de ne pas se crisper, de ne pas renoncer (à réguler), et de faire preuve d’imagination. - Bye Bye Gobee, et merci - 2018-03-02

> Les vélos en libre-service, une double « tragédie des communs » - Lionel Maurel - 2018-03-05

Silo Facebook

Comment FB gagne de l'argent - Ploum - 2018-02-28

Culture Code : Bug et histoire du Debugging

http://theinstitute.ieee.org/tech-history/technology-history/did-you-know-edison-coined-the-term-bug

Révision JavaScript

Coursera : Interactivité avec Javascript https://www.coursera.org/learn/javascript
Codepen https://codepen.io/collection/nLPkgP/#

slides

exemple 1

variables

cf https://codepen.io/ColleenEMc/pen/zvpxGE

types de data

Nombre

valeurs numériques avec ou sans décimales

> var pi = 3.1416

var width = window.innerWidth;

Chaîne

Une chaîne est une collection de caractères (lettres, nombres, ponctuation, ...)

Pour créer une chaîne, placer la valeur entre guillemets "..."

   var location = window.location;
   var name = "xtof";

Booléen

En programmation, une valeur booléenne est une valeur qui est soit vraie ou fausse

   var status=false;
   var windowStatus=window.closed;

Objet

Parfois les variables sont plus complexes :

Un noeud dans le DOM est un bon exemple

   var topic = document.getElementById('monID');

Les noeuds sont plus qu'une valeur unique, ils ont des attributs.

Array (liste)

Comment une fonction peut renvoyer plus d'une valeur ?

   var liens = document.getElementsByTagName('a');

Opérateurs et Expressions

slides : File:01.06.JS_OperatorsandExpressions.pdf

   ++
   -- 
   +=

Fonctions

Les petits morceaux de code qu'on peut réutiliser... Syntaxe spéciale pour la déclaration :

   function nomFonction(params){
         code à faire tourner
   }

   function messageAccueil(msg){
         alert(msg);
   }

Appel de fonction : - déclarer une fonction ne produit en fait rien - besoin d'appeler la fonction - appeler une fonction change le flow du programme

   var x = "bonjour";
   messageAccueil(x);
   x = "Au revoir";
   messageAccueil(x);

   function messageAccueil(msg) {
         alert(msg);
   }

@@ Ligne 38 : / Ligne 38 : @@
 === exemple 1 ===
+<!--
 <html>
 <h2 id="test">testeur</h2>
@@ Ligne 51 : / Ligne 51 : @@
 <p>Pour un test, que se passe-t-il si je retire la balise script au-dessus ? Et si j'ai deux éléments avec id = "test"</p>
 </html>
+-->
 === variables ===