009 - Learning ES6!

CodeBrauer · Jan 9, 2017 · 4250b15 · 4250b15
1 parent d664856
commit 4250b15
Show file tree

Hide file tree

Showing 5 changed files with 75 additions and 0 deletions.
diff --git a/009_2017-01-09_JS_Learning-ES6/README.md b/009_2017-01-09_JS_Learning-ES6/README.md
@@ -0,0 +1,5 @@
+# #009 2017-01-09: Learning ES6
+
+Today I started learning ES6 - No code today - just some resources.
+
+**Docs:** <https://codebrauer.github.io/100daysofcode/009_2017-01-09_JS_Learning-ES6>
diff --git a/009_2017-01-09_JS_Learning-ES6/app.css b/009_2017-01-09_JS_Learning-ES6/app.css
@@ -0,0 +1,31 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    background: #283470 url(bg.jpg) center center no-repeat;
+    background-size: cover;
+    font-family: 'Open Sans', sans-serif;
+    color: #15A29C;
+    padding: 0;
+    margin: 0;
+    line-height: 1.5;
+}
+
+h1 {
+    font-family: 'Montserrat', serif;
+    font-size: 56px;
+    margin-top: 0;
+}
+
+a { color: #15A29C; }
+a:hover { color: #fafafa; }
+
+.container {
+    height: 100vh;
+    padding: 20px;
+    background-color: #0e1229;
+    max-width: 500px;
+    width: 100%;
+    margin: 0 auto;
+}
diff --git a/009_2017-01-09_JS_Learning-ES6/bg.jpg b/009_2017-01-09_JS_Learning-ES6/bg.jpg
diff --git a/009_2017-01-09_JS_Learning-ES6/index.html b/009_2017-01-09_JS_Learning-ES6/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta name="theme-color" content="#FEB904">
+
+    <title>Learning ES6</title>
+
+    <link href="//fonts.googleapis.com/css?family=Montserrat:900|Open+Sans" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="app.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Learning ES6/ES2015</h1>
+        <p>
+            Today is monday - we keep it quite simple today. I learned (and still learn) the new features of ES6 in Javascript - and Babeljs.<br>
+            So today is no code. But I have some resources for you, where I got my learning experience from:
+            <ul>
+                <li><a href="http://es6katas.org/">es6katas.org</a></li>
+                <li><a href="https://egghead.io/courses/learn-es6-ecmascript-2015">Egghead.io Course</a></li>
+                <li><a href="https://babeljs.io/learn-es2015/">Babeljs - ES6 Overview</a></li>
+                <li><a href="http://es6-features.org/">ES6 Features overview with examples</a></li>
+                <li><a href="http://kangax.github.io/compat-table/es6/">Compatibility table of ES6</a></li>
+                <li><a href="https://css-tricks.com/lets-learn-es2015/">Great Tutorial at CSS Tricks</a></li>
+                <li><a href="http://learnharmony.org">Learn Harmony: Another learning tutorial with an online REPL</a></li>
+            </ul>
+            Not enough? Check out <a href="https://github.com/ericdouglas/ES6-Learning">this list on GitHub</a> by Eric Douglas.
+        </p>
+    </div>
+
+    <script src="https://cdn.rawgit.com/CodeBrauer/ebf5d310e4703b1186e7384ca1e1405d/raw/c5c1e53a82ae8370979007f8db345870e1782b78/githubcorner.js"></script>
+    <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-59784112-5', 'auto');ga('send', 'pageview');</script>
+</body>
+</html>
diff --git a/README.md b/README.md
@@ -6,6 +6,10 @@ A repo with 100 daily small projects (from 2017-01-01 till 2017-04-17) - every d
 
 Goal: Get a better coder, face up to new challenges, improve skills!
 
+## Day 009 (JS)
+
+[[Docs]](https://codebrauer.github.io/100daysofcode/009_2017-01-09_JS_Learning-ES6) - Today I started learning ES6 - No code today - just some resources.
+
 ## Day 008 (JS)
 
 [[Demo]](https://codebrauer.github.io/100daysofcode/008_2017-01-08_JS_HTML-Table-to-CSV) - Save a HTML table as CSV file.