Exercises
This workshop is hands-on and we have put together a series of exercises which will help you ease into the component based development approach. We'll start with basic exercises for creating simple patterns and from there we'll dive into more advanced tasks in which we will integrate the patterns we have built with Drupal using UI_Patterns.
By looking at our training project above we can see there are several pieces that make up the final product. Our exercises will focus on first building the front-end of our project one piece at a time. This means each individual item will be a separate exercise.
Working theme
All exercises below will be done in the nashville theme. If you built your project using the Lando approach, the nashville theme should already be your default theme. If you setup Drupal on your own, follow these steps to get the right theme setup:
- After cloning or downloading the repo, copy the nashville theme into your
/root/themes/custom/ - Start up Drupal and make the nashville theme your default theme
- Clear your caches
By default you will not get any content on your site unless you have created some.
| Exercises | |
|---|---|
| Exercise 1 Build the heading pattern | Exercise 7 Build the hero pattern |
| Exercise 2 Build the eyebrow pattern | Exercise 8 Quote Paragraph |
| Exercise 3 Build the body pattern | Exercise 9 Integrate Quote |
| Exercise 4 Build the button pattern | Exercise 10 Hero paragraph |
| Exercise 5 Build the image pattern | Exercise 11 Integrate Hero |
| Exercise 6 Build the quote pattern | Exercise 12 Create content |
| Main Navigation (Bonus) | |
| Views (Bonus) |