feat(reflect): add part about Reflect (#24)

docs/markdown/08b-reflect/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition red" -->
+
+# Reflect

docs/markdown/08b-reflect/01-Purpose.md

@@ -0,0 +1,20 @@
+<!-- .slide: class="with-code" -->
+
+# Reflect - Objectifs
+
+L'API Reflect permet de faire de l'introspection sur les objets. Elle propose notamment des fonctions reprenant le
+comportement des opérateurs `new` ou `in`.
+
+```javascript
+const symbol = Symbol('foo');
+class C {
+    constructor(foo) {
+      this.foo = foo;
+      this[symbol] = foo;
+    }    
+}
+let object = Reflect.construct(C, ['bar']);
+Reflect.has(object, 'foo'); // true
+Reflect.has(object, symbol); // true
+Reflect.get(object, 'foo'); // bar
+```

docs/markdown/08b-reflect/02-All-Functions.md

@@ -0,0 +1,4 @@
+<!-- .slide: class="full-center" -->
+# Reference
+
+https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Reflect

docs/markdown/08b-reflect/03-Interesting-Methods-Examples.md

@@ -0,0 +1,13 @@
+<!-- .slide: class="with-code" -->
+
+# Interesting examples - OwnKeys
+
+```JS
+const obj = {
+    [Symbol("test")]: "test",
+    foo: "bar",
+};
+
+Reflect.ownKeys(obj); // ["foo", Symbol(test)]
+Object.keys(obj) // ["foo"]
+```

docs/scripts/slides.js

@@ -68,6 +68,14 @@ const proxySlides = () => [
   `${proxySlidesDir}/02-Exercice.md`,
 ];
 
+const reflectSlidesDir = '08b-reflect';
+const reflectSlides = () => [
+  `${reflectSlidesDir}/00-TITLE.md`,
+  `${reflectSlidesDir}/01-Purpose.md`,
+  `${reflectSlidesDir}/02-All-Functions.md`,
+  `${reflectSlidesDir}/03-Interesting-Methods-Examples.md`,
+]
+
 const modulesSlidesDir = '09-modules';
 const modulesSlides = () => [
   `${modulesSlidesDir}/00-TITLE.md`,
@@ -132,6 +140,7 @@ function formation() {
     ...iteratorGeneratorSlides(),
     ...symbolSlides(),
     ...proxySlides(),
+    ...reflectSlides(),
     ...modulesSlides(),
     ...typescriptSlides(),
     ...functionalJavascriptSlides(),