This document provides an overview of Drupal 8 including its timeline, core initiatives, state for different users, and changes from Drupal 7. Some of the key changes mentioned include using Twig as the new templating engine, storing configuration in YAML files instead of the database, making blocks and views entities, improving multilingual support, and rewriting the codebase to use object-oriented PHP with namespaces and dependency injection inspired by Symfony components.

1. What’s cooking?

2. Claudiu Cristea
drupal consultant, trainer, developer
core contributor, image system maintainer
twitter.com/claudiu_cristea

3. credits:
Angie Byron (webchick)
Wayne Eaker (zengenuity)

4. timeline
Jan 2011:
Drupal 7.0 Released
Mar 2011:
Drupal 8 Development Begins
Dec 2012:
Feature Freeze
Feb 2013:
Feature Complete
Alphas snapshots
July 2013:
API Freeze
HERE WE ARE!
Beta (API locked)
Drupal 8.0

5. core initiatives

6. core initiatives
•
Mobile

7. core initiatives
•
•
Mobile
Configuration Management

8. core initiatives
•
•
•
Mobile
Configuration Management
HTML5

9. core initiatives
•
•
•
•
Mobile
Configuration Management
HTML5
Layouts

10. core initiatives
•
•
•
•
•
Mobile
Configuration Management
HTML5
Layouts
Multilingual

11. core initiatives
•
•
•
•
•
•
Mobile
Configuration Management
HTML5
Layouts
Multilingual
Views in Core

12. core initiatives
•
•
•
•
•
•
•
Mobile
Configuration Management
HTML5
Layouts
Multilingual
Views in Core
Web Services

13. unofficial initiatives
•
•
•
Twig
Spark
Others

14. the state of drupal 8

15. the state of drupal 8
end users

16. the state of drupal 8
end users
site builders

17. the state of drupal 8
end users
site builders
designers

18. the state of drupal 8
end users
site builders
designers
coders

19. end users

20. mobile: responsive design

21. mobile: responsive design
DRUPAL 7

22. mobile: responsive design
DRUPAL 7
DRUPAL 8

23. mobile: responsive design

24. mobile: responsive design
DRUPAL 7

25. mobile: responsive design
DRUPAL 7
DRUPAL 8

26. mobile: responsive design
DRUPAL 8

27. mobile: responsive design
DRUPAL 8

28. mobile: responsive design
DRUPAL 8

29. mobile: responsive design

30. mobile: responsive design
DRUPAL 7

31. mobile: responsive design
DRUPAL 7
DRUPAL 8

32. wysiwyg in core
DRUPAL 8

33. inline editing

36. file field multiselect

39. •
•
•
•
•
•
•
•
form elements
URL
Email
Tel
Date
Color
Range
Number
Search

42. tour module

45. site builders

46. directory structure
DRUPAL 7

47. directory structure
DRUPAL 7
DRUPAL 8

48. directory structure
sites/default/modules/
sites/default/themes/
...
sites/example.com/modules/
sites/example.com/themes/
and even...
sites/all/modules/
sites/all/themes/

49. configuration management
DRUPAL 7
• Configuration in database
• Deploying from dev to staging :(
• CTools exportables
• Features

50. configuration management
DRUPAL 8
• Stored in YAML files, not DB
• Can be version controlled

51. configuration management
DRUPAL 8

54. blocks are entities

55. blocks are entities
multiple instances of the same block
blocks are fildable
blocks are revisionable

56. multilingual
•
•
•
•
All in one. No longer tons of modules.
English not required
Download interface translations through update system
Select which fields can be translated.

57. views in core
•
•
•
•
Are exportable with CMI
Responsive HTML Tables
Views Bulk Operations in core
System pages are views

58. web services
later today

59. designers

60. twig
the new template engine
• Symfony component
• No PHP
• Easier to read
• No SQL queries
• Templates in "templates" folder

61. node.tpl.php

62. node.html.twig

63. modern browsers
IE 6, 7 and 8

64. coders

65. dramatic rewrite
• PHP 5.3 required
• Object-oriented approach
• Namespaces, autoloading, PSR-0
• Dependency injection
• Plugin system
• Doctrine annotations
• Symfony components
• YAML
• Many hooks deprecated/removed

66. the new deal
“Proudly Invented Elsewhere”

67. oo php
DRUPAL 7

68. oo php
DRUPAL 8

69. namespaces, psr-0,
autoloading
• Allow for autoload of classes
• Symfony class autoloader

70. autoloading
invoking...
DrupalCoreImageImage
loads...
core/lib/Drupal/Core/Image/Image.php
Do you see the pattern?

71. routing
• D7: Routes mixed with menu links hook_menu()
• Routes defined in YAML: module.routing.yml
• hook_menu() used to define menu links.
• Dynamic routes: extending RouteSubscriberBase

72. routing
DRUPAL 7
system_menu()

73. routing
DRUPAL 8
system.routing.yml
system_menu()

74. dependency injection
• Replaceable services for dependencies
• Keeps code decoupled
• Services passed to objects by injection when
object is created
• Allows replacement of core subsystems with
configuration
• Makes it easier to test with mock objects or test
multiple subsystem implementations.
• Examples: database connector, configuration
manager, translation service
• Services define in modulename.services.yml

75. dependency injection
instead hardcoding objects inside other object
$this->configFactory = new ConfigFactory()
we’re injecting the object in the (constructor) interface

76. plugins & annotations

77. plugins & annotations

78. plugins
• Plugins are managed by plugin managers
• Managers are able to retrieve plugins by ID
or get the definitions.

79. symfony components
• HttpFoundation
• HttpKernel
• Routing
• Event Dispatcher
• Dependency Injection
• Yaml
• Twig
• Serializer

80. other components
• Composer: Dependency manager
• Guzzle: HTTP Client
• Assetic: Asset manager (CSS, JS aggregation)
• PHPUnit: Testing
• Doctrine Annotation

81. leaving the island
and become a modern cms / framework

82. Questions?
Thank you.