Drupal Design Skills
2012	

!
!
presented by Chris Charlton	

http://xtnd.us
Coding Languages
What languages you
should know today
• XHTML	

• XML	

• CSS 2
What languages you
should know tomorrow
• HTML 5	

• Basic PHP (variables, functions, arrays)	

• jQuery (instead of JavaS...
What languages you
should know in 2012
• JSON (smaller than XML, devs love it)	

• Intermediate PHP
What do devs know?
• SVN/Git, FTP, SSH	

• HTML/XHTML/XML/CSS	

• JavaScript, jQuery; JSON	

• SQL	

• Devel module & Drus...
Tools
What tools you should
have today or soon
• Testing & Development environment	

• Front-end debugger (Firebug,WebDev Toolba...
What tools you should
learn & use (soon)
• Drush (basic commands)	

• SVN & Git (code management software)	

• Devel (modu...
Drupal Design
The order of Drupal
1.Drupal core (bootstrap)	

2.Modules (contrib; non-core)	

3.Theme	

1.theme engine (PHPTemplate)	

2...
Drupal Theme parts: Level 1
(easy)
• Files (.info, css)	

• Theme Regions	

• Theme Templates (*.tpl.php)	

• Sub-Themes
Drupal Theme parts: Level 2
(medium)
• template.php	

• Theme Hooks (theme_*)	

• Forms API
Drupal 7 Theme parts to know
(medium)
• Required Theme Regions	

• $page (array)	

• Module Hooks (extra credit)
Working in a Team
Plan together
• Will there be a plain parent theme and a
“colored” sub-theme, or just one theme?	

• What CSS #ids & .clas...
Split Duties & Code
• DEV	

• Code Modules (module hooks)	

• Generic markup for anything on screen	

• DESIGN	

• Detaile...
Learn more Drupal
• http://lynda.com	

• http://drupal.org	

• http://ladrupal.org	

• http://drupalcampla.com
Upcoming SlideShare
Loading in...5
×

Drupal Design Skills (2012) - DrupalCamp LA 2012

102

Published on

Does learning to design for Drupal feel hard? Does theme building feel like a mountain sized task? Feel like there’s still a lot to learn about designing for Drupal but not sure what to start with? Fear no more!

This session will dive into specifics of what skills, technologies, and tools Web Designers need to know so as not to fall behind or feel obsolete.

NOTE: This is not a session teaching you how to edit Drupal templates – other sessions & videos are available for that training.

With this session you will walk away feeling focused about what you need to know and where everything is! If you already know a little Drupal, HTML & CSS then you’ve already completed three steps. Come see what’s left to learn when designing for any CMS – especially Drupal.

Covered in this session:

What parts of Drupal theme design do I really need to know? What parts are easy or hard?
What skills & tools do I need to be competitive designer today? How can I generate repeat business?
How much JavaScript or PHP do I really need to know for Drupal?
What modules, themes, software, and tools should I be using? How should I be using my tools?
What skills should I have? What should my resume not be missing?
What skills do Drupal developers have? How do I work with or within a team?
How can I plan ahead a design for Drupal to not waste time or add more work for myself later?
Drupal theme design tips
How and where do I keep learning Drupal?

http://2011.drupalcampla.com/sessions/drupal-design-skills-2012

Published in: Software
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
102
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Drupal Design Skills (2012) - DrupalCamp LA 2012

  1. 1. Drupal Design Skills 2012 ! ! presented by Chris Charlton http://xtnd.us
  2. 2. Coding Languages
  3. 3. What languages you should know today • XHTML • XML • CSS 2
  4. 4. What languages you should know tomorrow • HTML 5 • Basic PHP (variables, functions, arrays) • jQuery (instead of JavaScript?!?)
  5. 5. What languages you should know in 2012 • JSON (smaller than XML, devs love it) • Intermediate PHP
  6. 6. What do devs know? • SVN/Git, FTP, SSH • HTML/XHTML/XML/CSS • JavaScript, jQuery; JSON • SQL • Devel module & Drush are must haves
  7. 7. Tools
  8. 8. What tools you should have today or soon • Testing & Development environment • Front-end debugger (Firebug,WebDev Toolbars) • Favorite Drupal theme framework • Grasp of “960grid” • FTP
  9. 9. What tools you should learn & use (soon) • Drush (basic commands) • SVN & Git (code management software) • Devel (module) • Coder & Coder Tough Love (modules)
  10. 10. Drupal Design
  11. 11. The order of Drupal 1.Drupal core (bootstrap) 2.Modules (contrib; non-core) 3.Theme 1.theme engine (PHPTemplate) 2.parent theme (Zen, Omega, Fusion, etc.) 3.sub-theme
  12. 12. Drupal Theme parts: Level 1 (easy) • Files (.info, css) • Theme Regions • Theme Templates (*.tpl.php) • Sub-Themes
  13. 13. Drupal Theme parts: Level 2 (medium) • template.php • Theme Hooks (theme_*) • Forms API
  14. 14. Drupal 7 Theme parts to know (medium) • Required Theme Regions • $page (array) • Module Hooks (extra credit)
  15. 15. Working in a Team
  16. 16. Plan together • Will there be a plain parent theme and a “colored” sub-theme, or just one theme? • What CSS #ids & .classes will be used or made (core styles, module styles, custom)
  17. 17. Split Duties & Code • DEV • Code Modules (module hooks) • Generic markup for anything on screen • DESIGN • Detailed markup (templates or theme hooks) • CSS styling
  18. 18. Learn more Drupal • http://lynda.com • http://drupal.org • http://ladrupal.org • http://drupalcampla.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×