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.
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. 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. 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. 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. 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. 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. 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. 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. 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. THE ANATOMY OF THE PROMPTTHE ANATOMY OF THE PROMPT
~ represents the user's home folder
16. A FEW TIPSA FEW TIPS
Tab to Autocomplete
Up arrow key to scroll through commands previously entered
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
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. 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
22. SET UP YOUR DATABASESET UP YOUR DATABASE
Complete this step the way you normally would
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. 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. 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!