command line for designers - wordcamp nyc
TRANSCRIPT
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
