Drupal Front-end

Page: Drupal Front-end

The Open Drupal Drupal 8 front-end development course teaches you you how to style a Drupal website and add JavaScript to it. During this course you will develop the theme of a portfolio website.

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.

Starting level

You have half a year of experience building sites in Drupal. You have experience with CSS and JavaScript and some knowledge of PHP.

End level

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:

Required facilities

The lessons

This course is broken down in the lessons listed below. The total course will, in average, take 1 day of 6 hours.

Lesson 1

Lesson 2

Lesson 3

The exercises

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]

Setting up

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.

License

Open Drupal materials, such as slides and exercises, are licensed under the Creative Commons Attribution-ShareAlike 4.0 license (CC BY-SA 4.0). You are free to share and adapt these materials.

Any included software packages, such as Drupal and JavaScript packages, are licenced under their respective license. Example code developed for Drupal (e.g. modules, themes, profiles) inherit the Drupal license.

Contact

Get Connected