Successfully reported this slideshow.

Command Line for Designers - WordCamp NYC

1

Share

Loading in …3
×
1 of 38
1 of 38

Command Line for Designers - WordCamp NYC

1

Share

Download to read offline

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

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

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

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

×