Note: I assume you have some prior knowledge on command line and know how to use Google and documentations for simple things.
A good environment fosters learning, so we are going to set one up. This will be all you need to properly code.
Use an evergreen browser: Mozilla Firefox or Google Chrome.
Install DevDocs desktop (by Egoist).
In "Preferences", enable following documentation
- CSS
- HTML
- HTTP
- JavaScript
- Web APIs
- Git
- Node.js
- npm
In "Offline Data", make sure to install all the documentation you enabled. It will be around 130 MB of data.
This will be your go-to reference, make sure to create an easily accessible shortcut to use it!
This program is the desktop version of DevDocs.
There is no need anymore to search through MDN or the node.js API for example. This collects it all and delivers it in one place in a consistent formatting.
Developers using Apple products may be interested in Dash as a powerful alternative.
If not already done, install Node.js. I prefer the latest version but you can install LTS if you want (v20 "Iron" as of writing).
You should spend some time learning how to use node.js and particularly npm after you've become familiar with JavaScript proper.
If not already done, install a text editor / IDE suited for web development
- Free text editor: VS Code or VS Codium for the ones that don't like telemetry
- "Winrar free" text editor: Sublime Text
- Paid IDE: Webstorm (PhpStorm, as well as PyCharm Pro edition, include WebStorm too)
Last but not least, use a linter with a proper lint config: follow this link.
Congratulations! You are now set to start learning JS in a good environment for your projects.
Your next step is to go to the resources section. Have fun