Essential skills/tools for full stack web development in 2020

In this tutorial we are going to list some of the essential skills that you should have for being a full stack web developer


Full Stack web development for 2020

1. Text/Code Editor : Visual Studio Code

2. Web Browser : Chrome or Firefox

3. Editor Extension : Live Server

4. Design Tools

5. Deployment Tools

6. Some familiarity with terminal : Bash


HTML and CSS

1. Basic HTML

2. Basic CSS (Positioning, Box Model, Flex Box, Grids, Custom properties)

3. Responsive web (Media Queries, rem units, Mobile First Design)

4. Browser Dev tools


Basic Deployments

1. Setup a domain name (Godaddy, Google domains etc.)
2. Hosting (with cPanel)
3. FileZilla (FTP or SFTP)
4. Static websites (Github Pages, Netlify etc.)


Javascript

1. Basics  
 a. Data Type  
 b. Functions  
 c. Conditionals  
 d. Loops  
2. Dom Manipulation & Events
3. Fetch API & JSON
4. Ecmascript (ES6)
 a. Arrow Functions  
 b. Promises  
 c. Async/Await  
 d. Destructuring  
 e. Template String   


Additional Technologies

1. Version control (Git) : Github or Bitbucket or Gitlab etc.
2. Basic Linux command Line (ls, cd, mkdir, ssh etc.)
3. APIs (Rest+GraphQL)
4. SASS
5. NPM (Good to know)*


Bootstrap 

For basic projects and quick prototype


Front end Framework

1. Angular  
or  
2. React  
or
3. Vue


Backend


1. NodeJS  
or
2. Python (Django/Flask etc.)


Machine Learning


1. Python (Keras,Theano, scikit learn)
2. Data visualization (Matplotlib, Bokeh, seaborn, plotly)


Others (Good to know)

Progressive web apps
Responsive web design
Mobile app development
Desktop app development : Electron
GraphQL
Typescript