Page: Drupal Front-end
- The lessons:
- The repository:
The Drupal Frontend course
The course is primarily aimed at Drupal front-end developers. Due to the nature of Drupal’s front-end, some PHP
knowledge is required to carry out all front-end development tasks. Therefore we recommend that backend developers also attend this course.
After participating in this course you can develop a Drupal theme according to best practices. As part of a team of Drupal developers you can develop a simple Drupal theme and understand other front-enders work.
Afterwards you can answer questions like:
- How to setup a Drupal theme.
- How do I add and override CSS classes in Drupal?
- How can I modify Drupal’s default HTML output?
- Per participant a computer with a localhost server and a working Drupal 8 development environment.
- Access to the Internet
- Beamer or screen for presentation by the trainer.
This course is broken down in the lessons listed below. The total course will, in average, take 1 day of 6 hours.
- The structure of a theme
- CSS Smaccs and Atomic design
- Creating a theme library
- Using and overriding twig templates
- The Twig syntax
- Debugging for template development
- Pre-process and hooks
- Drupal entities
- The Drupal render array
- Theming strategies
- Security for theme development
- Configuration management
- Drupal forms
- Base themes
During this course you will develop the theme of a portfolio website. An example of the completed exercises is available for reference.
Screenshot of the theme [https://github.com/OpenDrupal/opendrupal-drupal-frontend/lesson-1/exercises/01 base/opendrupal_agency/screenshot.png]
Prepare as participant
To participate in this course, you need a local development environment with a working Drupal 8 installation. Using a localhost server is common practice when developing for Drupal.
Detailed set-up instructions are provide in the repository. In this repository you will also find an example of the implemented theme, you may study it as an example of how a Drupal theme is build.
Prepare as trainer
To present this course, you need a local development environment with a working Drupal 8 installation. Theme assets and detailed set-up instructions are provide in the repository.
If you find errors or have additions to the materials, feel free to contribute by creating a pull request.