Workshop: File Systems and the Command Line

In this workshop we will get to know our computer better, and explore the computer's filesystem using a tool called the Command Line. We will learn some useful commands, and also learn more about how computers work, which will prepare us for writing code! If you need a reference at any point in the workshop, there is a list of commands included at the end of the page.

To get set up for this workshop, you need to have a suitable Command Line that you can launch installed on your computer. Please follow the instructions in this guide, especially if you use Windows.

Intro: What are Computers?

Computers are Everywhere!

We have access to a lot of different devices that run code and software. These include systems like a laptop or a desktop computer, but also phones, watches, cars, tablets and e-Readers. Some of these devices, like desktop computers, give us some control over how they operate, and allow us to look inside them. Others, like phones, hide a lot of their inner systems away and make it hard for the average user to look inside.

Your Computer is a Load of Files

Lots of things have changed about computers in the past few decades -- they're a lot faster, there is a lot of emphasis on graphics, and it's much easier to find things than it used to be -- but the way that computers work has not fundamentally changed. All computers use something called an 'operating system' to work: you might use an operating system like Mac or Windows, or maybe one of a family of systems called Linux.

These different operating systems will work on slightly different principles, but at the core there are lots of similarities.

Your computer handles things on the level of files. Some are files that are made by you, like Word Documents or Images

Some kinds of files on your computer require special software to open. Microsoft Word and LibreOffice are both examples of software that can open 'Word documents', which are identified by the ending '.docx'

These pieces of software are also made from files. These are files that you can't normally see, and are wrapped in something called a 'binary' or an 'executable'

The really big, truly secret thing: all computer software is made by people, and it's not too hard to learn how to write software yourself. That's why you are at the CCI!

What is a file? It's a way that your computer stores a load of information, grouped together in one place, and represented by a specific format. We will

Demo: Secret Files

We are going to look inside an application and see all the files that make it up. You are welcome to follow along -- but it's also fine to watch this part! In this demo, I will also show you how to make your file browser a better tool for seeing inside your computer. When I do these steps, have a go at doing them with me.

Activity: Command Line House Tour

In this part of the workshop, we will make an explorable game using the command line. By the end of this activity, you should be more familiar with your file browser

We will use generic names to refer to specific things. So:

'file browser' means the graphical interface used to view and change files. On a Mac this is called 'Finder'. On Windows it is called 'Git Bash'

'command line' means, the text interface used to view and change files. On a Mac this is called 'Terminal', on Windows this is called the 'Command Line'

Intro: the filesystem

The filesystem is the name given to the system on your computer that manages and looks after files. It's the part of your computer that you navigate in order to open, read and edit different files.

Part 1: Navigating using the File Browser

Step 1: Open
Open the file browser. on your computer. On a Mac, this is called Finder. On Windows, this is called 'File Explorer'

Step 2: Desktop
Click to navigate to the 'Desktop' in the file browser. The desktop is just another folder, but on both Mac and Windows, it behaves like a special folder where you can see the files on your main computer screen.

Step 3: Class Folder
We are going to make a folder to store all the files made in this workshop. In your Desktop, create a new folder called 'computer-friend'. Make sure you use a dash rather than a space! We'll find out later why this is important.

Part 2: Exploring the House

I've made a small game to demonstrate the activity. We're going to download and extract it, put it in our new folder, and then look inside.

Step 1: Download
Download the 'house-tour' folder by clicking on this link.

Step 2: Extract
This is a 'zipped' folder -- it is a way of compressing a bunch of files into a smaller, single object so it can be sent around. We need to extract the files

On a Mac: double click on the zipped file. It will make a new folder next to it with the same name, with a blue folder icon. This is the folder we will use.

On Windows: right click the zipped file, and select 'Extract All', and use the default options in the dialog

Step 3: Move
We are going to move the unzipped folder into the 'computer-friend' folder we made in part one. Open a second file browser window, then drag and drop the 'house' folder inside of the 'computer friend' folder. You should end up with a folder layout that looks like this (look at the path bar to see the structure):

Part 3: Navigating using the Command Line

Now we are familiar with our house

Challenge: Find the secret room
There's a hidden room in the house! You can modify the ls command with ls -a to show hidden folders and files. Try to locate this secret room and solve the puzzle inside!

Part 4: Making folders and files using the Command Line

Making
We foldersare going to make an extension for the house! As an example, we are going to make an extra room called `cellar`, and files

then fill it with objects that people in the house have thrown away.

Step 1: Corridor
Navigate to the 'corridor' folder in the house, using the cd command. A simple way to do this is to type cd .. until you end up back at the folder house, and then use cd door/corridor to go back to the corridor. It's important we move to the correct location before we create our file there

Step 2: Making a Folder
We've already made

Step 3: Making a File \

Challenge: Add another room \

Extra tips
touch and mkdir can be used to make multiple things at once. So, if you type mkdir house garden street, it will make three folders in your current location: one called house, one called garden, one called street

Part 5: Make your Own Adventure

Part 6: Text Adventure Swap

Tools and Further Reading

File Browser Commands

Show hidden files:

on a Mac: ⌘ + shift + .

on Windows: "View" > "Hidden Items"

Show path bar:

on a Mac: "View" > "Show Path Bar"

on Windows: shown by default

List of Command Line Commands

In this session, we are going to use the following commands:

command	name	meaning
`pwd`	"print working directory"	print out a path to my current location
`ls`	"list"	list the files and folders in the current location
`cd`	"change directory"	move to a different folder
`cd ..`	"change directory"	move UP one folder
`cd ~`	"change directory"	navigate to the Home directory
`touch file.txt`	"touch"	make a new, empty file called file.txt
`cat file.txt`	"concatenate"	print out the contents of a file called file.txt
`mkdir my-folder`	"make directory"	make a new folder called 'my-folder'

Neat tricks:

Type cd (cd and then a space), and then drag and drop the folder you want to navigate to onto the command line. Press enter and it will take you there
Use the Tab key to autocomplete folder and file paths
Use the up and down arrow keys to find and select commands you already ran
on a Mac: hold down the 'option' key to place your cursor anywhere on the command line

Watch out for:

you can't place your cursor by clicking! if you need to