2018-065

Duodi

2

Frimaire

CCXXXIII

mardi 6 mars 2018

« C’est ce que nous pensons déjà connaître qui nous empêche souvent d’apprendre. »

— Claude Bernard

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