Lesson Weekend

A paragraph labelled "a Word of Warning" has been added to the end of the text of this lesson.

A paragraph labelled "a Word of Warning" has been added to the end of the text of this lesson.

Before the first week of class, take time to ensure all necessary tools and frameworks are correctly installed on your personal machine, including those we will use later on in the course.

The JavaScript course will require the following tools and technologies. You are expected to install any tools you do not already have before the course begins. Confirm each tool is functioning properly by following all instructions below.


Node.js

Installation Instructions

Installation instructions for Node.js, and its corresponding package manager (npm) may be found in the Installing Node.js lesson.

Confirmation

Confirm that node and npm are in place by checking versions:

  • Run the command $ node -v in your home directory. You should receive an output of 4.0.x or higher.
  • Run the command $ npm -v in your home directory. You should receive an output of 3.6.x or higher.

Confirm Node.js is functioning correctly by creating a small test project:

Create a test project directory and JavaScript file. This example will use a hello.js file in a directory called hello:

hello/hello.js
console.log("hello world");

Next, use Node.js to execute this file from the command line:

$ node hello.js

If all is functioning, you should see "hello world" (or whatever you placed in the console.log() of your JavaScript file) printed to the terminal.


TypeScript

To install TypeScript, Node.js and npm must be successfully installed first.

Installation Instructions

Installation instructions for TypeScript and the corresponding Atom package can be found in the "Installing TypeScript" section of the Introducing TypeScript lesson.

If npm has been installed correctly, there is little chance for error installing TypeScript.


If you encounter any issues installing any of these tools, there will be an opportunity to receive setup assistance from Epicodus staff the first Tuesday of the course at 10:30am. Even though we are not yet using these frameworks, it's important to set these tools up now, so that you may take advantage of installation and setup assistance if any errors occur.

Terminology


  • Flat file: A plain text file with no styling added.

  • Asset pipeline: A mechanism for efficiently preparing all of your "assets" (HTML, CSS, JS files) for the browser. It takes multiple files and combines them into one file.

  • Runtime environment: A collection of software and hardware resources that enable a program to be executed.

  • Node.js: A runtime environment that allows JavaScript to be run from the command line.

Overview


  • We could write our asset pipeline in any programming language. However, since our programs will be written in JavaScript, it's easiest if we work with build tools written in JavaScript as well.

  • Runtime environments (such as Node.js) allow us to access the filesystem, which the browser does not, and also contains all necessary dependencies and tools our application needs to operate.