JSPlayground

From Zero to Hero as a Web Dev

---

this repository is my walkthrough to js technologies, particularily MERN stack.

The history might be a mess and the code will obviously increasing in terms of quality and in continuous improvement

Where do we start ?

At the moment of starting the project, I have basic knowledges on HTML5 and CSS3 (very basic for CSS as I am not really familiar to web dev and frontend), I am experienced with Javascript (I have worked 2 years on a C++ & JavaScript project for SAP).

On December, 4th 2020 I have played a little with Node.js, Express.js, React.js, Mongo DB and Material UI.

Now that I have discovered the MERN stack the dirty way I will dive deeper in the technologies to go from zero to hero on web development.

Summary

• Step 1:

  • Basics of react & node.

• Step 2:

  • Rest API
  • Mongo DB
  • TypeScript
  • Material UI

• Step 3:

  • OAuth
  • Sass
  • WebPack

• Step 4:

  • Redux
  • Next.js
  • Styled Component
  • Server Side Rendering (SSR)
  • GraphQL

• Step 4:

  • React Native
  • Electron
  • Progressive Web Apps

• Step 5:

  • Jest / react-testing-library / Enzyme
  • Apollo
  • Web Assembly
  • Caching
  • CDN
  • Redis

• Step 6:

  • Elasticsearch
  • Docker
  • Websockets
  • Nginx
  • Scaling
  • RabbitMQ