# OpenDrupal Drupal 8 Front-end Development Implement a front-end design as a Drupal theme. Learn to use Drupal's theme layer, including CSS, JavaScript, Twig templates and libraries. - [Lesson 1: Basic theme with CSS and JS](lesson-1.html) - [Lesson 2: Twig and Twig templates](lesson-2.html) - [Lesson 3: Advanced theming](lesson-3.html) - Other: [Preparation](#/1), [Exercises](#/3), [Example code](#/4) General information: [opendrupal.org](https://opendrupal.org/materials/drupal-frontend).
# Prepare as participant To learn Drupal frontend development, you need a local development environment with a working Drupal 8 installation. - You need a (localhost) development environment. - Create a Drupal site with the latest stable release of Drupal 8 and the Standard installation profile. - Download or clone the [repository of these course materials](https://github.com/OpenDrupal/opendrupal-drupal-frontend). Store it outside of the Drupal directory, e.g. your desktop. It contains exercises and example code. Next: [Prepare as trainer](#/2), [Exercises](#/3), [Example code](#/4)
# Prepare as trainer These materials assume a workign development environment, and a working Drupal 8 installation. - Setup as described for the participant. - Make yourself familiar with the contents of the slides and the exercises If you find errors or have additions to the materials, we welcome your contribution in the form of a pull request. Next: [Exercises](#/3), [Example code](#/4)
# Exercises Each lesson contains exercises. The slides will point you to the right exercise. Download the repository, and look into the _lesson-1/exercises_ directory for the first exercises. Next: [Example code](#/4)
# Example code Examples of the completed exercises can be found in the _result_ directory of the repository. Depending on your preferred learning strategy, you can use this to compare your own exercise results with, to read and learn from, or to play with to find out how the code behaves. Back: [Lessons](#)
Fork me on GitHub