Merge pull request #190 from matyikriszta/gh-pages

first command line tutorial and removing broken link from js 1 to fix #187

Author: matyikriszta

command-line/introduction/tutorial.md

@@ -0,0 +1,119 @@
+---
+layout: page
+title: Introduction to the command line
+---
+
+## What is the command line?
+
+The command line is a text interface for your computer. Just like Windows Explorer on Windows or Finder on Mac OSX it let’s you navigate through the files and folders of your computer, but it is completely text based. The command line works by typing commands against a prompt, which then gets passed to the operating system of the computer that runs these commands.
+
+## How do I access the command line?
+
+To access the command line, we use a terminal emulator, usually called a terminal. On Mac OSX you can access the terminal by opening the Terminal application from your Applications folder. On Windows you should use a program called the PowerShell.
+
+## Example 1: navigating around in the terminal
+
+Once you opened up your terminal, type in the following after the $ or > sign and hit enter: ($ or > is the prompt, you don't have to retype that in the terminal, only the characters that come after them):
+
+```bash
+$ pwd
+```
+
+> What do you think happened there? In your own words, try to explain what this command does.
+
+### `pwd` or print working directory
+
+The `pwd` command prints out the current directory you are in. What are directories? Directories are folders, these terms are used interchangeably. If you just opened up your terminal, you are probably in the root directory of your computer, and should get an output similar to this:
+
+```bash
+/Users/your-username
+```
+
+Now you know how to tell where you are in the folder structure of you computer, you might ask yourself: but if there is no visual user interface in the terminal how do I know what directories are in what directories? That's where the `ls` command comes in handy.
+
+### `ls` or list
+
+In your terminal type:
+
+```bash
+$ ls
+```
+
+and hit enter. Most likely this command returned you a bunch of files and directories (folders). The `ls` command prints out the contents of a directory. If you are in the root directory of your computer you should see directories printed out such as Documents, Applications, etc. Now the question is, how do I move between directories?
+
+### `cd` or change directory
+
+The `cd` prompt allows you to move between directories. The `cd` command takes an argument, usually the name of the folder you want to change into, so the full command is `cd your-directory`.
+
+In the terminal, type:
+
+```bash
+$ ls
+```
+
+Choose a directory you want to change into, and type:
+
+```bash
+$ cd your-directory
+```
+
+Now type:
+
+```bash
+$ pwd
+```
+
+This should return you name of the directory you just `cd` into.
+
+Type `ls` into the terminal, choose another directory and `cd` into it. We have just changed into a new directory. You can use these two commands to navigate around the directory structure of your computer. This is all good so far but sometimes you might want to go deeper than one level in one command. `cd` allows you to do this by chaining the directories with a `/`, so `cd your-directory` becomes `cd your-directory/directory-inside-your-directory`.
+
+We now know how to move forward but how to go back up the directory tree? In your terminal type:
+
+```bash
+$ cd ..
+```
+
+Now do a `pwd`. You just went back one directory! Chaining works backward too, so if you type `cd ../..` you should be taken back two directories.
+
+> If you want to go back to the root directory of your computer, simply type `cd` into the terminal. `cd` without an argument takes you back to the root directory regardless of where you are currently in the directory structure
+
+### Exercise 1: use `ls` and `cd` to move in and out of a few directories on your machine
+
+Those are the basics of navigating around in the terminal. What else would we want to do in there? How about creating directories and files?
+
+## Example 2: creating directories and files
+
+### `mkdir` or make directory
+
+Go back to the root directory of your computer, and type:
+
+```bash
+$ mkdir temp
+```
+
+into the terminal. Now use `ls` to see the contents of the root directory. You should see a new folder, temp there. You just created a new folder! As it's name suggests, mkdir creates directories. What if we wanted to create a directory inside a directory? `cd` into temp and type:
+
+```bash
+$ mkdir stuff/bits
+```
+
+No do an `ls` and you should see stuff retruned. `cd` into stuff and do another `ls`. Inside stuff, the directory bits was created. What if you wanted to create files?
+
+### `touch` or create files 
+
+Inside bits, type:
+
+```bash
+$ touch bobs.txt
+```
+
+Do an `ls` to check whether the file has been created. Inside bits, there should be a new file called bobs.txt. We used `touch` to create files. With touch you can create files with any extensions, just don't forget to specify what kind of file you are creating: index.html, script.js, style.css are all valid extensions. 
+
+### Exercise 2: `cd` back into temp and create a couple of new folders with files in them
+
+### Bonus: type this into your terminal:
+
+```bash
+$ say hello
+```
+

index.html

@@ -36,6 +36,11 @@ <h2>HTML</h2>
             <li><a href="html/lesson6/tutorial.html">Lesson 6 - Advanced HTML5</a></li>
           </ul>
 
+          <h2>Command Line</h2>
+          <ul>
+            <li><a href="command-line/introduction/tutorial.html">Introduction to the command line</a></li>
+          </ul>
+
           <h2>Version Control</h2>
           <ul>
             <li><a href="version-control/introduction/tutorial.html">Introduction to version control</a></li>

js/lesson1/tutorial.md

@@ -24,9 +24,6 @@ Some common usages around the web is
 [Stack of cards](http://designlovr.com/examples/dynamic_stack_of_index_cards/)
 ![](assets/images/effects_1.png)
 
-[Games](http://gorillas.heroku.com)
-![](assets/images/game.png)
-
 It is also becoming common outside of the browser. You can write your own programs and servers in JavaScript using [Node.js](http://nodejs.org/).