Code Editors

Create a Website with code

1.Setting Up Your Developer Environment

For this course, we’ll need three tools that every web developer uses:

1. A text editor to write code.
2. A web browser to preview what we’re building.
3. A version control and Repository Manager (Git & Github).

While you can use any web browser or text editor, we recommend using Google Chrome and VSCode for this course.

• Google Chrome can be downloaded from https://www.google.com/chrome/
• Visual Studio Code can be downloaded from https://code.visualstudio.com/. See next Skill it's more detailed.

Like any good craftsperson, it’s important that you become familiar with your tools. In order to do so, we’ll have a look at what is at our disposal.

Google Chrome : is a web browser. You may or may not already be using Google Chrome for browsing the web. A web browser allows us to view web pages (similar to the one you’re reading this very text on). We’ll use Google Chrome to view the results after writing and making changes to our code. Visual Studio Code : is a popular code editor. A code editor is a very aptly named software; it helps us edit text. It is similar to the default text editor that comes preinstalled on Mac or Windows, but has additional features like code highlighting to enhance our coding and debugging experience.

2. Code Editors:

If you’re going to do any kind of development, you’re going to spend a lot of time in front of a text editor. There are many coding languages on the web, but let’s focus on the big three (HTML, CSS & JavaScript) and setup our environment to manipulate them.

Visual Studio Code (or VSCode) is the most used text editor.

VSCode provides a ton of plugins that make a developer’s life as easy as possible. When you’re using it, you have the ability to make it fit your preferences by installing the right plugins.

The plugins that you’re using have a huge impact on your productivity and the way you work.