Web Development Basics workshop

Big Lessons

• Protect yourself from disasters; protect yourself from yourself
• Make everything undo-able
• If it's not tracked in History (version control, Issues, email, etc.), it didn't happen

Pre-work

• Install editor
  • recommended: Sublime Text
  • others: TextMate, Coda, TextWrangler, BBEdit, ...
• Install MAMP (you don't need "Pro")
• Install Cyberduck (use download link on right)

Git

• Go through Try Git
• Sign up for Github
  • one per person
  • team account (Account settings -> Organizations -> Create new organization), and add individuals (help)
• Install GitHub app (Mac or Windows)

Local Development

• Why?
• Aidan's GoDaddy->local setup guide
• disable modifying Wordpress & plugins on live site
• starter wp-config.php

Wordpress Backups

• Why?
• Wordpress Codex guide
• Services

Exercise

• Local Wordpress setup
  • MAMP
  • Download Wordpress
  • Installing WordPress Locally on Your Mac With MAMP
• Git setup
  • "Add Local Repository", and select the Wordpress folder
  • "Initial commit"
  • Push up to Github
• Change the template
  • Inspect via Chrome or Firefox
  • Change template
  • Commit changes
• Create post
  • Check for the diff
  • Look in phpMyAdmin
• Fire drill
  • Make sure all changes are committed and pushed
  • Dump database to SQL file
  • Delete database
  • Delete Wordpress folder
  • Restore!
• Deployment via FTP

Resources

Learning

• Code School (particularly Git and DevTools)
• The GitHub Glossary
• Head First book series
• How the Heck Do I Use GitHub?
• Teach Yourself to Code
• Thoughtbot's Trail Maps

Tools

• git-ftp
• Go2Shell

License

Web Development Basics Workshop by Aidan Feldman is licensed under a Creative Commons Attribution 3.0 Unported License.