martinjackson/Timeline-for-Learning

Timeline-for-learning.md

VSCode (a text editor, written in JavaScript)

Download and run the installer Debian, Win10, Linux, OSX,

MarkDown (how to create cross platform documents)

Daring Fireball: Markdown
GitHub's Markdown Tutorial

In Atom, use the package markdown-preview-plus instead of the default markdown-preview

Git (version control)

git - the simple guide
Tower's Learn Version Control with Git
Atlassian's Git Tutorial
Good Resources for Learning Git and GitHub
Pro-Git

Node (and NPM)

Download and run the installer Pick your OS here

JavaScript (ES5 is enough for now)

write some JavaScript console.log("Hello World");
run it on your command line node hello.js

Node Package Manager

-- mostly you just need npm install

React

Just React. The rest comes later.

npm install -g create-react-app
cd ~/projects/
create-react-app hello-world

Build a few Things

(and throw them away)
Learn to "think in React" by building many small experiments.

Webpack

~~Don't skip straight to a boilerplate project~~
create-react-app generates a very simple webpack.config.js. Start looking there if you are curious. Leave it alone if you want, you can come back to this later.

EcmaScript 6 (aka. EcmaScript 2015)

Learn the 80% you'll actually use.
arrows • let/const • import • classes • destructuring

React Router

React Router doesn't require Redux.
Learn it in isolation.

Redux

Start with the official guide: redux.js.org

Build cross platform desktop apps with JavaScript, HTML, and CSS

martinjackson / Timeline-for-Learning