Successfully reported this slideshow.
Your SlideShare is downloading. ×

Command Line for Designers - WordCamp Philly

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 26 Ad

Command Line for Designers - WordCamp Philly

Download to read offline

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.

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.

Advertisement
Advertisement

More Related Content

Similar to Command Line for Designers - WordCamp Philly (20)

Advertisement

Recently uploaded (20)

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

×