Drupal 8 is coming, everyone is excited, and your developers can’t wait to use all the shiny new features. There’s just one problem: you still need to get your daily work done. Every day Drupal development requires the execution of many common patterns and scenarios. How well do these common scenarios translate to Drupal 8? We polled Drupal developers to find what tasks we do the most and built a practical guide to using Drupal 8 in every day development. In this presentation we’ll cover the following real world scenarios, while sprinkling in Drupal 8 best practices along the way: - Configuration Management - Creating and altering pages and forms - Menu callback patterns - Managing dependencies

2. Drupal 8 Every Day
An Intro to Developing With Drupal 8

3. Erin Marchak
● Acquia Certified Front End Specialist, and Developer
● dgo.to/@emarchak
Geoff Appleby
● Acquia Certified Developer
● dgo.to/@gapple
● Persistent Login & drupalreleasedate.com

4. 1. Unboxing
2. Installation
3. Configuration Management
a. Development Workflow
b. Export
c. Import
4. Development
a. Module Generation
b. Page Controllers
c. Entity Bundles
d. Forms
5. Theming
a. Theme Generation
b. Twig Syntax
c. Debugging
d. Including Assets

5. Unboxing

6. Unboxing Drupal 8
New Features
Configuration Management
Twig replaces PHPTemplate
PHPUnit supplements SimpleTest
Responsive base theme & admin
Fast by Default
New modules in core
Requirements
Minimum
PHP 5.5.9
MySQL 5.5.3
Recommended
PHP 5.6.5
APCu
New file structure
Core is now in ./core
Modules are now in ./modules
Profiles are now in ./profiles
Themes are now in ./themes

7. Drupal Console
Interactive console
Scaffolding
Site Management
What about Drush?
curl -LSs http://drupalconsole.com/installer | php

8. Installation

9. Site Install - site:new

10. Site Install - site:install

11. Configuration Management

12. ProductionDevelopment
Active
Storage
Active
Storage
Code Repository
Sync Storage
ImportExport

13. Configuration Management
Move database settings to settings.local.php
Uncomment include() statement
Set config sync directory in settings.php
$config_directories[CONFIG_SYNC_DIRECTORY] = __DIR__ . '/config';
cp example.gitignore .gitignore
git add -f sites/default/settings.php
mkdir sites/default/config

14. Configuration Management - Export
Console creates an archive of YML files
drupal config:export
Drush outputs YML files directly to the sync directory
drush config-export

16. Configuration Management - Import
Console imports an archive of YML files
drupal config:import [file name]
Drush imports YML files directly from the sync directory
drush config-import

17. Development

18. Development - Generate a Custom Module

19. Development - Generate a Page Controller

20. Development - ./photography.routing.yml
photography.gallery_controller_gallery:
path: '/photography'
defaults:
_controller: 'DrupalphotographyControllerGalleryController::gallery'
_title: 'Photography Gallery'
requirements:
_permission: 'access content'
photography.order_form:
path: '/photography/order'
defaults:
_form: 'DrupalphotographyFormOrderForm'
_title: 'Photo Order Form'
requirements:
_permission: 'access content'

21. Development - ./src/Controller/GalleryController.php
/**
* @file
* Contains DrupalphotographyControllerGalleryController.
*/
namespace DrupalphotographyController;
use DrupalCoreControllerControllerBase;
/**
* Class GalleryController.
*
* @package DrupalphotographyController
*/
class GalleryController extends ControllerBase {
/**
* Helper function to load all published photographs.
*/
public function loadAllPhotos($bundle_type = 'photograph') {...}
/**
* Gallery display.
*/
public function gallery() {...}
}

22. Development - Generate an Entity Bundle

23. Development - GalleryController->loadAllPhotos()
/**
* Helper function to load all published photographs.
*
* @param string $bundle_type
* @return DrupalCoreEntityEntityInterface[]
* Array of node objects keyed by nid.
*/
public function loadAllPhotos($bundle_type = 'photograph') {
// Return the entity manager service and load the the storage instance for nodes.
// That way we have access to the enity api while keeping our controller lean.
$storage = $this->entityManager()->getStorage('node');
// loadByProperties() allows us to query and load entities in one line!
return $storage->loadByProperties(array(
'type' => $bundle_type,
'status' => 1,
));
}

24. Development - GalleryController->gallery()
/**
* Gallery display.
*/
public function gallery() {
$langcode = $this->languageManager()->getCurrentLanguage('language');
$photographs = $this->loadAllPhotos();
$view_mode = 'teaser';
$gallery = array();
// Loop through the loaded photograph node objects and output their rendered result into a list.
$viewBuilder = $this->entityManager->getViewBuilder('node');
foreach ($photographs as $photograph) {
$gallery[] = $viewBuilder->view($photograph, $view_mode);
}
// If the gallery is empty, we should apologise.
if (empty($gallery)) {...}
// Return an item list of photographs for our gallery.
return [
'#theme' => 'item_list',
'#items' => $gallery,
];
}

25. Development - ./src/Form/OrderForm.php
/**
* @file
* Contains DrupalphotographyFormOrderForm.
*/
namespace DrupalphotographyForm;
use DrupalCoreFormFormBase;
use DrupalCoreFormFormStateInterface;
/**
* Class OrderForm.
*
* @package DrupalphotographyForm
*/
class OrderForm extends FormBase {
public function getFormId() {...}
public function buildForm(array $form, FormStateInterface $form_state) {...}
protected function validPostalCode(string $postal_code) {...}
public function validateForm(array &$form, FormStateInterface $form_state) {...}
public function submitForm(array &$form, FormStateInterface $form_state) {...}
}

26. Development - ./Tests/src/OrderFormTests.php
/**
* @file
* Contains DrupalphotographyTestsOrderFormTest.
*/
namespace DrupalphotographyTests;
use DrupalTestsUnitTestCase;
use DrupalphotographyFormOrderForm;
/**
* Tests validation of postal codes.
*
* @group photography
*/
class OrderFormTest extends UnitTestCase {
...
/**
* Test valid postal codes.
*/
public function testPostalCodeValid() {...}
/**
* Test invalid postal codes.
*/
public function testPostalCodeInvalid() {...}

27. Theming

28. Theming with Twig - generate:theme

29. Twig Syntax
PHPTemplate Twig
<?php print $variable ?> {{ variable }}
<?php if (condition): ?> {% if condition %}
<?php foreach ($users as $user):
?>
{% for user in users %}
<?php print t(“string”) ?> {{ “string”|t }}

30. {%
set classes = [
'node',
'node--type-' ~ node.bundle|clean_class,
node.isPromoted() ? 'node--promoted',
node.isSticky() ? 'node--sticky',
not node.isPublished() ? 'node--unpublished',
view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
]
%}
{{ attach_library('classy/node') }}
<article{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if not page %}
<h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
<div{{ content_attributes.addClass('node__content') }}>
{{ content }}
</div>
</article>

31. Twig Debug
sites/default/services.yml
parameters:
twig.config:
debug: true
<!-- THEME DEBUG -->
<!-- THEME HOOK: 'block' -->
<!-- FILE NAME SUGGESTIONS:
* block--bartik-main-menu.html.twig
* block--system-menu-block--main.html.twig
x block--system-menu-block.html.twig
* block--system.html.twig
* block.html.twig
-->
<!-- BEGIN OUTPUT from 'core/themes/bartik/templates/block--system-menu-block.html.twig' -->
<nav role="navigation"
aria-labelledby="block-bartik-main-menu-menu"
id="block-bartik-main-menu"
class="contextual-region block block-menu navigation menu--main">

32. Adding CSS
portfolio.libraries.yml
global-styling:
version: 1.x
css:
theme:
css/portfolio-global.css: {}
portfolio.info.yml
libraries:
- portfolio/global-styling

33. Questions or Comments? We’d love to hear from you!
twitter.com/emarchak
twitter.com/gappleca
twitter.com/myplanetHQ
We can also help with your Drupal projects.
We know how to nudge the big wigs to give D8 a chance.
Extra pair of hands to plug in and help out.
That’s all, folks!

34. Thank you

35. Resources
Github Repository https://github.com/gapple/drupal-8-every-day
Database Dump https://drive.google.com/file/d/0B-PTT5Vfuw18RTdId2poQUFNR1E/view
Drupal Console https://www.drupal.org/project/console
Theming Guide https://www.drupal.org/theme-guide/8
CMI Documentation https://www.drupal.org/documentation/administer/config