These sites are great for experimenting with and sharing code. However, it's also great to set up your own machine with a working development environment.
Choosing a Web browser
A web browser is an application that displays web pages. All modern computers, whether desktop, portable, or mobile, probably feature a web browser. The most famous are Firefox, Chrome and Internet Explorer, but there are many.
This course uses Google Chrome, the most popular browser on the web.
If you don't already have Google Chrome on your computer, you can install it from this link.
Choose a text editor
As you learned, programming involves writing code as text in a number of files. Any text editor (yes, even Word) will allow you to create and modify text files. However, some are much better than others for working with code. In this course, I recommend using a simple text editor called Sublime Text.
Organize your code
You're almost ready to get started! It's important to set up your basic folder and file structure before actually starting to code. That way, your project will be organized, and you'll be starting off with some good programming habits! ^^
You can either create the project files for this course from scratch or use the file skeleton I've already created for you. Each chapter is set up in a series of folders as follows:
Each chapter has a folder, which contains an html and a js folder, each of which contains a file. These files are what you can fill out for each chapter, or you can create your examples on CodePen.
Add the following content in the above file's HTML equivalent, chapter-1/html/course.html.
Not sure what you just typed? Don't worry! This is simple HTML, which uses tags like
<body> to describe the content of the page.
HTML is not a programming language but a content description language. Usually, an HTML page contains many tags that display information in a structured way, such as titles, images, links to other pages, and more.
Again, you'll ultimately have the folder structure below.
Try out your first program
If you get this same result in your browser, two bits of great news for you:
Your work environment is ready for the course.