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.
THE COMMAND LINE FOR DESIGNERSTHE COMMAND LINE FOR DESIGNERS
Intro to
Presented by /Lauren Pittenger @laurenpittenger
Slid...
Front End Designer & Developer at LBDesign, a global
communications consultancy
Instructor for the Women's Coding Collecti...
You are a designer
You want to learn how to complete common
tasks using the command line such as using
version control and...
What is the command line?
Benefits of using the command line over GUIs
A few basic commands
Exercise: setting up a local Wo...
A way for us to tell programs what to do through
sequential lines of text called commands, as
opposed to using the mouse t...
We can use the command line to reduce number of
programs running simultaneously
It can serve as a "home base" when working...
COMMAND LINE VS. GUICOMMAND LINE VS. GUI
“ For one, the command line is the only place you
can run all Git commands – most...
WHAT CAN I DO WITH IT?WHAT CAN I DO WITH IT?
Download & install WordPress core, themes
and plugins
Set up & manage a local...
ON A MACON A MAC
Applications › Utilities › Terminal
WHERE TO FIND ITWHERE TO FIND IT
ON WINDOWSON WINDOWS
Start › All Pro...
THE ANATOMY OF THE PROMPTTHE ANATOMY OF THE PROMPT
~ represents the user's home folder
BASIC COMMANDSBASIC COMMANDS
PRINT WORKING DIRECTORYPRINT WORKING DIRECTORY
pwd
LIST DIRECTORY CONTENTSLIST DIRECTORY CONTENTS
ls
CHANGE DIRECTORIESCHANGE DIRECTORIEScd
NAVIGATINGNAVIGATING
Go home
Go one directory up from current directory
Go to root
A FEW TIPSA FEW TIPS
Tab to Autocomplete
Up arrow key to scroll through commands previously entered
COMMANDS TO BE CAREFUL OFCOMMANDS TO BE CAREFUL OF
rm filename
Permanently delete a file immediately
Does not go to Trash
r...
NEED HELP?NEED HELP?
help
Access user manual
NOW THAT WE KNOW A FEWNOW THAT WE KNOW A FEW
BASIC COMMANDSBASIC COMMANDS
LET'S PUT THEM INTO ACTIONLET'S PUT THEM INTO AC...
ONEONE
TWOTWO
THREETHREE
FOURFOUR
cd ~/Desktop
Navigate to Desktop
mkdir mynewdirectory
Create new directory
cd mynewdirec...
FIVEFIVE
SIXSIX
SEVENSEVEN
DOWNLOAD & EXTRACTINGDOWNLOAD & EXTRACTING
Download WordPress
curl -O https://wordpress.org/lat...
SET UP YOUR DATABASESET UP YOUR DATABASE
Complete this step the way you normally would
CREATE & EDIT WP-CONFIG.PHPCREATE & EDIT WP-CONFIG.PHP
cp wp-config-sample.php wp-config.php
Copy wp-config-sample.php to w...
Fosswire Unix/Linux
Command Reference
Cheatsheet
WP-CLI: A command line
interface for WordPress
Git: Getting Started
Lifeh...
THE DESIGNER'S COMMAND LINETHE DESIGNER'S COMMAND LINE
Git: Getting Started
Getting Started with Sass and Compass
The desi...
ANY QUESTIONS?ANY QUESTIONS?
Slides: bit.ly/command-line-for-designers
@laurenpittenger
laurenpittenger.com
Upcoming SlideShare
Loading in …5
×

Command Line for Designers - WordCamp Philly

321 views

Published on

The command line can be an intimidating thing. We will walk through setting up a local WordPress install via the command line. We’ll look at how to download the software and create and edit files using the command line.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Command Line for Designers - WordCamp Philly

  1. 1. THE COMMAND LINE FOR DESIGNERSTHE COMMAND LINE FOR DESIGNERS Intro to Presented by /Lauren Pittenger @laurenpittenger Slides: bit.ly/command-line-for-designers
  2. 2. Front End Designer & Developer at LBDesign, a global communications consultancy Instructor for the Women's Coding Collective of WordPress Basics and JavaScript & jQuery courses TA & Volunteer for GirlDevelopIt ABOUT LAURENABOUT LAUREN
  3. 3. You are a designer You want to learn how to complete common tasks using the command line such as using version control and compiling SASS You want to bridge the gap between your designer & developer skills ABOUT YOUABOUT YOU
  4. 4. What is the command line? Benefits of using the command line over GUIs A few basic commands Exercise: setting up a local WordPress install WHAT WE'LL COVERWHAT WE'LL COVER
  5. 5. A way for us to tell programs what to do through sequential lines of text called commands, as opposed to using the mouse to point and click WHAT IS THE COMMAND LINE?WHAT IS THE COMMAND LINE?
  6. 6. We can use the command line to reduce number of programs running simultaneously It can serve as a "home base" when working on unfamiliar computers Gives us access to functionality otherwise unavailable to us As we advance our command line skills, it can help save us a lot of time I'M A DESIGNER. WHO CARES?I'M A DESIGNER. WHO CARES?
  7. 7. COMMAND LINE VS. GUICOMMAND LINE VS. GUI “ For one, the command line is the only place you can run all Git commands – most of the GUIs only implement some subset of Git functionality for simplicity. Git - The Command Line
  8. 8. WHAT CAN I DO WITH IT?WHAT CAN I DO WITH IT? Download & install WordPress core, themes and plugins Set up & manage a local database Compile Sass Version control Make ASCII art So much more!
  9. 9. ON A MACON A MAC Applications › Utilities › Terminal WHERE TO FIND ITWHERE TO FIND IT ON WINDOWSON WINDOWS Start › All Programs › Accessories › Command Prompt
  10. 10. THE ANATOMY OF THE PROMPTTHE ANATOMY OF THE PROMPT ~ represents the user's home folder
  11. 11. BASIC COMMANDSBASIC COMMANDS
  12. 12. PRINT WORKING DIRECTORYPRINT WORKING DIRECTORY pwd
  13. 13. LIST DIRECTORY CONTENTSLIST DIRECTORY CONTENTS ls
  14. 14. CHANGE DIRECTORIESCHANGE DIRECTORIEScd
  15. 15. NAVIGATINGNAVIGATING Go home Go one directory up from current directory Go to root
  16. 16. A FEW TIPSA FEW TIPS Tab to Autocomplete Up arrow key to scroll through commands previously entered
  17. 17. COMMANDS TO BE CAREFUL OFCOMMANDS TO BE CAREFUL OF rm filename Permanently delete a file immediately Does not go to Trash rmdir directoryname Permanently delete a folder immediately Does not go to Trash
  18. 18. NEED HELP?NEED HELP? help Access user manual
  19. 19. NOW THAT WE KNOW A FEWNOW THAT WE KNOW A FEW BASIC COMMANDSBASIC COMMANDS LET'S PUT THEM INTO ACTIONLET'S PUT THEM INTO ACTION
  20. 20. ONEONE TWOTWO THREETHREE FOURFOUR cd ~/Desktop Navigate to Desktop mkdir mynewdirectory Create new directory cd mynewdirectory Enter new directory pwd Check your current location INSTALLING WORDPRESS EXERCISEINSTALLING WORDPRESS EXERCISE
  21. 21. FIVEFIVE SIXSIX SEVENSEVEN DOWNLOAD & EXTRACTINGDOWNLOAD & EXTRACTING Download WordPress curl -O https://wordpress.org/latest.zip unzip latest.zip Extracting the file cd wordpress Navigate into "wordpress" directory
  22. 22. SET UP YOUR DATABASESET UP YOUR DATABASE Complete this step the way you normally would
  23. 23. CREATE & EDIT WP-CONFIG.PHPCREATE & EDIT WP-CONFIG.PHP cp wp-config-sample.php wp-config.php Copy wp-config-sample.php to wp-config.php open wp-config.php Open the file with default editor NINENINE TENTEN
  24. 24. 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 RESOURCESRESOURCES
  25. 25. THE DESIGNER'S COMMAND LINETHE DESIGNER'S COMMAND LINE Git: Getting Started Getting Started with Sass and Compass The designer’s guide to the OSX command prompt BEFORE WE GOBEFORE WE GO banner -w 30 THX!
  26. 26. ANY QUESTIONS?ANY QUESTIONS? Slides: bit.ly/command-line-for-designers @laurenpittenger laurenpittenger.com

×