Getting into WordPress Front End Development
25
Dee Teal WordCamp Welly 2014 GETTING into WordPress FRONT_END Development @thewebprincess #wordcampwelly
-
Upload
dee-teal -
Category
Engineering
-
view
1.696 -
download
2
description
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.
Transcript of Getting into WordPress Front End Development
Dee Teal
WordCamp Welly 2014GETTING into WordPressFRONT_END Development
@thewebprincess#wordcampwelly
in the seventies…
I HAD NO THOUGHTA DEVELOPER TO
BE
@thewebprincess
DIVE RIGHT IN
WHERE DO YOU FIT in DEE’S DEVELOPER PATH?
the Tinker
the Hobbyist
the Professional
@thewebprincess#wordcampwelly
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
Familiarity with Your Theme OptionsTHE TINKER
@thewebprincess#wordcampwelly
Where to go to learn
Understanding Basic HTML & CSSTHE TINKER
http://www.codecademy.com/
http://teamtreehouse.com/
@thewebprincess#wordcampwelly
Using theme Options to edit CSSTHE TINKER
Woo ThemesElegant Themes
@thewebprincess#wordcampwelly
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
Browser Tools
FTPText Editor
Editing FilesLinks to FTP
Syntax Highlighting
Moving Files fromone Local Machine to Remote Server
Examining site toFind CSS RulesFinding Colours
*
@thewebprincess
THE HOBBYIST
*Premium Product
THE HOBBYIST
Keeping the upgrade path clear and your tweaks all in one place.
Child Themes
@thewebprincess#wordcampwelly
@thewebprincess
Other Available ToolsBuilder Themes
#wordcampwelly
THE PROFESSIONAL
PHP The WordPress Loop
Hooks and Filters WordPress’ Code Standards
Build Themes from Scratch Convert PSD f iles into WP Themes
Should be across the following
Wants to be able to
@thewebprincess#wordcampwelly
CODE Tools
MiGRATION Tools
LOCAL Environment
Creating an ‘off line’web server for testing.
BackupBuddyWP Migrate DB Pro
Advanced EditingSnippet Library
* **
@thewebprincess
THE PROFESSIONAL
*Premium Product
_S (underscores)
@thewebprincess
A THOUSAND Hour Head Startunderscores.me
#wordcampwelly
@thewebprincess
@thewebprincess
Genesis Theme Framework
@thewebprincess
September 2012
Text
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
Q?
A&@thewebprincess#wordcampwelly
Thanks!
http://thewebprincess.com
@thewebprincess
http://facebook.com/thewebprincess
