Your SlideShare is downloading. ×
Getting into WordPress Front End Development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Getting into WordPress Front End Development

1,725
views

Published on

I had the privilege of addressing the audience at WordCamp Wellington 2014 this weekend where I shared my journey to becoming a Front End Web Developer and passed on some of the ideas I have about …

I had the privilege of addressing the audience at WordCamp Wellington 2014 this weekend where I shared my journey to becoming a Front End Web Developer and passed on some of the ideas I have about what skills and tools you need to go from someone who tinkers about with their site to someone who's turning out great websites with professional standards.

For the record, I don’t think that this is the only way to get on that road, this is basically my story and how I’ve got to where I am, working full time as a freelancer, working exclusively doing website development on WordPress.

Maybe you'll find some parallels in your journey, maybe you'll be able to identify where on the time line you are, and pick up some tips to take you from there further into the wonderful world of the front end.

Published in: Engineering, Technology, Business

0 Comments
24 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,725
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
43
Comments
0
Likes
24
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Dee Teal WordCamp Welly 2014 GETTING into WordPress FRONT_END Development @thewebprincess#wordcampwelly
  • 2. in the seventies… I HAD NO THOUGHT A DEVELOPER TOBE @thewebprincess
  • 3. DIVE RIGHT IN
  • 4. WHERE DO YOU FIT in 
 DEE’S DEVELOPER PATH? the
 Tinker the
 Hobbyist the
 Professional @thewebprincess#wordcampwelly
  • 5. Familiarity with what your theme offers
 A basic understanding of HTML & CSS
 
 Customise an Existing Theme
 Change Theme Colours, Backgrounds and Headings and other simple edits Should be across the following Wants to be able to THE TINKER @thewebprincess#wordcampwelly
  • 6. Familiarity with Your Theme Options THE TINKER @thewebprincess#wordcampwelly
  • 7. Where to go to learn Understanding Basic HTML & CSS THE TINKER http://www.codecademy.com/ http://teamtreehouse.com/ @thewebprincess#wordcampwelly
  • 8. Using theme Options to edit CSS THE TINKER Woo ThemesElegant Themes @thewebprincess#wordcampwelly
  • 9. THE HOBBYIST 
 Child Themes 
 WordPress’ File Structure
 Basic PHP
 Builder Themes
 Customise existing themes 
 to individualise client sites. 
 Go beyond theme settings without having
 to write loads of code
 Edit and change layouts and widget areas
 Should be across the following Wants to be able to @thewebprincess#wordcampwelly
  • 10. Browser Tools FTPText Editor Editing Files
 Links to FTP
 Syntax Highlighting Moving Files from
 one Local Machine
 to Remote Server Examining site to
 Find CSS Rules
 Finding Colours * @thewebprincess THE HOBBYIST *Premium Product
  • 11. THE HOBBYIST Keeping the upgrade path clear
 and your tweaks all in one place. Child Themes @thewebprincess#wordcampwelly
  • 12. THE HOBBYIST Child Themes @thewebprincess#wordcampwelly
  • 13. THE HOBBYIST Child Themes @thewebprincess#wordcampwelly
  • 14. @thewebprincess Other Available Tools Builder Themes #wordcampwelly
  • 15. @thewebprincess#wordcampwelly
  • 16. @thewebprincess#wordcampwelly
  • 17. @thewebprincess#wordcampwelly
  • 18. THE PROFESSIONAL PHP
 The WordPress Loop
 Hooks and Filters
 WordPress’ Code Standards
 
 Build Themes from Scratch
 Convert PSD files into WP Themes Should be across the following Wants to be able to @thewebprincess#wordcampwelly
  • 19. CODE
 Tools MiGRATION
 Tools LOCAL 
 Environment Creating an ‘offline’
 web server for testing. BackupBuddy
 WP Migrate DB Pro Advanced Editing
 Snippet Library * ** @thewebprincess THE PROFESSIONAL *Premium Product
  • 20. _S (underscores) @thewebprincess A THOUSAND Hour Head Start underscores.me #wordcampwelly
  • 21. @thewebprincess
  • 22. @thewebprincess
  • 23. Genesis Theme Framework @thewebprincess
  • 24. September 2012 Text
  • 25. WHERE TO NEXT? @thewebprincess Everything you need to know can be found… on the Internet… research… learn… Connect with and collaborate
 with the community… they
 are willing to teach if you are
 keen to learn #wordcampwelly
  • 26. Q ? A& @thewebprincess#wordcampwelly
  • 27. Thanks! http://thewebprincess.com
 @thewebprincess
 http://facebook.com/thewebprincess