From the course: JavaScript: Ajax and Fetch

Setting up your environment - JavaScript Tutorial

From the course: JavaScript: Ajax and Fetch

Start my 1-month free trial

Setting up your environment

- [Instructor] To work along with me on the files for this course, you need two applications: a web browser and a code editor. You undoubtedly already have a web browser installed on your machine, and any major modern browser, Chrome, Firefox, or Microsoft Edge, is fine for this course. I'll be using Chrome in these videos, which is a popular choice among web developers because of the extensive and powerful developer tools it has built in. I've customized Chrome with the JSON Formatter extension by Callum Locke, which is helpful when examining JSON data in the browser window. A number of great code editors are available, both free and paid apps. Any editor that lets you edit and save plain text is fine for this course, so if you have a code editor you like, such as Sublime Text or Atom, it's fine to use it. I use Visual Studio Code in these videos, which is a version of Microsoft's Visual Studio created specifically for web development. Visual Studio Code is free and has Windows, Mac, and Linux releases. The code is available on GitHub, and users can submit issues there as well. I've turned on word wrap in my editor. If you want to do the same, just click View, and then Toggle Word Wrap, this ensures that long lines of code don't run off the screen. I've also installed a few extensions. Bracker Pair Colorizer 2 by CoenraadS color codes each nested pair of parentheses, brackets, and braces to make nesting levels easier to distinguish. Note that this is a new, improved version of a previous extension called simply Bracket Pair Colorizer by the same creator, so be sure to grab version two for the most up-to-date code. Indenticator by SirTori highlights your current level of indent, which is also helpful in identifying your location in nested code. Finally, Live Server by Ritwick Dey is an HTTP server you can launch with a single click that automatically opens the current document in your default browser. Testing Ajax code during development benefits from an HTTP server, and this one is really easy to install and use. If you want to learn more about anything I use or talk about in this course, I encourage you to explore the library for a deeper dive on that topic. Now let's get started.

Contents