Training repo for Es5, Es6, Es7 React, MobX, MobX state tree, RxJs (without babel), potentially Redux Webpack, Babel, Typescript
- Study ES6 - TODO: update README with desirable url for ES6 tutorials.
Key features:
- Support for constants
- Block Scope
- Arrow Functions
- Extended Parameter Handling
- Template Literals
- Extended Literals
- Enhanced Object Properties
- De-structuring Assignment
- Modules
- Classes
- Iterators
- Generators
- Collections
- New built in methods for various classes
- Promises
------------------- 1 -------------------
-
https://www.udemy.com/the-complete-javascript-course/ - Course to familiarise myself with core concepts of JavaScript and in particular with the difference between ES5 and ES6
-
https://www.udemy.com/course/the-complete-web-development-bootcamp/ - Course for familiarising with advanced concepts in CSS, HTML and JavaScript through real mini projects
// The first few points are covered in the above mentioned courses
-
https://medium.com/ecmascript-2015/default-rest-spread-f3ab0d2e0a5e - Extended Parameter Handling
-
Template Literals are explained in the first two courses
-
Enhanced object literals - https://dev.to/sarah_chima/enhanced-object-literals-in-es6-a9d
-
Destructing assignment - https://javascript.info/destructuring-assignment
-
Modules - as far as I understood it is basically the import statements found in other programming languages
-
Iterators and Generators - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators
-
Couldn't find information about collections
-
New built-in methods in ES6 - https://medium.com/@_bengarrison/javascript-es6-exploring-the-new-built-in-methods-b62583b0a8e6
-
https://developers.google.com/web/fundamentals/primers/promises - Google developer's website with explanation about Promises
-
Setup project in this repo using webpack, have index html page, css and a javascript to render a div element.
-
Create a simple to do list app usign scss style preprocessor and pure Javascript using ES6 key features. Use MVC design pattern.
-
Rewrite to do app using React components.
-
Rewrite to do app using MobX framework, MobX state tree and RxJs (without babel).
Each point to be created as a separate branch and create pull request for each to be reviewed. We will create a tag from each point. More points to be added.