Plenty of tools for the webdevelopment and you need to choose wisely below are some of the list that will help you to start your learning curve in coding and familiarize the environment. Each time you spend time in each platform will give your time and resources. To much load in learning also will conflict your mastery. The advise is choose the environment you are having fun and enjoy to play the codes and explore more.
Basic tools webdevelopment
Text Editor: Vscode , sublime txt , visual studio , eclipse
Terminal: bash , zsh , git bash , iterm , hyper
Design: Adobe XD , Photoshop , Sketch , figma
CSS frameworks
Boostrap , tailwind css , materialize , bulma
Vanilla Javascript
-Fundamental ( variables , data type , functions , conditions )
-DOM ( Document Object Model )
-JSON (Java script Object Notation )
-Fetch API ( Request / response / Ajax )
Basic Deployment:
A2hosting
Netify , Github Pages , Gitlab
FTP , SFTP
SSH
CLI & Git
Server-Side Framework
-Node.js – Express , Kao , Adonis , Feathers,js , nest.js
PHP – Laravel , Symfony , Slim
Phython – Django , Flash
C# – ASP.net MVC
Jave – Spring Mvc , grails
Ruby – Ruby on rails , sinatra
Go – Revel
Database
Relational database – PostgreSQL , MySQL , MS SQL
NoSQM – MongoDB , RethinDB , CouchDB
Cloud database – Firebase , Azure Coud DB , AWS
Lightweight & Cache – Redis , SQLlite , NeDB
resources:
https://www.freecodecamp.org/news/web-development-2020/
https://flutter.dev/showcase