SuperHi FM

Search:

Catalog Cart About Sign in

ADVANCEDCOURSE

Command Line for Creatives

Use the command line to integrate design and development tools such as VS Code, Github, Sass, Jekyll, and Netlify into your workflow.

Rik Lomas

Taught by

Rik Lomas

Hyper + VS Code

Hyper + VS Code

Lesson 01

Welcome to Command Line For Creatives

Lesson 02

What we'll be covering

Lesson 03

Installing Hyper

Git, GitHub + Netlify

Git, GitHub + Netlify

Lesson 01

Introduction to Git

Lesson 02

Git setup on a project

Lesson 03

What is a git commit?

Sass

Sass

Lesson 01

Introduction to our project

Lesson 02

Git branching

Lesson 03

Merging a git branch

Jekyll + Siteleaf

Jekyll + Siteleaf

Lesson 01

Introduction to A Night In Japan

Lesson 02

Setting up Jekyll

Lesson 03

Jekyll configuration

Get access to Command Line for Creatives

Practical, go-at-your-own pace learning, with help from our industry experts and experienced teachers
Projects and code that you can alter and include in your own sites and portfolio
Resources to get you started and going post-course

Your instructor

Rik Lomas

Rik Lomas

Founder + CEO

With support from...

Lawrence Gosset

Lawrence Gosset

Teacher

Course structure

Chapter 01

Hyper + VS Code

Lesson 01
Welcome to Command Line For Creatives
Lesson 02
What we'll be covering
Lesson 03
Installing Hyper
Lesson 04
Adding a theme to Hyper
Lesson 05
Installing VS Code
Lesson 06
VS Code Settings
Lesson 07
cd, ls and dir
Lesson 08
Our sites folder and touch command
Lesson 09
Atom and Code shell commands
Lesson 10
Adding oh-my-zsh (Mac)
Lesson 11
Editing our project
Lesson 12
Hyper plugins

Chapter 02

Git, GitHub + Netlify

Lesson 01
Introduction to Git
Lesson 02
Git setup on a project
Lesson 03
What is a git commit?
Lesson 04
What are command line flags?
Lesson 05
Setting up GitHub
Lesson 06
SSH key setup with GitHub
Lesson 07
GitHub Pages and git pull
Lesson 08
Getting a site online with Netlify
Lesson 09
Adding a new file and commiting

Chapter 03

Sass

Lesson 01
Introduction to our project
Lesson 02
Git branching
Lesson 03
Merging a git branch
Lesson 04
How to solve a git merge conflict
Lesson 05
Adding our assets
Lesson 06
What is ngrok?
Lesson 07
Installing Sass
Lesson 08
Running Sass and using Sass variables
Lesson 09
Importing stylesheets
Lesson 10
Nesting styles in Sass
Lesson 11
What are Sass mixins?
Lesson 12
Cleaning up our code
Lesson 13
Making a pull request in GitHub

Chapter 04

Jekyll + Siteleaf

Lesson 01
Introduction to A Night In Japan
Lesson 02
Setting up Jekyll
Lesson 03
Jekyll configuration
Lesson 04
Default layouts in Jekyll
Lesson 05
Page site variables
Lesson 06
Making an about page
Lesson 07
Looping in Jekyll with Liquid tags
Lesson 08
Content for homepage
Lesson 09
What is front matter?
Lesson 10
Jekyll includes
Lesson 11
Setting up an assets folder
Lesson 12
Live reloading with Jekyll
Lesson 13
Styling up our site
Lesson 14
Extending our default layout
Lesson 15
Adding our project to GitHub
Lesson 16
Setting up Siteleaf
Lesson 17
Adding content to Siteleaf
Lesson 18
What is Markdown formatting, and adding images
Lesson 19
Git pull and push for Siteleaf
Lesson 20
Tweaks for Siteleaf

SuperHi students work at the best

Our students are based all over the world and work at creative companies large and small. Why not check out some of their work?

View student work

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

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.

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

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.

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.

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.

Rik (he/him) is a Mancunian coder, teacher and CEO of SuperHi. He was the co-founder of Steer (a code school in London) and has taught several thousand people to code. He is a bit too old to be posting memes on our social media and recently featured as a Sour Patch Kid in the Macy's Thanksgiving Parade.