Advanced Theming - Drupal Training Curriculum for Drupal Companies

Events happening in the community are now at Drupal community events on www.drupal.org.
You are viewing a wiki page. You are welcome to join the group and then edit it. Be bold!

Back to Drupal Training Syllabus

Advanced Theming

For a Drupal themer, knowledge in HTML5 and CSS3 is must. He should be well versed in styling. Theme gives the look and feel for a website, same with Drupal as well.

Learning Objectives

Trainee should be able to develop a responsive drupal theme from psd file. He should be good in HTML5, CSS3, Bootstrap etc

Course Content

  1. HTML5

  2. HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current version of the HTML standard.
    http://www.w3schools.com/html/html5_intro.asp

  3. CSS3

  4. CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts.(Wiki)
    http://www.w3schools.com/css/css3_intro.asp

  5. Preprocessing

  6. The main role of the preprocessors is to set up variables to be placed within the template (.tpl.php) files
    https://drupalize.me/tutorial/what-are-preprocess-functions?p=2512

  7. Bootstrap

  8. Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
    http://getbootstrap.com/

  9. Views templating

  10. It is possible to style different areas of Views.
    https://www.ostraining.com/blog/drupal/views-templates/

Reference

https://buildamodule.com/collection/drupal-7-theming-essentials-0
http://www.zyxware.com/articles/4758/drupal-how-to-theme-drupal-views-ta...

Exercise

Exercise on advanced theming

Next » Drupal SEO

Curriculum and Training

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: