Command Line for Creatives

SuperHi FM

One of the most important tools to master in digital design today doesn’t use a graphical user interface. When we're making complex and custom digital work, we'll need to use a command line to use the tools we need.

In this beginner's course, we'll discover how to use the command line which will let us use design and development tools such as VS Code, Sass and Jekyll.

We'll dive into adding version control and collaboration to our projects with Git and GitHub, plus get websites online using services like GitHub Pages, Netlify and Siteleaf.

What you’ll learn

How to use and alter the latest development tools like Hyper and VS Code
Learn how to get the most out of your command line terminal
How to fix (and avoid) the main problems coders get into with Git and GitHub
Get websites online with GitHub Pages, Netlify and Siteleaf

Requirements

A computer with Mac OS X 10.9 or above, Windows XP or above, or a recent Linux version installed and a broadband internet connection. That’s everything!

Target Audience

Anyone who is looking to start, or get better at, working with the command line, or wanting to use tools such as NPM, Sass, Netlify, Github, or Jekyll.

You do not need any Javascript knowledge for this course. We would recommend a little knowledge of HTML and CSS before this course starts. If you don't have HTML and CSS knowledge, try our book or join our Foundation HTML, CSS + JS course.

Most of our students work in the creative industries – designers, strategists and copywriters are the most common jobs amongst our students – but you can work in any industry to join the course.

Chapter 01

Hyper + VS Code

In the first lesson, we get our computer set up with tools we need, plus how to customize them to exactly our taste

Lesson 01

Welcome to Command Line For Creatives

Lesson 02

What we'll be covering

Lesson 03

Installing Hyper

Go to chapter

Chapter 02

Git, GitHub + Netlify

In Lesson 2, we dive into Git's version control system, how we can collaborate with a team using GitHub and getting sites automatically online with Netlify.

Lesson 01

Introduction to Git

Lesson 02

Git setup on a project

Lesson 03

What is a git commit?

Go to chapter

Chapter 03

Sass

If you like CSS but want more, Sass is CSS with superpowers, and one of the most popular CSS preprocessors. We show you how to install, run and code with it.

Lesson 01

Introduction to our project

Lesson 02

Git branching

Lesson 03

Merging a git branch

Go to chapter

Chapter 04

Jekyll + Siteleaf

Jekyll is probably the world's most popular static site generator – we discover how it works and how we can quickly make a blog with it. We also dive into Siteleaf, a service that our clients and customers can use to update our Jekyll site.