Tools for Web Development

Habdul Hazeez - Oct 18 '19 - - Dev Community

This section covers the tools you will need to start your web development journey.

The two main tools you will need to follow along:

  1. A Web Browser
  2. A Text/Code Editor

Check the previous section if you still need to download a web browser

You can use a code editor of your choice, but I will be using Sublime Text.

Sublime Text

Some editors for your consideration:

ATOM

Atom Code Editor

Atom is made by GitHub and you can download it from the application's website.

NOTEPAD++

Notepad++ Code Editor

Notepad++ can be downloaded from the application download page.

Another tool that will be useful to you is the Browser Developer tools that's available in modern Desktop Browsers. If you have a Modern Browser installed (Firefox or Chrome), this is will be available to you.

Developer Tools opened in Firefox 69 on Windows 10

The Developer Tools can be accessed in Firefox and Chrome Browsers using Ctrl + Shift + I (for Windows OS) and Option + Command + I (for macOS).


Updated December 1, 2019: The shortcut for accessing Developer Tools in macOS thanks to voidedmain.

Comment Not Found

Edited September 19, 2020: Grammar fix.

Up Next, lets learn some HTML.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .