Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
1
COMMAND LINE
for Designers
Lauren Pittenger
2
ABOUT
LAUREN ● Front end designer &
developer at LBDesign, a global
communications consultancy
● Instructor for the Wome...
3
ABOUT YOU
● Designer who codes
● Want to bridge the gap between
design & development skills
● Interested in using tools ...
4
WHAT WE’LL
COVER ● What is the command line?
● Why use the command line?
● Anatomy of the prompt
● Basic commands
● Exer...
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 ...
8
WHAT CAN IT
DO? ● Download & install WordPress
core, themes and plugins
● Setup & manage local database
● Compile Sass
●...
9
BUT I’M A
DESIGNER ● Reduce the number of programs
running simultaneously
● Serves as a "home base" when
working on unfa...
10
WHERE TO
FIND IT ON A MAC
Applications › Utilities › Terminal
ON WINDOWS
Start › All Programs › Accessories ›
Command P...
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 fi...
RESOURCES
35
● Fosswire Unix/Linux Command Reference
Cheatsheet
● WP-CLI: A command line interface for
WordPress
● Git: Ge...
BEFORE WE GO
36
$ banner -w 30 THX!
37
QUESTIONS?
38
@laurenpittenger
lepittenger@gmail.com
laurenpittenger.com
Upcoming SlideShare
Loading in …5
×

Command Line for Designers - WordCamp NYC

262 views

Published on

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

Published in: Technology
  • Be the first to comment

Command Line for Designers - WordCamp NYC

  1. 1. 1 COMMAND LINE for Designers Lauren Pittenger
  2. 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. 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. 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. 5 LET’S GO! Don’t worry, it won’t be too scary!
  6. 6. 6 WHAT IS THE COMMAND LINE?
  7. 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. 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. 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. 10 WHERE TO FIND IT ON A MAC Applications › Utilities › Terminal ON WINDOWS Start › All Programs › Accessories › Command Prompt
  11. 11. 11 COMMAND LINE
  12. 12. 12 ANATOMY OF THE PROMPT
  13. 13. 13 COMPUTER NAME
  14. 14. 14 COMPUTER NAME
  15. 15. 15 CURRENT DIRECTORY
  16. 16. 16 OSX USERNAME
  17. 17. 17 BASIC COMMANDS
  18. 18. 18 LIST DIRECTORY CONTENTS $ ls
  19. 19. 19 CHANGE DIRECTORIES $ cd nameofdirectory
  20. 20. 20 TAB TO AUTOCOMPLETE
  21. 21. 21 CHANGE DIRECTORIES TO ROOT $ cd / $ cd .. CHANGE DIRECTORIES ONE LEVEL UP
  22. 22. 22 IS DESKTOP CURRENT DIRECTORY? $ pwd
  23. 23. 23 CREATE A NEW DIRECTORY $ mkdir mynewdirectory
  24. 24. 24 CHECK DESKTOP
  25. 25. 25 CHECK FINDER
  26. 26. 26 CHANGE DIRECTORY TO mynewdirectory $ cd mynewdirectory
  27. 27. 27 LET’S DOWNLOAD WORDPRESS $ curl -O https://wordpress.org/latest.zip
  28. 28. 28 OOPS I ENTERED IT WRONG
  29. 29. 29 DOWNLOADING...
  30. 30. 30 EXTRACT! $ unzip latest.zip
  31. 31. 31 CHANGE DIRECTORIES AGAIN $ cd wordpress
  32. 32. 32 CREATE WP-CONFIG.PHP $ cp wp-config-sample.php wp-config.php
  33. 33. 33 FINISHING UP $ open wp-config.php
  34. 34. 34 BEWARE OF THESE COMMANDS! $ rm filename $ rmdir directoryname These commands will immediately and permanently delete files and folders!
  35. 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. 36. BEFORE WE GO 36 $ banner -w 30 THX!
  37. 37. 37
  38. 38. QUESTIONS? 38 @laurenpittenger lepittenger@gmail.com laurenpittenger.com

×