2018-065

Septidi

17

Floréal

CCXXXII

mardi 6 mars 2018

« Ils bâtissent avec des pierres et ils ne voient pas que chacun de leurs gestes pour poser la pierre dans le mortier est accompagné d'une ombre de geste qui pose une ombre de pierre dans une ombre de mortier. Et c'est la bâtisse d'ombre qui compte. »

— Jean Giono, Que ma joie demeure !

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

• File:01.01.JS_Introduction.pdf
• File:01.02.JS_DOMReviewwithObjectOrientedProgramming.pdf
• File:01.03.JS_Output.pdf
• File:01.04.JS_Variables.pdf
• File:01.05.JS_DataTypes.pdf

testeur

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"

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);
   }