Getting into WordPress Front End Development

5,009 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 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
25 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,009
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
54
Comments
0
Likes
25
Embeds 0
No embeds

No notes for slide

Getting into WordPress Front End Development

  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

×