Command Line for Designers - WordCamp NYC

1

COMMAND LINEfor Designers

Lauren Pittenger

2

ABOUT LAUREN ● Front end designer &

developer at LBDesign, a global communications consultancy

● Instructor for the Women's Coding Collective

● TA & volunteer for Girl Develop It

3

ABOUT YOU● Designer who codes

● Want to bridge the gap between design & development skills

● Interested in using tools that are available on the command line

4

WHAT WE’LL COVER ● What is the command line?

● Why use the command line?

● Anatomy of the prompt

● Basic commands

● Exercise: setting up a local WordPress install

5

LET’S GO!

Don’t worry, it won’t be too scary!

6

WHAT IS THE COMMAND LINE?

“

http://www.davidbaumgold.com/tutorials/command-line/

7

The command line is, at its heart, simply a place where you type commands to the computer.

8

WHAT CAN IT DO? ● Download & install WordPress

core, themes and plugins

● Setup & manage local database

● Compile Sass

● Version control

● Make ASCII art

● Automate tasks

● and more!

9

BUT I’M A DESIGNER ● Reduce the number of programs

running simultaneously

● Serves as a "home base" when working on unfamiliar computers

● Gives us access to functionality otherwise unavailable to us

● Gives us access to other tools

● Can help save us a lot of time

10

WHERE TO FIND IT ON A MAC

Applications › Utilities › Terminal

ON WINDOWS

Start › All Programs › Accessories › Command Prompt

11

COMMAND LINE

12

ANATOMY OF THE PROMPT

13

COMPUTER NAME

14

COMPUTER NAME

15

CURRENT DIRECTORY

16

OSX USERNAME

17

BASIC COMMANDS

18

LIST DIRECTORY CONTENTS$ ls

19

CHANGE DIRECTORIES$ cd nameofdirectory

20

TAB TO AUTOCOMPLETE

21

CHANGE DIRECTORIES TO ROOT

$ cd /

$ cd ..

CHANGE DIRECTORIES ONE LEVEL UP

22

IS DESKTOP CURRENT DIRECTORY?

$ pwd

23

CREATE A NEW DIRECTORY$ mkdir mynewdirectory

24

CHECK DESKTOP

25

CHECK FINDER

26

CHANGE DIRECTORY TO mynewdirectory

$ cd mynewdirectory

27

LET’S DOWNLOAD WORDPRESS

$ curl -O https://wordpress.org/latest.zip

28

OOPS I ENTERED IT WRONG

29

DOWNLOADING...

30

EXTRACT!$ unzip latest.zip

31

CHANGE DIRECTORIES AGAIN$ cd wordpress

32

CREATE WP-CONFIG.PHP

$ cp wp-config-sample.php wp-config.php

33

FINISHING UP$ open wp-config.php

34

BEWARE OF THESE COMMANDS!

$ rm filename

$ rmdir directoryname

These commands will immediately and permanently delete files and folders!

RESOURCES

35

● Fosswire Unix/Linux Command Reference Cheatsheet

● WP-CLI: A command line interface for WordPress

● Git: Getting Started

● Lifehacker: A Command Line Primer for Beginners

● Getting Started with Sass and Compass

● The designer’s guide to the OSX command prompt

● Learn Code the Hard Way: Command Line Crash Course

BEFORE WE GO

36

$ banner -w 30 THX!

37

QUESTIONS?

38

@[email protected]