Delivered in NYC in October 2015, Lauren discusses the foundations of the command line to help designers gain confidence using this text-based tool.

1. 1
COMMAND LINE
for Designers
Lauren Pittenger

2. 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. 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. 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. 5
LET’S GO!
Don’t worry, it won’t be too scary!

6. 6
WHAT IS THE COMMAND
LINE?

7. “
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. 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. 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. 10
WHERE TO
FIND IT ON A MAC
Applications › Utilities › Terminal
ON WINDOWS
Start › All Programs › Accessories ›
Command Prompt

11. 11
COMMAND LINE

12. 12
ANATOMY OF THE PROMPT

13. 13
COMPUTER NAME

14. 14
COMPUTER NAME

15. 15
CURRENT DIRECTORY

16. 16
OSX USERNAME

17. 17
BASIC COMMANDS

18. 18
LIST DIRECTORY CONTENTS
$ ls

19. 19
CHANGE DIRECTORIES
$ cd nameofdirectory

20. 20
TAB TO AUTOCOMPLETE

21. 21
CHANGE DIRECTORIES
TO ROOT
$ cd /
$ cd ..
CHANGE DIRECTORIES
ONE LEVEL UP

22. 22
IS DESKTOP CURRENT
DIRECTORY?
$ pwd

23. 23
CREATE A NEW DIRECTORY
$ mkdir mynewdirectory

24. 24
CHECK DESKTOP

25. 25
CHECK FINDER

26. 26
CHANGE DIRECTORY TO
mynewdirectory
$ cd mynewdirectory

27. 27
LET’S DOWNLOAD
WORDPRESS
$ curl -O https://wordpress.org/latest.zip

28. 28
OOPS I ENTERED IT WRONG

29. 29
DOWNLOADING...

30. 30
EXTRACT!
$ unzip latest.zip

31. 31
CHANGE DIRECTORIES AGAIN
$ cd wordpress

32. 32
CREATE WP-CONFIG.PHP
$ cp wp-config-sample.php wp-config.php

33. 33
FINISHING UP
$ open wp-config.php

34. 34
BEWARE OF THESE
COMMANDS!
$ rm filename
$ rmdir directoryname
These commands will immediately and
permanently delete files and folders!

35. 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

36. BEFORE WE GO
36
$ banner -w 30 THX!

37. 37

38. QUESTIONS?
38
@laurenpittenger
lepittenger@gmail.com
laurenpittenger.com