Actonate Stack

1. Basics of Web Development
2. Data Structures in Javascript
3. Javascript ES6 (with Babel)
4. React
5. Node + Next.js
6. CSS - Styled Components + Flex
7. GraphQL
8. Mirkwood (with ORM)
9. SQL Concepts / Postgresql
10. MobX
11. Typescript

Getting Started

Below are list of curated resources recommend for each topic.

Basics of Web Development

• Use The Odin Project to get complete understanding of web development. You can ignore the Ruby and Ruby on Rail courses as part of their curriculum https://www.theodinproject.com/courses
• You can play this interactive game to get up to speed with Javascript - https://warriorjs.com/
• Understand the ecosystem - http://jstherightway.org/

Data Structures in Javascript

• This will help you think and program in Javascript
• Algorithms in Javascript from Scratch (Beginner) - https://www.udemy.com/learning-algorithms-in-javascript-from-scratch/
• Data Structures in Javascript from Scratch (Intermediate) - https://www.udemy.com/learning-data-structures-in-javascript-from-scratch/

Javascript ES6 + Babel

• Learning ES6 - https://github.com/MarcoWorms/learn.js
• Modern Javascript - https://javascript.info/
• Awesome (Curated) List - https://github.com/ericdouglas/ES6-Learning
• Introduction - https://code.tutsplus.com/articles/use-ecmascript-6-today--net-31582
• Crash Course - https://laracasts.com/series/es6-cliffsnotes
• Book - http://exploringjs.com/es6/
• Overall Guide https://wesbos.com/javascript

React

• Road to React - https://roadtoreact.com/
• Recommended Course - https://reactforbeginners.com/
• Alternate Course - Tyler Mcginnis - React Fundamentals

Nodejs + Nextjs

• Understanding Nodejs (under the hood) - https://www.udemy.com/understand-nodejs/
• Applications in Nodejs (parts of it can be referred) - https://www.udemy.com/the-complete-nodejs-developer-course-2/?couponCode=MEADNODE
• Crash Course - Nodeschool.io - https://nodeschool.io/#workshopper-list
• Next.js Learn - https://nextjs.org/learn/

CSS - Flexbox

• Crash Course / Introduction - https://medium.freecodecamp.org/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af
• Course - https://flexbox.io/
• Game - https://flexboxfroggy.com/

StyledComponents

• Official website - https://www.styled-components.com/docs

GraphQL

• How to GraphQL - https://www.howtographql.com/
• Video on History and idea behind GraphQL - Lee Byron - 4 Years of GraphQL - https://www.youtube.com/watch?v=zVNrqo9XGOs&t=8s

SQL Concepts / Postgresql

• Advanced Course - https://www.udemy.com/the-ultimate-mysql-bootcamp-go-from-sql-beginner-to-expert/
• Crash Course (with Postgresql) - https://www.udemy.com/the-complete-sql-bootcamp/

Mirkwood

• Follow https://gitlab.com/mirkwood/mirkwood/wikis/home. To be updated further.

Mobx

• Understand basics of Mobx from docs (Introduction) - https://mobx.js.org/
• Crash course - https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx

Typescript

• Crash course - https://tutorialzine.com/2016/07/learn-typescript-in-30-minutes
• Official Handbook - https://www.typescriptlang.org/docs/handbook/basic-types.html