Setting Up a Development Environment
Installing a Text Editor
- Sublime Text
- Visual Studio Code
Installing a Web Browser
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
To install Node.js, visit the Node.js website and download the latest version. Follow the installation instructions for your operating system to complete the installation.
Setting Up a Local Development Server
A local development server is a program that runs on your computer and allows you to test your code in a simulated web server environment. This is useful for testing server-side code or for developing web applications that need to communicate with a server.
There are several local development servers available, but a popular choice is MAMP. MAMP is free to download and use, and it is available for both Mac and Windows.
To set up MAMP, download and install the program, then start the MAMP application. MAMP will automatically start a local web server and MySQL database server on your computer, which you can use to test your code.
Finally, you’ll want to have some debugging tools at your disposal to help you troubleshoot any issues that may arise as you develop your code. Most modern web browsers have built-in developer tools that allow you to inspect and debug your code. To access the developer tools in Chrome, for example, you can right-click on any page element and select “Inspect” from the context menu.
Other popular debugging tools include:
To review these concepts, we will go through a series of exercises designed to test your understanding and apply what you have learned.