web sémantique
un type de balise = un rôle sémantique
@@ -628,7 +625,6 @@Structure d'une page
balises de section
-
-
bodyarticlenavaside
@@ -814,21 +810,23 @@
Choisir sa balise :
Attributs globaux :
Attributs spécifiques :
CSS
CSS
-Anatomie d'un élément :
+Anatomie d'un élément (box model) :
3 façons de définir un style :
-// dans l'élément
-Exemples de sélécteurs d'attributs :
div p a {...} div.maClasse {...} div a#monId {...} -ul > li {...} // all li directly child from ul -div[class=”maClasse”] {...} // all div that have only this class +ul > li {...} // all li directly children of ul +div[class=”maClasse”] {...} // all div that only have this class div + span {...} // span that is adjacent to div a[class~=”plop”] {...} // all div that have at least this class @@ -919,15 +917,11 @@Pseudo-éléments
Poids des sélécteurs
-display
-By default, block takes all the width it can independent of the content, whereas an inline will have a width that depend on the content. - -inline-block has both property.
+Les éléments avec display: block forcent les éléménts suivant à aller à la ligne suivante. On peut choisir leur width et height
+Les éléments avec display: inline subissent le flux du texte (et vont à la ligne quand il n'y a plus de place sur la ligne actuelle)
+Les éléments avec display: inline-block agissent comme des inline à l'extérieur et block à l'intérieur
Arborescence d'un projet web :
Responsive web design
-
+ 
Types
Comparaison de valeur
+-
+
- Toujours utiliser === et !== +
- == "presque égal" +
- === "strictement égal" +
Number
+Un seul type de nombre (pas de distinction int/float/double)
parseInt("123", 10); // 123
parseInt("010"); // 8
-isNaN(NaN); // true
+Number.isNaN(NaN); // true
1 / 0; // Infinity
diff --git a/slides/01-index.md b/slides/01-index.md
new file mode 100644
index 0000000..ca6e969
--- /dev/null
+++ b/slides/01-index.md
@@ -0,0 +1,5 @@
+# Data-science
+
+### et méthodes de hackers
+
+par [ants](http://ants.builders) / [@beingAnts](http://twitter.com/beingAnts)
diff --git a/slides/02-introduction/01-objectfs.md b/slides/02-introduction/01-objectfs.md
new file mode 100644
index 0000000..674ac3c
--- /dev/null
+++ b/slides/02-introduction/01-objectfs.md
@@ -0,0 +1,7 @@
+## Objectif
+
+Vous rendre
+organisés,
+armés et
+autonomes
+pour apprendre de la data-science par la pratique.
\ No newline at end of file
diff --git a/slides/02-introduction/02-programme.md b/slides/02-introduction/02-programme.md
new file mode 100644
index 0000000..c177bb0
--- /dev/null
+++ b/slides/02-introduction/02-programme.md
@@ -0,0 +1,7 @@
+## Programme
+
+1. travailler à plusieurs (git/github)
+1. les langages du web (html, css, javascript)
+1. dataviz: tableau de bord de consommation d'eau (3 jours)
+1. docker, déploiement ?
+1. ...
\ No newline at end of file
diff --git a/slides/02-introduction/03-spirit.md b/slides/02-introduction/03-spirit.md
new file mode 100644
index 0000000..f3c8898
--- /dev/null
+++ b/slides/02-introduction/03-spirit.md
@@ -0,0 +1,5 @@
+## Spirit
+
+1. NOS outils sur VOS projets avec VOS data
+1. on couvre large, vous hackez le reste
+1. support
\ No newline at end of file
diff --git a/slides/03-git-github/01-git.md b/slides/03-git-github/01-git.md
new file mode 100644
index 0000000..bb4e34e
--- /dev/null
+++ b/slides/03-git-github/01-git.md
@@ -0,0 +1,7 @@
+$background:#4d7e65$
+$transition:slide$
+$background-transition:zoom$
+
+# Git
+
+### organiser son code et son travail
\ No newline at end of file
diff --git a/slides/03-git-github/02-git-github.md b/slides/03-git-github/02-git-github.md
new file mode 100644
index 0000000..e8740ab
--- /dev/null
+++ b/slides/03-git-github/02-git-github.md
@@ -0,0 +1,7 @@
+$background:#4d7e65$
+
+# Git / GitHub
+
+**Git** : gestionnaire de version (sur votre ordinateur)
+
+**GitHub** : plateforme de collaboration (sur le cloud)
\ No newline at end of file
diff --git a/slides/03-git-github/03-git-avantages.md b/slides/03-git-github/03-git-avantages.md
new file mode 100644
index 0000000..0f0db62
--- /dev/null
+++ b/slides/03-git-github/03-git-avantages.md
@@ -0,0 +1,5 @@
+$background:#4d7e65$
+
+Git évite de dupliquer du code pour le versioner, permet de revenir en arrière et surtout permet de toujours savoir où on en est.
+
+Outils indispensable pour organiser son travail sur un gros projet.
\ No newline at end of file
diff --git a/slides/03-git-github/04-github-avantages.md b/slides/03-git-github/04-github-avantages.md
new file mode 100644
index 0000000..97c8ad5
--- /dev/null
+++ b/slides/03-git-github/04-github-avantages.md
@@ -0,0 +1,5 @@
+$background:#4d7e65$
+
+GitHub permet de s'échanger du code, de travailler à plusieurs sur un même projet et de communiquer sur les problèmes.
+
+GitHub permet en outre de déployer des services et de recruter.
\ No newline at end of file
diff --git a/slides/03-git-github/05-environement.md b/slides/03-git-github/05-environement.md
new file mode 100644
index 0000000..4a888a3
--- /dev/null
+++ b/slides/03-git-github/05-environement.md
@@ -0,0 +1,6 @@
+$background:#4d7e65$
+
+## Environnement de travail
+
+* **Editeur** : [Atom](https://atom.io/), [Sublime](http://www.sublimetext.com/3)
+* **Console** : iTerm2 (Mac), [ConEmu](https://conemu.github.io/)
diff --git a/slides/03-git-github/06-configurer-git.md b/slides/03-git-github/06-configurer-git.md
new file mode 100644
index 0000000..7baae15
--- /dev/null
+++ b/slides/03-git-github/06-configurer-git.md
@@ -0,0 +1,19 @@
+$background:#4d7e65$
+
+## Configurer git
+
+
+
+````bash
+# dans le cas où vous êtes derrière un proxy
+git config --global http.proxy http://proxyuser:proxypwd@proxy.server.com:8080
+git config --global https.proxy https://proxyuser:proxypwd@proxy.server.com:8080
+
+# si vous ne l'avez jamais fait auparavant
+git config --global user.name "Your Name"
+git config --global user.email "your_email@whatever.com"
+
+# pour windows
+git config --global core.autocrlf true
+git config --global core.safecrlf true
+````
\ No newline at end of file
diff --git a/slides/03-git-github/07-init.md b/slides/03-git-github/07-init.md
new file mode 100644
index 0000000..42e0f11
--- /dev/null
+++ b/slides/03-git-github/07-init.md
@@ -0,0 +1,16 @@
+$background:#4d7e65$
+
+## Init
+
+
+
+````bash
+# créer un dossier
+mkdir testgit
+# s'y déplacer
+cd testgit
+# initialison git
+git init
+````
+
+ce qui crée un dossier `.git` contenant tout ce qui concerne git. C'est léger.
\ No newline at end of file
diff --git a/slides/03-git-github/08-status.md b/slides/03-git-github/08-status.md
new file mode 100644
index 0000000..a60de12
--- /dev/null
+++ b/slides/03-git-github/08-status.md
@@ -0,0 +1,19 @@
+$background:#4d7e65$
+
+## Status
+
+
+
+````bash
+git status
+````
+
+donne:
+
+````bash
+On branch master
+
+Initial commit
+
+nothing to commit (create/copy files and use "git add" to track)
+````
\ No newline at end of file
diff --git a/slides/03-git-github/09-status-untracked.md b/slides/03-git-github/09-status-untracked.md
new file mode 100644
index 0000000..ecffdbd
--- /dev/null
+++ b/slides/03-git-github/09-status-untracked.md
@@ -0,0 +1,18 @@
+$background:#4d7e65$
+
+## Status
+
+
+
+````bash
+touch testFile.txt
+````
+
+après ce fichier crée, `git status` donne:
+
+````bash
+Untracked files:
+(use "git add <file>..." to include in what will be committed)
+
+ testFile.txt
+````
\ No newline at end of file
diff --git a/slides/03-git-github/10-git-add.md b/slides/03-git-github/10-git-add.md
new file mode 100644
index 0000000..2e4ccf1
--- /dev/null
+++ b/slides/03-git-github/10-git-add.md
@@ -0,0 +1,18 @@
+$background:#4d7e65$
+
+## git add
+
+
+
+````bash
+git add testFile.txt
+````
+
+indique a git qu'on veut le versioner
+
+````bash
+Changes to be committed:
+ (use "git rm --cached <file>..." to unstage)
+
+ new file: testFile.txt
+````
\ No newline at end of file
diff --git a/slides/03-git-github/11-git-commit.md b/slides/03-git-github/11-git-commit.md
new file mode 100644
index 0000000..3d8ca79
--- /dev/null
+++ b/slides/03-git-github/11-git-commit.md
@@ -0,0 +1,19 @@
+$background:#4d7e65$
+
+## git commit
+
+
+
+````bash
+git commit
+````
+
+ouvre un éditeur (vim, nano) pour décrire le commit.
+
+Une alternative rapide:
+
+````bash
+git commit -m "added empty file to project"
+````
+
+faites un `git status` pour voir...
\ No newline at end of file
diff --git a/slides/03-git-github/12-iterer.md b/slides/03-git-github/12-iterer.md
new file mode 100644
index 0000000..624bd4b
--- /dev/null
+++ b/slides/03-git-github/12-iterer.md
@@ -0,0 +1,14 @@
+$background:#4d7e65$
+
+## Itérer
+
+
+
+On itère au fur et a mesure des changements qu'on veut persister :
+
+````bash
+// on ajoute une ligne au fichier (normalement utiliser l'éditeur)
+echo "hello" > testFile.txt
+git status
+git commit -am"added hello to the file"
+````
\ No newline at end of file
diff --git a/slides/03-git-github/13-git-diff.md b/slides/03-git-github/13-git-diff.md
new file mode 100644
index 0000000..16e9e86
--- /dev/null
+++ b/slides/03-git-github/13-git-diff.md
@@ -0,0 +1,18 @@
+$background:#4d7e65$
+
+## git diff
+
+
+
+faites une modification
+
+````bash
+git diff
+````
+
+indique les changements par rapport au dernier commit
+
+````bash
+-hello
++bonjour
+````
\ No newline at end of file
diff --git a/slides/03-git-github/14-resume.md b/slides/03-git-github/14-resume.md
new file mode 100644
index 0000000..cd422f2
--- /dev/null
+++ b/slides/03-git-github/14-resume.md
@@ -0,0 +1,9 @@
+$background:#4d7e65$
+
+## Résumé
+
+
+
+Chaque commit permet de poser une bouée pour repérer un état du code.
+
+![Down arrow]()
\ No newline at end of file
diff --git a/slides/03-git-github/15-git-log.md b/slides/03-git-github/15-git-log.md
new file mode 100644
index 0000000..c3bcddc
--- /dev/null
+++ b/slides/03-git-github/15-git-log.md
@@ -0,0 +1,31 @@
+$background:#4d7e65$
+
+## git log
+
+
+
+Pour avoir une vue de l'histoire.
+
+````bash
+git log
+````
+
+````bash
+commit 5bf345af8448979acd16ec07621561f8628211fa
+Author: vallettea <vallettea@gmail.com>
+Date: Mon Jan 11 19:53:32 2016 +0100
+
+ changed hello in bonjour
+
+commit 2dc24bc314fc92fcbf20261ef80ec203088044d9
+Author: vallettea <vallettea@gmail.com>
+Date: Mon Jan 11 19:32:26 2016 +0100
+
+ added hello to the file
+
+commit c04b81108300ebbe9d367d21c603ae9e3089d55e
+Author: vallettea <vallettea@gmail.com>
+Date: Mon Jan 11 19:22:51 2016 +0100
+
+ added empty file to project
+````
\ No newline at end of file
diff --git a/slides/03-git-github/16-git-checkout-commit.md b/slides/03-git-github/16-git-checkout-commit.md
new file mode 100644
index 0000000..c1eaa2f
--- /dev/null
+++ b/slides/03-git-github/16-git-checkout-commit.md
@@ -0,0 +1,19 @@
+$background:#4d7e65$
+
+## git checkout \#commit
+
+
+
+Pour se déplacer dans l'histoire
+
+````bash
+git checkout 2dc24bc314f
+````
+
+Si vous regardez votre fichier, vous verrez qu'il est revenu à l'état où il y avait hello. Pour revenir au dernier état
+
+````bash
+git checkout master
+````
+
+**Attention**: pour se déplacer dans l'histoire, il faut être "clean", c'est-à-dire ne pas avoir de modifications non-commitées.
\ No newline at end of file
diff --git a/slides/03-git-github/17-git-checkout-file.md b/slides/03-git-github/17-git-checkout-file.md
new file mode 100644
index 0000000..6d90ae1
--- /dev/null
+++ b/slides/03-git-github/17-git-checkout-file.md
@@ -0,0 +1,17 @@
+$background:#4d7e65$
+
+## git checkout \#commit
+
+
+
+Pour revenir au dernier commit pour ce fichier
+
+````bash
+git checkout testFile.txt
+````
+
+Pour faire la même chose avec tous les fichiers à la fois (dans le cas d'un projet complet):
+
+````bash
+git checkout --hard HEAD
+````
diff --git a/slides/03-git-github/18-git-branch.md b/slides/03-git-github/18-git-branch.md
new file mode 100644
index 0000000..aebea9a
--- /dev/null
+++ b/slides/03-git-github/18-git-branch.md
@@ -0,0 +1,29 @@
+$background:#4d7e65$
+
+## git branch
+
+
+
+Pour créer une nouvelle branche
+
+````bash
+git branch new-version
+````
+
+Lister les branches
+
+````bash
+git branch
+````
+
+Se mettre sur une branche existante
+
+```bash
+git checkout other-version
+```
+
+Créer une nouvelle branche et aller dessus
+
+````bash
+git checkout -b newest-version
+````
\ No newline at end of file
diff --git a/slides/03-git-github/18-resume-histoire.md b/slides/03-git-github/18-resume-histoire.md
new file mode 100644
index 0000000..c356092
--- /dev/null
+++ b/slides/03-git-github/18-resume-histoire.md
@@ -0,0 +1,9 @@
+$background:#4d7e65$
+
+## Résumé
+
+
+
+On utilise log et checkout pour naviguer dans l'histoire des commits
+
+![Down arrow]()
diff --git a/slides/03-git-github/19-voir-branches.md b/slides/03-git-github/19-voir-branches.md
new file mode 100644
index 0000000..905e21e
--- /dev/null
+++ b/slides/03-git-github/19-voir-branches.md
@@ -0,0 +1,22 @@
+$background:#4d7e65$
+
+## git branch
+
+
+
+Pour voir où on en est
+
+````bash
+git log --pretty=format:'%h %ad | %s%d [%an]' --graph --date=short --all
+````
+
+donne:
+
+````bash
+* ae5830b 2016-01-11 | added a third file (HEAD -> newVersion) [vallettea]
+| * 58f41af 2016-01-11 | added a second file (master) [vallettea]
+|/
+* 5bf345a 2016-01-11 | changed hello in bonjour [vallettea]
+* 2dc24bc 2016-01-11 | added hello to the file [vallettea]
+* c04b811 2016-01-11 | added empty file to project [vallettea]
+````
\ No newline at end of file
diff --git a/slides/03-git-github/20-resume-branches.md b/slides/03-git-github/20-resume-branches.md
new file mode 100644
index 0000000..9e56e5a
--- /dev/null
+++ b/slides/03-git-github/20-resume-branches.md
@@ -0,0 +1,9 @@
+$background:#4d7e65$
+
+## Résumé branches
+
+
+
+Les branches permettent d'organiser ses modifications
+
+![Down arrow]()
diff --git a/slides/03-git-github/21-git-merge.md b/slides/03-git-github/21-git-merge.md
new file mode 100644
index 0000000..dbf55e2
--- /dev/null
+++ b/slides/03-git-github/21-git-merge.md
@@ -0,0 +1,17 @@
+$background:#4d7e65$
+
+## git merge
+
+
+
+Remettons nous sur master
+
+````bash
+git checkout master
+````
+
+et apportons tous les changements fait sur `new-version` sur master
+
+````bash
+git merge newVersion
+````
\ No newline at end of file
diff --git a/slides/03-git-github/22-apres-merge.md b/slides/03-git-github/22-apres-merge.md
new file mode 100644
index 0000000..2b9f480
--- /dev/null
+++ b/slides/03-git-github/22-apres-merge.md
@@ -0,0 +1,24 @@
+$background:#4d7e65$
+
+## après le merge
+
+
+
+Pour voir où on en est
+
+````
+git log --pretty=format:'%h %ad | %s%d [%an]' --graph --date=short --all
+````
+
+donne
+
+````
+* 867fdd6 2016-01-11 | Merge branch 'newVersion' (HEAD -> master) [vallettea]
+|\
+| * ae5830b 2016-01-11 | added a third file (newVersion) [vallettea]
+* | 58f41af 2016-01-11 | added a second file [vallettea]
+|/
+* 5bf345a 2016-01-11 | changed hello in bonjour [vallettea]
+* 2dc24bc 2016-01-11 | added hello to the file [vallettea]
+* c04b811 2016-01-11 | added empty file to project [vallettea]
+````
\ No newline at end of file
diff --git a/slides/03-git-github/23-resume-merge.md b/slides/03-git-github/23-resume-merge.md
new file mode 100644
index 0000000..26f53f6
--- /dev/null
+++ b/slides/03-git-github/23-resume-merge.md
@@ -0,0 +1,9 @@
+$background:#4d7e65$
+
+## Résumé merge
+
+
+
+Merger sert a faire converger les modifications crées sur les branches vers une version finale.
+
+![Down arrow]()
diff --git a/slides/03-git-github/24-plus-loin.md b/slides/03-git-github/24-plus-loin.md
new file mode 100644
index 0000000..f0b92e0
--- /dev/null
+++ b/slides/03-git-github/24-plus-loin.md
@@ -0,0 +1,7 @@
+$background:#4d7e65$
+
+### Pour aller plus loin
+
+* git stash
+* .gitignore
+* [alias dans .gitconfig](http://gitimmersion.com/lab_11.html)
diff --git a/slides/03-git-github/25-ressources.md b/slides/03-git-github/25-ressources.md
new file mode 100644
index 0000000..0ff6933
--- /dev/null
+++ b/slides/03-git-github/25-ressources.md
@@ -0,0 +1,10 @@
+$background:#4d7e65$
+
+### Ressources
+
+* [doc officielle](http://www.git-scm.com/doc)
+* [tutorial interactif](http://pcottle.github.io/learnGitBranching/)
+* [git command line simulator](https://try.github.io/levels/1/challenges/1)
+* [bon tutorial](http://gitimmersion.com)
+* [autre bonne documentation](https://www.atlassian.com/pt/git/)
+
diff --git a/slides/04-javascript/01-javascript.md b/slides/04-javascript/01-javascript.md
new file mode 100644
index 0000000..67bac2e
--- /dev/null
+++ b/slides/04-javascript/01-javascript.md
@@ -0,0 +1,8 @@
+# JavaScript
+
+* S'execute dans le navigateur, côté client.
+* [JavaScript Technologies Overview](https://developer.mozilla.org/en-US/docs/Web/JavaScript/JavaScript_technologies_overview)
+* A quoi sert JavaScript ?
+ * Google Maps
+ * Facebook (côté client)
+ * Bordeaux 3D
\ No newline at end of file
diff --git a/slides/04-javascript/02-standards.md b/slides/04-javascript/02-standards.md
new file mode 100644
index 0000000..e95aa23
--- /dev/null
+++ b/slides/04-javascript/02-standards.md
@@ -0,0 +1,12 @@
+# Standards
+
+* ECMAScript 3 (1999)
+ * IE6+
+* Pas de ECMAScript 4 !
+* ECMAScript 5 (2009)
+* ECMAScript 2015 (anciennement ECMAScript 6)
+ * Array.from
+ * Arrow function
+ * Promise
+ * (Weak)Map/Set
+* Versions de JavaScript (1.7, 1.7.5, 1.8, etc.) n'ont aucune importance
\ No newline at end of file
diff --git a/slides/04-javascript/03-syntaxe.md b/slides/04-javascript/03-syntaxe.md
new file mode 100644
index 0000000..09d946f
--- /dev/null
+++ b/slides/04-javascript/03-syntaxe.md
@@ -0,0 +1,7 @@
+# Syntaxe
+
+* not: `!x`
+* et: `a && b`
+* ou: `a || b`
+* `a = b`
+* Point-virgules optionels... mais mettez-les !
\ No newline at end of file
diff --git a/slides/04-javascript/04-variables.md b/slides/04-javascript/04-variables.md
new file mode 100644
index 0000000..25d332a
--- /dev/null
+++ b/slides/04-javascript/04-variables.md
@@ -0,0 +1,5 @@
+# Variables
+
+* TOUJOURS déclarer avec `var`
+* Toujours utiliser le [mode strict](https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope/Strict_mode/Transitioning_to_strict_mode)
+ * `"use strict";`
diff --git a/slides/04-javascript/05-valeurs.md b/slides/04-javascript/05-valeurs.md
new file mode 100644
index 0000000..4d56f7d
--- /dev/null
+++ b/slides/04-javascript/05-valeurs.md
@@ -0,0 +1,19 @@
+# Valeurs
+
+* number
+* string
+* boolean (`true`, `false`)
+* null
+* undefined
+* object (`Object(x) === x`)
+ * function (`typeof f === 'function'`)
+ * Array (`Array.isArray(x)`)
+ * Date
+ * RegExp
+* symbols (ES2015)
+
+notes:
+
+
+ null & undefined
+ (/!\ `typeof null === "object"`, comparer `maVariable === null`)
\ No newline at end of file
diff --git a/slides/04-javascript/06-comparaison.md b/slides/04-javascript/06-comparaison.md
new file mode 100644
index 0000000..8b36755
--- /dev/null
+++ b/slides/04-javascript/06-comparaison.md
@@ -0,0 +1,18 @@
+# Comparaison
+
+* TOUJOURS utiliser `===` et `!==`
+ * `==` "presque égal"
+ * `===` "strictement égal"
+* Comparaison par référence pour les objets, par valeur pour le reste.
+
+````js
+console.log(1 === 1)
+console.log('yo' === 'yo')
+
+var o = { a: 1 };
+var o2 = o;
+console.log(o === o2);
+
+var o3 = { a: 1 };
+console.log(o !== o3);
+````
diff --git a/slides/04-javascript/07-string.md b/slides/04-javascript/07-string.md
new file mode 100644
index 0000000..d7ac7c7
--- /dev/null
+++ b/slides/04-javascript/07-string.md
@@ -0,0 +1,18 @@
+# Strings
+
+* '', 'yo', 'whatever'
+* '' ou "" indifféremment
+ * 'doesn\'t' et "doesn't"
+
+````js
+'Yo'.toUpperCase()
+'Yo'.toLowerCase()
+'Yo'.slice(start, end)
+'Yo'.substring(start, end)
+'Yo'.substr(start, length)
+'yyyyyyy'.replace('y', 'a') // /!\ only the first occurence
+'yyyyyyy'.replace(/y/g, 'a')
+str.trim()
+str.match()
+str.length
+````
\ No newline at end of file
diff --git a/slides/04-javascript/08-number.md b/slides/04-javascript/08-number.md
new file mode 100644
index 0000000..de21b86
--- /dev/null
+++ b/slides/04-javascript/08-number.md
@@ -0,0 +1,14 @@
+# Number
+
+* Un seul type de nombre, pas de distinction int/float/double
+* 1, 23, 1.6, Math.PI
+* signe*mantisse*2^exp
+
+````js
+// NaN, Infinity
+console.log( NaN !== NaN )
+Number.isNaN(x) // /!\ NE PAS utiliser isNaN !!
+toto.toFixed(2)
+Math.PI.toFixed(3)
+Math.PI.toString()
+````
\ No newline at end of file
diff --git a/slides/04-javascript/09-math.md b/slides/04-javascript/09-math.md
new file mode 100644
index 0000000..46f0255
--- /dev/null
+++ b/slides/04-javascript/09-math.md
@@ -0,0 +1,9 @@
+# Math
+
+````js
+Math.random();
+Math.pow(x, e);
+Math.sqrt(x);
+Math.hypot(a, b, c); // (ES2015) Math.sqrt( a*a + b*b + c*c )
+Math.round(21.1); // floor, ceil
+````
\ No newline at end of file
diff --git a/slides/04-javascript/10-boolean.md b/slides/04-javascript/10-boolean.md
new file mode 100644
index 0000000..7ee45ad
--- /dev/null
+++ b/slides/04-javascript/10-boolean.md
@@ -0,0 +1,16 @@
+# Booleans
+
+````js
+!!maValeur
+console.log( 67 && 37 && null && 'kjhg' )
+console.log( 0 || 37 || null )
+````
+
+## "Falsy values"
+
+* false
+* 0
+* NaN
+* '' // chaîne vide
+* null
+* undefined
\ No newline at end of file
\ No newline at end of file
diff --git a/slides/03-git-github/15-git-log.md b/slides/03-git-github/15-git-log.md
new file mode 100644
index 0000000..c3bcddc
--- /dev/null
+++ b/slides/03-git-github/15-git-log.md
@@ -0,0 +1,31 @@
+$background:#4d7e65$
+
+## git log
+
+
+
+Pour avoir une vue de l'histoire.
+
+````bash
+git log
+````
+
+````bash
+commit 5bf345af8448979acd16ec07621561f8628211fa
+Author: vallettea <vallettea@gmail.com>
+Date: Mon Jan 11 19:53:32 2016 +0100
+
+ changed hello in bonjour
+
+commit 2dc24bc314fc92fcbf20261ef80ec203088044d9
+Author: vallettea <vallettea@gmail.com>
+Date: Mon Jan 11 19:32:26 2016 +0100
+
+ added hello to the file
+
+commit c04b81108300ebbe9d367d21c603ae9e3089d55e
+Author: vallettea <vallettea@gmail.com>
+Date: Mon Jan 11 19:22:51 2016 +0100
+
+ added empty file to project
+````
\ No newline at end of file
diff --git a/slides/03-git-github/16-git-checkout-commit.md b/slides/03-git-github/16-git-checkout-commit.md
new file mode 100644
index 0000000..c1eaa2f
--- /dev/null
+++ b/slides/03-git-github/16-git-checkout-commit.md
@@ -0,0 +1,19 @@
+$background:#4d7e65$
+
+## git checkout \#commit
+
+
+
+Pour se déplacer dans l'histoire
+
+````bash
+git checkout 2dc24bc314f
+````
+
+Si vous regardez votre fichier, vous verrez qu'il est revenu à l'état où il y avait hello. Pour revenir au dernier état
+
+````bash
+git checkout master
+````
+
+**Attention**: pour se déplacer dans l'histoire, il faut être "clean", c'est-à-dire ne pas avoir de modifications non-commitées.
\ No newline at end of file
diff --git a/slides/03-git-github/17-git-checkout-file.md b/slides/03-git-github/17-git-checkout-file.md
new file mode 100644
index 0000000..6d90ae1
--- /dev/null
+++ b/slides/03-git-github/17-git-checkout-file.md
@@ -0,0 +1,17 @@
+$background:#4d7e65$
+
+## git checkout \#commit
+
+
+
+Pour revenir au dernier commit pour ce fichier
+
+````bash
+git checkout testFile.txt
+````
+
+Pour faire la même chose avec tous les fichiers à la fois (dans le cas d'un projet complet):
+
+````bash
+git checkout --hard HEAD
+````
diff --git a/slides/03-git-github/18-git-branch.md b/slides/03-git-github/18-git-branch.md
new file mode 100644
index 0000000..aebea9a
--- /dev/null
+++ b/slides/03-git-github/18-git-branch.md
@@ -0,0 +1,29 @@
+$background:#4d7e65$
+
+## git branch
+
+
+
+Pour créer une nouvelle branche
+
+````bash
+git branch new-version
+````
+
+Lister les branches
+
+````bash
+git branch
+````
+
+Se mettre sur une branche existante
+
+```bash
+git checkout other-version
+```
+
+Créer une nouvelle branche et aller dessus
+
+````bash
+git checkout -b newest-version
+````
\ No newline at end of file
diff --git a/slides/03-git-github/18-resume-histoire.md b/slides/03-git-github/18-resume-histoire.md
new file mode 100644
index 0000000..c356092
--- /dev/null
+++ b/slides/03-git-github/18-resume-histoire.md
@@ -0,0 +1,9 @@
+$background:#4d7e65$
+
+## Résumé
+
+
+
+On utilise log et checkout pour naviguer dans l'histoire des commits
+
+
diff --git a/slides/03-git-github/19-voir-branches.md b/slides/03-git-github/19-voir-branches.md
new file mode 100644
index 0000000..905e21e
--- /dev/null
+++ b/slides/03-git-github/19-voir-branches.md
@@ -0,0 +1,22 @@
+$background:#4d7e65$
+
+## git branch
+
+
+
+Pour voir où on en est
+
+````bash
+git log --pretty=format:'%h %ad | %s%d [%an]' --graph --date=short --all
+````
+
+donne:
+
+````bash
+* ae5830b 2016-01-11 | added a third file (HEAD -> newVersion) [vallettea]
+| * 58f41af 2016-01-11 | added a second file (master) [vallettea]
+|/
+* 5bf345a 2016-01-11 | changed hello in bonjour [vallettea]
+* 2dc24bc 2016-01-11 | added hello to the file [vallettea]
+* c04b811 2016-01-11 | added empty file to project [vallettea]
+````
\ No newline at end of file
diff --git a/slides/03-git-github/20-resume-branches.md b/slides/03-git-github/20-resume-branches.md
new file mode 100644
index 0000000..9e56e5a
--- /dev/null
+++ b/slides/03-git-github/20-resume-branches.md
@@ -0,0 +1,9 @@
+$background:#4d7e65$
+
+## Résumé branches
+
+
+
+Les branches permettent d'organiser ses modifications
+
+
diff --git a/slides/03-git-github/21-git-merge.md b/slides/03-git-github/21-git-merge.md
new file mode 100644
index 0000000..dbf55e2
--- /dev/null
+++ b/slides/03-git-github/21-git-merge.md
@@ -0,0 +1,17 @@
+$background:#4d7e65$
+
+## git merge
+
+
+
+Remettons nous sur master
+
+````bash
+git checkout master
+````
+
+et apportons tous les changements fait sur `new-version` sur master
+
+````bash
+git merge newVersion
+````
\ No newline at end of file
diff --git a/slides/03-git-github/22-apres-merge.md b/slides/03-git-github/22-apres-merge.md
new file mode 100644
index 0000000..2b9f480
--- /dev/null
+++ b/slides/03-git-github/22-apres-merge.md
@@ -0,0 +1,24 @@
+$background:#4d7e65$
+
+## après le merge
+
+
+
+Pour voir où on en est
+
+````
+git log --pretty=format:'%h %ad | %s%d [%an]' --graph --date=short --all
+````
+
+donne
+
+````
+* 867fdd6 2016-01-11 | Merge branch 'newVersion' (HEAD -> master) [vallettea]
+|\
+| * ae5830b 2016-01-11 | added a third file (newVersion) [vallettea]
+* | 58f41af 2016-01-11 | added a second file [vallettea]
+|/
+* 5bf345a 2016-01-11 | changed hello in bonjour [vallettea]
+* 2dc24bc 2016-01-11 | added hello to the file [vallettea]
+* c04b811 2016-01-11 | added empty file to project [vallettea]
+````
\ No newline at end of file
diff --git a/slides/03-git-github/23-resume-merge.md b/slides/03-git-github/23-resume-merge.md
new file mode 100644
index 0000000..26f53f6
--- /dev/null
+++ b/slides/03-git-github/23-resume-merge.md
@@ -0,0 +1,9 @@
+$background:#4d7e65$
+
+## Résumé merge
+
+
+
+Merger sert a faire converger les modifications crées sur les branches vers une version finale.
+
+
diff --git a/slides/03-git-github/24-plus-loin.md b/slides/03-git-github/24-plus-loin.md
new file mode 100644
index 0000000..f0b92e0
--- /dev/null
+++ b/slides/03-git-github/24-plus-loin.md
@@ -0,0 +1,7 @@
+$background:#4d7e65$
+
+### Pour aller plus loin
+
+* git stash
+* .gitignore
+* [alias dans .gitconfig](http://gitimmersion.com/lab_11.html)
diff --git a/slides/03-git-github/25-ressources.md b/slides/03-git-github/25-ressources.md
new file mode 100644
index 0000000..0ff6933
--- /dev/null
+++ b/slides/03-git-github/25-ressources.md
@@ -0,0 +1,10 @@
+$background:#4d7e65$
+
+### Ressources
+
+* [doc officielle](http://www.git-scm.com/doc)
+* [tutorial interactif](http://pcottle.github.io/learnGitBranching/)
+* [git command line simulator](https://try.github.io/levels/1/challenges/1)
+* [bon tutorial](http://gitimmersion.com)
+* [autre bonne documentation](https://www.atlassian.com/pt/git/)
+
diff --git a/slides/04-javascript/01-javascript.md b/slides/04-javascript/01-javascript.md
new file mode 100644
index 0000000..67bac2e
--- /dev/null
+++ b/slides/04-javascript/01-javascript.md
@@ -0,0 +1,8 @@
+# JavaScript
+
+* S'execute dans le navigateur, côté client.
+* [JavaScript Technologies Overview](https://developer.mozilla.org/en-US/docs/Web/JavaScript/JavaScript_technologies_overview)
+* A quoi sert JavaScript ?
+ * Google Maps
+ * Facebook (côté client)
+ * Bordeaux 3D
\ No newline at end of file
diff --git a/slides/04-javascript/02-standards.md b/slides/04-javascript/02-standards.md
new file mode 100644
index 0000000..e95aa23
--- /dev/null
+++ b/slides/04-javascript/02-standards.md
@@ -0,0 +1,12 @@
+# Standards
+
+* ECMAScript 3 (1999)
+ * IE6+
+* Pas de ECMAScript 4 !
+* ECMAScript 5 (2009)
+* ECMAScript 2015 (anciennement ECMAScript 6)
+ * Array.from
+ * Arrow function
+ * Promise
+ * (Weak)Map/Set
+* Versions de JavaScript (1.7, 1.7.5, 1.8, etc.) n'ont aucune importance
\ No newline at end of file
diff --git a/slides/04-javascript/03-syntaxe.md b/slides/04-javascript/03-syntaxe.md
new file mode 100644
index 0000000..09d946f
--- /dev/null
+++ b/slides/04-javascript/03-syntaxe.md
@@ -0,0 +1,7 @@
+# Syntaxe
+
+* not: `!x`
+* et: `a && b`
+* ou: `a || b`
+* `a = b`
+* Point-virgules optionels... mais mettez-les !
\ No newline at end of file
diff --git a/slides/04-javascript/04-variables.md b/slides/04-javascript/04-variables.md
new file mode 100644
index 0000000..25d332a
--- /dev/null
+++ b/slides/04-javascript/04-variables.md
@@ -0,0 +1,5 @@
+# Variables
+
+* TOUJOURS déclarer avec `var`
+* Toujours utiliser le [mode strict](https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope/Strict_mode/Transitioning_to_strict_mode)
+ * `"use strict";`
diff --git a/slides/04-javascript/05-valeurs.md b/slides/04-javascript/05-valeurs.md
new file mode 100644
index 0000000..4d56f7d
--- /dev/null
+++ b/slides/04-javascript/05-valeurs.md
@@ -0,0 +1,19 @@
+# Valeurs
+
+* number
+* string
+* boolean (`true`, `false`)
+* null
+* undefined
+* object (`Object(x) === x`)
+ * function (`typeof f === 'function'`)
+ * Array (`Array.isArray(x)`)
+ * Date
+ * RegExp
+* symbols (ES2015)
+
+notes:
+
+
+ null & undefined
+ (/!\ `typeof null === "object"`, comparer `maVariable === null`)
\ No newline at end of file
diff --git a/slides/04-javascript/06-comparaison.md b/slides/04-javascript/06-comparaison.md
new file mode 100644
index 0000000..8b36755
--- /dev/null
+++ b/slides/04-javascript/06-comparaison.md
@@ -0,0 +1,18 @@
+# Comparaison
+
+* TOUJOURS utiliser `===` et `!==`
+ * `==` "presque égal"
+ * `===` "strictement égal"
+* Comparaison par référence pour les objets, par valeur pour le reste.
+
+````js
+console.log(1 === 1)
+console.log('yo' === 'yo')
+
+var o = { a: 1 };
+var o2 = o;
+console.log(o === o2);
+
+var o3 = { a: 1 };
+console.log(o !== o3);
+````
diff --git a/slides/04-javascript/07-string.md b/slides/04-javascript/07-string.md
new file mode 100644
index 0000000..d7ac7c7
--- /dev/null
+++ b/slides/04-javascript/07-string.md
@@ -0,0 +1,18 @@
+# Strings
+
+* '', 'yo', 'whatever'
+* '' ou "" indifféremment
+ * 'doesn\'t' et "doesn't"
+
+````js
+'Yo'.toUpperCase()
+'Yo'.toLowerCase()
+'Yo'.slice(start, end)
+'Yo'.substring(start, end)
+'Yo'.substr(start, length)
+'yyyyyyy'.replace('y', 'a') // /!\ only the first occurence
+'yyyyyyy'.replace(/y/g, 'a')
+str.trim()
+str.match()
+str.length
+````
\ No newline at end of file
diff --git a/slides/04-javascript/08-number.md b/slides/04-javascript/08-number.md
new file mode 100644
index 0000000..de21b86
--- /dev/null
+++ b/slides/04-javascript/08-number.md
@@ -0,0 +1,14 @@
+# Number
+
+* Un seul type de nombre, pas de distinction int/float/double
+* 1, 23, 1.6, Math.PI
+* signe*mantisse*2^exp
+
+````js
+// NaN, Infinity
+console.log( NaN !== NaN )
+Number.isNaN(x) // /!\ NE PAS utiliser isNaN !!
+toto.toFixed(2)
+Math.PI.toFixed(3)
+Math.PI.toString()
+````
\ No newline at end of file
diff --git a/slides/04-javascript/09-math.md b/slides/04-javascript/09-math.md
new file mode 100644
index 0000000..46f0255
--- /dev/null
+++ b/slides/04-javascript/09-math.md
@@ -0,0 +1,9 @@
+# Math
+
+````js
+Math.random();
+Math.pow(x, e);
+Math.sqrt(x);
+Math.hypot(a, b, c); // (ES2015) Math.sqrt( a*a + b*b + c*c )
+Math.round(21.1); // floor, ceil
+````
\ No newline at end of file
diff --git a/slides/04-javascript/10-boolean.md b/slides/04-javascript/10-boolean.md
new file mode 100644
index 0000000..7ee45ad
--- /dev/null
+++ b/slides/04-javascript/10-boolean.md
@@ -0,0 +1,16 @@
+# Booleans
+
+````js
+!!maValeur
+console.log( 67 && 37 && null && 'kjhg' )
+console.log( 0 || 37 || null )
+````
+
+## "Falsy values"
+
+* false
+* 0
+* NaN
+* '' // chaîne vide
+* null
+* undefined
\ No newline at end of file