Claudiu Cristea, profile picture
Uploaded byClaudiu Cristea
PDF, PPTX6,814 views

Drupal 8. What's cooking (based on Angela Byron slides)

Drupal 8 will include several new features and improvements for end users, site builders, designers, and developers. For end users, Drupal 8 aims to improve the authoring experience with features like in-place editing and a more intuitive content creation page. For site builders, Drupal 8 will include new initiatives like configuration management, responsive layouts, and improved multilingual support. Designers and front-end developers will benefit from cleaner HTML5 markup and new standard components. Developers will appreciate an updated class autoloader and improved web services functionality built using Symfony components.

Embed presentation

Download as PDF, PPTX
Drupal 8 What’s cooking?
Claudiu Cristea Webikon.com Drupal Romania Association Member of Drupal Association www www.claudiucristea.ro @claudiu_cristea www.facebook.com/claudiu.cristea
Credits: Angela Byron (webchick) http://webchick.net
Agenda • Drupal 8 timeline • D8 Initiatives • What’s planned for Drupal 8 for... • End users and clients? • Site builders? • Designers and themers? • Developers?
Drupal 8 Timeline Code freeze April 1, 2013 Development begins Mar 10, 2011 Jan 5, 2011 Dec 1, 2012 Sep, 2013 Drupal 7.0 Feature freeze Drupal 8.0
Why learn about Drupal 8 now?
Disclaimer Drupal 8 is actively undergoing development. Things presented here may change in days or hours. Or were already changed :)
Drupal 8 Initiatives http://groups.drupal.org/drupal-initiatives
Drupal 8 Initiatives 1. Configuration Management 2. Web Services 3. Design 4. Multilingual 5. HTML 5 6. Mobile
End-users, clients AKA “Drupal victims” :)
Authoring experience improvements
What problems are we trying to solve?
What problems are we trying to solve?
What problems are we trying to solve?
Spark http://drupal.org/project/spark
Sitecore Technical strength 8 Authoring experience 7 Open Text 6 CQ5 5 4 3 2 1 Drupal 0 Plone Joomla Squiz Wordpress
WYSIWYG in Core!
In-Place Editing http://buytaert.net/spark-update-in-line-editing-in-drupal
Content creation page++ http://drupal.org/node/1510532
Mobile
Mobile 25X growth over next 5 years! All sites All CMS sites All Drupal sites
What problems are we trying to solve? :(
Responsive themes, images, and breakpoints
Mobile friendly admin
Front-end Performance++ Source: http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/ http://drupal.org/project/issues/search/drupal?issue_tags=frontend+performance
Site builders
New directory structure Drupal 7 modules node themes bartik modules contrib_module sites all themes custom_theme
New directory structure Drupal 8 modules contrib_module So... the exact opposite of what you’re used to. ;) themes custom_theme The drop is always moving! core modules node themes bartik
Multilingual It’s like i18n in core, but better
What’s the plan for Drupal 8?
What’s the plan for Drupal 8?
Multilingual first
Download translation updates through UI(?)
Usability improvements
Translatable entities!
Translatable entities!
Blocks and Layouts It’s like Panels in core, but better
What problems are we trying to solve? • Inconsistency; some Logo Site Title PageTitle Primary Links Secondary Links stuff on page is blocks, others special theme Block Block variables, and then Block Block “content” area. Block • Content Area Only one layout. Block region Block region • Layout built “inside out”; blocks lack context of overall page Block region • Blocks can’t be re-used Block region in multiple instances
What’s the plan for Drupal 8? HTTP Display Request Pass to Kernel Select Req. controller • s me n t Layout built “outside Argu in”; necessary context provided to blocks Menu block Content block • Everything on page is a Field Advert block block (or a layout, or a block nested layout) Field block View Field block block Who's online • block Blocks rendered View block Custom block Custom independently, block Advert supporting ESI caching block Custom Custom text block block
Layouts two-col.yml two-col.tpl.php title: Two column <div class="layout-display layout-two-col clearfix <?php category: Columns: 2 print $attributes['class']; ?>"<?php print template: two-col $attributes; ?>> stylesheets: <div class="layout-region layout-col-first"> - two-col.css <?php print $content['first']; ?> regions: </div> first: label: Left side <div class="layout-region layout-col-second"> type: content <?php print $content['second']; ?> second: </div> label: Right side </div> type: aside two-col.css @media only screen and (min-width: 59em) { .layout-two-col .layout-region { float: left; /* LTR */ width: 50%; } }
UI(?)
Responsive Layout builder(?)
Mother [BEEP]! Views in mother [BEEP] core!
What problems are we trying to solve? Drupal 7 released Surpasses Drupal 6 January 2011 February 2012 13 months! ... July 2011 People start using it
What problems are we trying to solve?
It’s here! :D
...and more! • >= PHP 5.3.5 • Cleaner modules page(?) • Better Field UI (?) • New fields: Link, Email, Entity Reference(?), Date(?) • Profile (back) in core(?)
Project Browser: install modules direct from UI(?) http://drupal.org/node/1841788
Designers, front-end developers
HTML5 Form Elements $form['telephone'] = array( '#type' => 'tel', '#title' => t('Phone'), ); $form['website'] = array( '#type' => 'url', '#title' => t('Website'), ); $form['email'] = array( '#type' => 'email', '#title' => t('Email'), ); $form['tickets'] = array( '#type' => 'number', '#title' => t('Tickets required'), );
Drupal 7 Drupal 8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0// <!DOCTYPE html> EN" <html<?php print $html_attributes; ?>> "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <head> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<? <?php print $head; ?> php print $language->language; ?>" version="XHTML+RDFa <?php if ($default_mobile_metatags): ?> 1.0" dir="<?php print $language->dir; ?>"<?php print <meta name="MobileOptimized" content="width" /> $rdf_namespaces; ?>> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width" /> <head profile="<?php print $grddl_profile; ?>"> <meta http-equiv="cleartype" content="on" /> <?php print $head; ?> <?php endif; ?> <title><?php print $head_title; ?></title> <title><?php print $head_title; ?></title> <?php print $styles; ?> <?php print $styles; ?> <?php print $scripts; ?> <?php print $scripts; ?> </head> </head> <body class="<?php print $classes; ?>" <?php print <body class="<?php print $classes; ?>" <?php print $attributes;?>> $body_attributes;?>> <div id="skip-link"> <div id="skip-link"> <a href="#main-content" class="element-invisible element- <a href="#main-content" class="element-invisible element- focusable"><?php print t('Skip to main content'); ?></a> focusable"><?php print t('Skip to main content'); ?></a> </div> </div> <?php print $page_top; ?> <?php print $page_top; ?> <?php print $page; ?> <?php print $page; ?> <?php print $page_bottom; ?> <?php print $page_bottom; ?> </body> </body> </html> </html>
Markup cleanup
Standard Components http://jacine.github.com/drupal/demo/
node.twig Twig <article id="node-{{ node.nid }}" class="{{ attributes.class }} clearfix"{{ attributes }}> {{ title_prefix }} {% if not page %} <h2{{ title_attributes }}> <a href="{{ node_url }}" rel="bookmark">{{ label }}</a> {{ foo.bar }} </h2> {% endif %} {{ title_suffix }} (print this) {% if display_submitted %} <footer> {{ user_picture }} {% foo(bar) %} <p class="submitted">{{ submitted }}</p> </footer> {% endif %} (do this logic) <div class="content"{{ content_attributes }}> {# We hide the comments and links now so that we can render them later. #} {% hide(content.comments) %} {% hide(content.links) %} {{ content }} {# foo bar #} </div> {{ content.links }} (comment this) {{ content.comments }} http://symfony.com/doc/current/book/templating.html </article>
6&7
Developers
Warning: Things are about to get... geeky.
New Class Autoloader modules example example.test modules example example.info <?php name = Example description = An example. /** * @file core = 7.x * Tests for example.module. files[] = example.test */ /** * Test the example_bar() function. */ class ExampleFooTest extends DrupalWebTestCase { “Drupalism” public static function getInfo() { ... } } /** * Test the example_bar() function. */ class ExampleBarTest extends DrupalWebTestCase { public static function getInfo() { } ... Drupal 7
New Class Autoloader (PSR-0) modules example lib Drupal example Tests ExampleFooTest.php <?php /** ExampleBarTest.php * @file * Definition of DrupalexampleTestsExampleFooTest. */ namespace DrupalexampleTests; use DrupalCoreDatabaseDatabase; /** “Proudly found elsewhere” * Test the example_foo() function. */ class ExampleFooTest extends DrupalWebTestCase { public static function getInfo() { ... } } Drupal 8
Web Services It’s like Services module in core, only better.
What problems are we trying to solve?
What problems are we trying to solve? JSON/XML
What’s the plan for Drupal 8? Tutorial: http://fabien.potencier.org/article/50/create-your-own- framework-on-top-of-the-symfony2-components-part-1
hook_menu()-- Symfony Routes++ Drupal 7: Drupal 8: modules/book/book.module modules/book/book.routing.yml <?php book__export: function book_menu() {   pattern: '/book/export/{type}/{nid}'    $items['book/export/%/%'] = array(   defaults:     'page callback' => 'book_export',     _controller: 'DrupalbookBookController::export'     'page arguments' => array(2, 3),   requirements:     'access arguments' => array('access printer-friendly version'),     _permission: 'access printer-friendly version'     'type' => MENU_CALLBACK,     'file' => 'book.pages.inc', book__node_outline:   );   pattern: '/node/{node}/outline'     $items['node/%node/outline'] = array(   defaults:     'title' => 'Outline',     _controller: 'DrupalbookBookController::outline'     'page callback' => 'book_outline',   requirements:     'page arguments' => array(1),     _access: book_outline_access     'access callback' => '_book_outline_access',     'access arguments' => array(1),     'type' => MENU_LOCAL_TASK, ?     'weight' => 2,     'file' => 'book.pages.inc',   ); ...   return $items; } ?>
REST module $ curl -i -H "Accept: application/ld+json" --cookie SESSxxx http://example.com/entity/node/1 HTTP/1.0 200 OK <snip> Content-Type: application/ld+json {"nid":"1","vid":"1","isDefaultRevision":"1","uuid":"bc37d058-8c45-484c-8e00- eae8da8f4d67","type":"article","langcode":"en","title":"Hello","uid":"1","status":"1","crea ted":"1353018305","changed":"1353018458","comment":"2","promote":"1","sticky":"0","tnid":"0 ","translate":"0","revision_timestamp":"1353018305","revision_uid":"1","u0000* u0000entityType":"node","u0000*u0000enforceIsNew":null,"u0000* u0000newRevision":false,"log":"","body":{"en":[{"value":"This is in English. I live in Vancouver, BC.","summary":"","format":"filtered_html","safe_value":"<p>This is in English. I live in Vancouver, BC.</p>n","safe_summary":""}],"fr":[{"value":"Cette est en fran u00e7ais. J'habite u00e1 Montru00e9al, PQ.","summary":"","format":"filtered_html","safe_value":"<p>Cette est en franu00e7ais. J'habite u00e1 Montru00e9al, PQ.</p>n","safe_summary":""}]},"field_tags":{"en": [{"tid":"2"},{"tid":"1"}],"fr":[{"tid":"3"},{"tid":"4"}]},"field_image":{"und": [{"fid":"2","alt":"","title":"","width":"500","height":"400"}]},"rdf_mapping": {"field_image":{"predicates":["og:image","rdfs:seeAlso"],"type":"rel"},"field_tags": {"predicates":["dc:subject"],"type":"rel"},"rdftype":["sioc:Item","foaf:Document"],"title": {"predicates":["dc:title"]},"created":{"predicates": ["dc:date","dc:created"],"datatype":"xsd:dateTime","callback":"date_iso8601"},"changed": The REST module provides a framework for exposing {"predicates":["dc:modified"],"datatype":"xsd:dateTime","callback":"date_iso8601"},"body": Drupal's data structures as RESTful web services. {"predicates":["content:encoded"]},"uid":{"predicates":
Configuration Management node ID 4 node ID 4 It’s like Features module in core, only better.
What problems are we trying to solve? Dev Live admin/config/foo node/4 admin/config/foo node/4 TEST Welcome Setting 1 text test test test test Setting 1 old text This is real test test test test content on the Setting 2 label test test test test Setting 2 label live site that end test test users are viewing Save Save Database Database
What problems are we trying to solve? Dev Live admin/config/foo node/4 admin/config/foo node/4 TEST Welcome Setting 1 text test test test test Setting 1 old text This is real test test test test content on the Setting 2 label test test test test Setting 2 label live site that end test test users are viewing Save Save Database Database Danger! Want to bring over configuration changes from dev, but not overwrite live content!
What problems are we trying to solve? variable_set()/variable_get() db_select()/db_update()/ db_delete() hook_update_N() $conf[...]; drush fu ctools_export_object()/ ctools_export_load_object()
What’s the plan for Drupal 8? Dev Live node/4 node/4 node/4 node/4 admin/config/foo admin/config/foo TEST ALERT! Welcome ALERT! Setting 1 text test test test test Important Setting 1 old text This is real Important test test test test announcement content on the announcement Setting 2 label test test test test Setting 2 label live site that end about something. about something. test test users are viewing Save Save Cache Active store Cache Active store (e.g. (e.g. Database) Database) StagingFile Active File StagingFile Active File File Store storage Store File Store storage Store http://heyrocker.com/how-use-drupal-8-configuration-system
What’s the plan for Drupal 8? Dev Live node/4 node/4 node/4 node/4 admin/config/foo $node->uuid = '0a8f293...'; admin/config/foo $node->uuid = '98a7bd...'; TEST ALERT! Welcome ALERT! Setting 1 text test test test test Important Setting 1 old text This is real Important test test test test announcement content on the announcement Setting 2 label test test test test Setting 2 label live site that end about something. about something. test test users are viewing Save Save 1 Cache Active store Cache Active store (e.g. (e.g. Database) Database) 2 5 3 File Staging File Active Active File StagingFile Active File File Store Store storage Store File Store storage Store 4 http://heyrocker.com/how-use-drupal-8-configuration-system
Screensht of UI with Diff
Configuration API Want to deploy it? Use config(). $config = config(‘contact.settings’); $config->set(‘user_default_enabled’, 1); $config->save(); files/config_XXX/active/contact.settings.yml default_category: feedback flood: limit: '5' interval: '3600' user_default_enabled: '1'
State API Only useful for this environment? Use state(). state()->set('update.last_check', $now); ... $last_check = state()->get('update.last_check') ?: 0; MySQL [8x]> SELECT * FROM key_value WHERE collection = 'state' AND name = 'update.last_check'; +------------+-------------------+---------------+ | collection | name | value | +------------+-------------------+---------------+ | state | update.last_check | i:1353017727; | +------------+-------------------+---------------+ 1 row in set (0.00 sec)
Other stuff • Getting OOPy with it! • Entity API++ • More fasterer testbot! • File/Media API improvements • ...and more!
Gotta catch ‘em all! http://drupal.org/list-changes
Thank you! Questions?

More Related Content

PDF
7-10-2009 Sakai 3 Overview (Michael Korcuska)
byMathieu Plourde
 
PPTX
Apache Maven 2 Part 2
byReturn on Intelligence
 
PDF
Implementing a Symfony Based CMS in a Publishing Company
byMarcos Labad
 
PDF
Unic - frontend development-in-complex-projects
byUnic
 
PDF
Introduction in Apache Maven2
byHeiko Scherrer
 
PDF
Lausanne Jug (08th April, 2010) - Maven
byArnaud Héritier
 
PDF
Geneva Jug (30th March, 2010) - Maven
byArnaud Héritier
 
PDF
Riviera JUG (20th April, 2010) - Maven
byArnaud Héritier
 
7-10-2009 Sakai 3 Overview (Michael Korcuska)
byMathieu Plourde
 
Apache Maven 2 Part 2
byReturn on Intelligence
 
Implementing a Symfony Based CMS in a Publishing Company
byMarcos Labad
 
Unic - frontend development-in-complex-projects
byUnic
 
Introduction in Apache Maven2
byHeiko Scherrer
 
Lausanne Jug (08th April, 2010) - Maven
byArnaud Héritier
 
Geneva Jug (30th March, 2010) - Maven
byArnaud Héritier
 
Riviera JUG (20th April, 2010) - Maven
byArnaud Héritier
 

Viewers also liked

PPTX
WebFWD at UUM #MozillaCampusTour2011
byLightYoruichi
 
PPTX
Jw day 2 (unit 4)
byAngala Maria
 
PPTX
Just Words day 5
byAngala Maria
 
PPT
P pfor benspeaks adults
byjudygio
 
PPTX
Jw day 7 (unit 3)
byAngala Maria
 
DOC
Tlhologelo cv
bytlhologelo
 
PDF
NOZZLE: A Defense Against Heap-spraying Code Injection Attacks
byNorman Mayes
 
PPTX
Living Online: The WordPress Resume
byChristopher Spencer
 
PPTX
Wego media kit nov2011
byivychee
 
PDF
IFS World 2010/2
byIFS Czech
 
PDF
Orange Leap Nonprofit fundraising software
byFind A Fax - Online Fax Comparison Tool
 
PPTX
Brendan mc grath presentation
byGreen17Creative
 
PPTX
Music world
byIve
 
PDF
Educação a Distância e Tutoria
byCristiane Moore
 
PPT
Project 2000
bylexsing
 
PPS
幸福..
bytswai
 
PPT
Metodos anticonceptovos
byalejandro
 
PDF
Fontface issue 1
byGemmalea
 
PPTX
fotits
bycarocin
 
PDF
Rossy
bycarocin
 
WebFWD at UUM #MozillaCampusTour2011
byLightYoruichi
 
Jw day 2 (unit 4)
byAngala Maria
 
Just Words day 5
byAngala Maria
 
P pfor benspeaks adults
byjudygio
 
Jw day 7 (unit 3)
byAngala Maria
 
Tlhologelo cv
bytlhologelo
 
NOZZLE: A Defense Against Heap-spraying Code Injection Attacks
byNorman Mayes
 
Living Online: The WordPress Resume
byChristopher Spencer
 
Wego media kit nov2011
byivychee
 
IFS World 2010/2
byIFS Czech
 
Orange Leap Nonprofit fundraising software
byFind A Fax - Online Fax Comparison Tool
 
Brendan mc grath presentation
byGreen17Creative
 
Music world
byIve
 
Educação a Distância e Tutoria
byCristiane Moore
 
Project 2000
bylexsing
 
幸福..
bytswai
 
Metodos anticonceptovos
byalejandro
 
Fontface issue 1
byGemmalea
 
fotits
bycarocin
 
Rossy
bycarocin
 

Similar to Drupal 8. What's cooking (based on Angela Byron slides)

PDF
Creating Landing Pages and Layouts for Drupal 8 - DrupalCon Baltimore
bySuzanne Dergacheva
 
KEY
FatWire Tutorial For Site Studio Developers
byBrian Huff
 
PPT
The State of Drupal 8
bynyccamp
 
PDF
Drupal 6 my experience
byBill Paseman
 
PDF
Front end performance improvements
byMatthew Farina
 
PDF
Drupal Themes & Nucleus
byThemeBrain
 
PDF
Drupal for Webmasters by Brett Baker
bywebfinearts
 
PDF
Drupal Roadmap 2010
bykathyhh
 
KEY
Hello Drupal
byhellodrupal
 
PPTX
Week1 Introduction
byRowena LI
 
PDF
Beginner & Intermediate Guide to HTML5/CSS3 In Drupal
byMediacurrent
 
PDF
Making Drupal 7 Simple to Use for Everyone
byAcquia
 
PDF
Tim Klein's talk on making websites with SilverStripe in no time
byJoannaTMcLeod
 
PDF
Amplexor drupalcamp-gent-2012 - kinepolis platform
byAmplexor
 
PDF
Synchronizing Creativity with Content Management
byGregory Cornelius
 
PDF
HTML5: State of the Union
bySencha
 
PDF
Please Don't Touch the Slow Parts V3
byFederico Galassi
 
KEY
Week 1
byWill Gaybrick
 
KEY
Week 1
byWill Gaybrick
 
KEY
Week 1 (v3)
byWill Gaybrick
 
Creating Landing Pages and Layouts for Drupal 8 - DrupalCon Baltimore
bySuzanne Dergacheva
 
FatWire Tutorial For Site Studio Developers
byBrian Huff
 
The State of Drupal 8
bynyccamp
 
Drupal 6 my experience
byBill Paseman
 
Front end performance improvements
byMatthew Farina
 
Drupal Themes & Nucleus
byThemeBrain
 
Drupal for Webmasters by Brett Baker
bywebfinearts
 
Drupal Roadmap 2010
bykathyhh
 
Hello Drupal
byhellodrupal
 
Week1 Introduction
byRowena LI
 
Beginner & Intermediate Guide to HTML5/CSS3 In Drupal
byMediacurrent
 
Making Drupal 7 Simple to Use for Everyone
byAcquia
 
Tim Klein's talk on making websites with SilverStripe in no time
byJoannaTMcLeod
 
Amplexor drupalcamp-gent-2012 - kinepolis platform
byAmplexor
 
Synchronizing Creativity with Content Management
byGregory Cornelius
 
HTML5: State of the Union
bySencha
 
Please Don't Touch the Slow Parts V3
byFederico Galassi
 
Week 1
byWill Gaybrick
 
Week 1
byWill Gaybrick
 
Week 1 (v3)
byWill Gaybrick
 

Recently uploaded

PDF
Lab 4.4 More Cloud Logging and Monitoring - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PDF
Lab 4.2 Multi-cloud Deployments - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PDF
The State of the Gen AI economy - 2025 - The Meliora Company
byClive Dickens
 
PPTX
Emancipatory Information Retrieval: Radically Reorienting Information Retriev...
byBhaskar Mitra
 
PPTX
Coded Agents – with UiPath SDK + LangGraph [Virtual Hands-on Workshop]
byUiPathCommunity
 
PDF
DevFest El Jadida 2025 - Product Thinking
byElmehdi AMLOU
 
PPTX
Building Agents in Microsoft Agent Framework.pptx
byUdaiappa Ramachandran
 
PPTX
How to make Ai agents using Google Gemini AI.pptx
bypkluffy111
 
PDF
Raman Bhaumik - A Junior Software Developer
byRaman Bhaumik
 
PDF
Lab 1.2 Introduction to Azure Automation - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PDF
Six Shifts For 2026 (And The Next Six Years)
byDavid Armano
 
PDF
Day 3 - Data and Application Security - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PDF
Lab 1.3 Introduction to GCP Automation - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PPTX
Technology Consulting _ by Slidesgo.pptx
byfh82277
 
PPTX
Conversational Agents – Building Intelligent Assistants [Virtual Hands-on Wor...
byUiPathCommunity
 
PDF
Lab 1.1 Introduction to AWS Automation - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PDF
Day 5 - Red Team + Blue Team in the Cloud - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PDF
Security Forum Sessions from Houston 2025 Event
byMark Simos
 
PDF
Lab 1.5 - Sharing Secrets with GPG ~ 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
DOCX
iRobot Post‑Mortem and Alternative Paths - Discussion Document for Boards and...
byDave Litwiller
 
Lab 4.4 More Cloud Logging and Monitoring - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
Lab 4.2 Multi-cloud Deployments - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
The State of the Gen AI economy - 2025 - The Meliora Company
byClive Dickens
 
Emancipatory Information Retrieval: Radically Reorienting Information Retriev...
byBhaskar Mitra
 
Coded Agents – with UiPath SDK + LangGraph [Virtual Hands-on Workshop]
byUiPathCommunity
 
DevFest El Jadida 2025 - Product Thinking
byElmehdi AMLOU
 
Building Agents in Microsoft Agent Framework.pptx
byUdaiappa Ramachandran
 
How to make Ai agents using Google Gemini AI.pptx
bypkluffy111
 
Raman Bhaumik - A Junior Software Developer
byRaman Bhaumik
 
Lab 1.2 Introduction to Azure Automation - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
Six Shifts For 2026 (And The Next Six Years)
byDavid Armano
 
Day 3 - Data and Application Security - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
Lab 1.3 Introduction to GCP Automation - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
Technology Consulting _ by Slidesgo.pptx
byfh82277
 
Conversational Agents – Building Intelligent Assistants [Virtual Hands-on Wor...
byUiPathCommunity
 
Lab 1.1 Introduction to AWS Automation - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
Day 5 - Red Team + Blue Team in the Cloud - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
Security Forum Sessions from Houston 2025 Event
byMark Simos
 
Lab 1.5 - Sharing Secrets with GPG ~ 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
iRobot Post‑Mortem and Alternative Paths - Discussion Document for Boards and...
byDave Litwiller
 

Drupal 8. What's cooking (based on Angela Byron slides)

  • 1.
  • 2.
    Claudiu Cristea Webikon.com Drupal Romania Association Member of Drupal Association www www.claudiucristea.ro @claudiu_cristea www.facebook.com/claudiu.cristea
  • 3.
  • 4.
    Agenda • Drupal 8timeline • D8 Initiatives • What’s planned for Drupal 8 for... • End users and clients? • Site builders? • Designers and themers? • Developers?
  • 5.
    Drupal 8 Timeline Code freeze April 1, 2013 Development begins Mar 10, 2011 Jan 5, 2011 Dec 1, 2012 Sep, 2013 Drupal 7.0 Feature freeze Drupal 8.0
  • 6.
  • 7.
    Disclaimer Drupal 8 isactively undergoing development. Things presented here may change in days or hours. Or were already changed :)
  • 8.
  • 9.
    Drupal 8 Initiatives 1.Configuration Management 2. Web Services 3. Design 4. Multilingual 5. HTML 5 6. Mobile
  • 10.
    End-users, clients AKA “Drupal victims” :)
  • 11.
  • 12.
    What problems are wetrying to solve?
  • 13.
    What problems are wetrying to solve?
  • 14.
    What problems are wetrying to solve?
  • 15.
  • 17.
    Sitecore Technical strength 8 Authoring experience 7 Open Text 6 CQ5 5 4 3 2 1 Drupal 0 Plone Joomla Squiz Wordpress
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
    Mobile 25X growth over next 5 years! All sites All CMS sites All Drupal sites
  • 23.
    What problems are wetrying to solve? :(
  • 24.
  • 25.
  • 26.
    Front-end Performance++ Source: http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/ http://drupal.org/project/issues/search/drupal?issue_tags=frontend+performance
  • 27.
  • 28.
    New directory structure Drupal 7 modules node themes bartik modules contrib_module sites all themes custom_theme
  • 29.
    New directory structure Drupal 8 modules contrib_module So... the exact opposite of what you’re used to. ;) themes custom_theme The drop is always moving! core modules node themes bartik
  • 30.
    Multilingual It’s like i18nin core, but better
  • 31.
    What’s the planfor Drupal 8?
  • 32.
    What’s the planfor Drupal 8?
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
    Blocks and Layouts It’s like Panels in core, but better
  • 39.
    What problems are we trying to solve? • Inconsistency; some Logo Site Title PageTitle Primary Links Secondary Links stuff on page is blocks, others special theme Block Block variables, and then Block Block “content” area. Block • Content Area Only one layout. Block region Block region • Layout built “inside out”; blocks lack context of overall page Block region • Blocks can’t be re-used Block region in multiple instances
  • 40.
    What’s the planfor Drupal 8? HTTP Display Request Pass to Kernel Select Req. controller • s me n t Layout built “outside Argu in”; necessary context provided to blocks Menu block Content block • Everything on page is a Field Advert block block (or a layout, or a block nested layout) Field block View Field block block Who's online • block Blocks rendered View block Custom block Custom independently, block Advert supporting ESI caching block Custom Custom text block block
  • 41.
    Layouts two-col.yml two-col.tpl.php title: Two column <div class="layout-display layout-two-col clearfix <?php category: Columns: 2 print $attributes['class']; ?>"<?php print template: two-col $attributes; ?>> stylesheets: <div class="layout-region layout-col-first"> - two-col.css <?php print $content['first']; ?> regions: </div> first: label: Left side <div class="layout-region layout-col-second"> type: content <?php print $content['second']; ?> second: </div> label: Right side </div> type: aside two-col.css @media only screen and (min-width: 59em) { .layout-two-col .layout-region { float: left; /* LTR */ width: 50%; } }
  • 42.
  • 44.
  • 45.
    Mother [BEEP]! Views inmother [BEEP] core!
  • 46.
    What problems are wetrying to solve? Drupal 7 released Surpasses Drupal 6 January 2011 February 2012 13 months! ... July 2011 People start using it
  • 47.
    What problems are wetrying to solve?
  • 48.
  • 49.
    ...and more! • >=PHP 5.3.5 • Cleaner modules page(?) • Better Field UI (?) • New fields: Link, Email, Entity Reference(?), Date(?) • Profile (back) in core(?)
  • 50.
    Project Browser: install modulesdirect from UI(?) http://drupal.org/node/1841788
  • 51.
  • 53.
    HTML5 Form Elements $form['telephone'] = array( '#type' => 'tel', '#title' => t('Phone'), ); $form['website'] = array( '#type' => 'url', '#title' => t('Website'), ); $form['email'] = array( '#type' => 'email', '#title' => t('Email'), ); $form['tickets'] = array( '#type' => 'number', '#title' => t('Tickets required'), );
  • 54.
    Drupal 7 Drupal 8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0// <!DOCTYPE html> EN" <html<?php print $html_attributes; ?>> "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <head> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<? <?php print $head; ?> php print $language->language; ?>" version="XHTML+RDFa <?php if ($default_mobile_metatags): ?> 1.0" dir="<?php print $language->dir; ?>"<?php print <meta name="MobileOptimized" content="width" /> $rdf_namespaces; ?>> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width" /> <head profile="<?php print $grddl_profile; ?>"> <meta http-equiv="cleartype" content="on" /> <?php print $head; ?> <?php endif; ?> <title><?php print $head_title; ?></title> <title><?php print $head_title; ?></title> <?php print $styles; ?> <?php print $styles; ?> <?php print $scripts; ?> <?php print $scripts; ?> </head> </head> <body class="<?php print $classes; ?>" <?php print <body class="<?php print $classes; ?>" <?php print $attributes;?>> $body_attributes;?>> <div id="skip-link"> <div id="skip-link"> <a href="#main-content" class="element-invisible element- <a href="#main-content" class="element-invisible element- focusable"><?php print t('Skip to main content'); ?></a> focusable"><?php print t('Skip to main content'); ?></a> </div> </div> <?php print $page_top; ?> <?php print $page_top; ?> <?php print $page; ?> <?php print $page; ?> <?php print $page_bottom; ?> <?php print $page_bottom; ?> </body> </body> </html> </html>
  • 55.
  • 56.
  • 57.
    node.twig Twig <article id="node-{{ node.nid }}" class="{{ attributes.class }} clearfix"{{ attributes }}> {{ title_prefix }} {% if not page %} <h2{{ title_attributes }}> <a href="{{ node_url }}" rel="bookmark">{{ label }}</a> {{ foo.bar }} </h2> {% endif %} {{ title_suffix }} (print this) {% if display_submitted %} <footer> {{ user_picture }} {% foo(bar) %} <p class="submitted">{{ submitted }}</p> </footer> {% endif %} (do this logic) <div class="content"{{ content_attributes }}> {# We hide the comments and links now so that we can render them later. #} {% hide(content.comments) %} {% hide(content.links) %} {{ content }} {# foo bar #} </div> {{ content.links }} (comment this) {{ content.comments }} http://symfony.com/doc/current/book/templating.html </article>
  • 58.
  • 59.
  • 60.
    Warning: Things are aboutto get... geeky.
  • 61.
    New Class Autoloader modules example example.test modules example example.info <?php name = Example description = An example. /** * @file core = 7.x * Tests for example.module. files[] = example.test */ /** * Test the example_bar() function. */ class ExampleFooTest extends DrupalWebTestCase { “Drupalism” public static function getInfo() { ... } } /** * Test the example_bar() function. */ class ExampleBarTest extends DrupalWebTestCase { public static function getInfo() { } ... Drupal 7
  • 62.
    New Class Autoloader (PSR-0) modules example lib Drupal example Tests ExampleFooTest.php <?php /** ExampleBarTest.php * @file * Definition of DrupalexampleTestsExampleFooTest. */ namespace DrupalexampleTests; use DrupalCoreDatabaseDatabase; /** “Proudly found elsewhere” * Test the example_foo() function. */ class ExampleFooTest extends DrupalWebTestCase { public static function getInfo() { ... } } Drupal 8
  • 63.
    Web Services It’s likeServices module in core, only better.
  • 64.
    What problems are wetrying to solve?
  • 65.
    What problems are wetrying to solve? JSON/XML
  • 67.
    What’s the planfor Drupal 8? Tutorial: http://fabien.potencier.org/article/50/create-your-own- framework-on-top-of-the-symfony2-components-part-1
  • 68.
    hook_menu()-- Symfony Routes++ Drupal 7: Drupal 8: modules/book/book.module modules/book/book.routing.yml <?php book__export: function book_menu() {   pattern: '/book/export/{type}/{nid}'    $items['book/export/%/%'] = array(   defaults:     'page callback' => 'book_export',     _controller: 'DrupalbookBookController::export'     'page arguments' => array(2, 3),   requirements:     'access arguments' => array('access printer-friendly version'),     _permission: 'access printer-friendly version'     'type' => MENU_CALLBACK,     'file' => 'book.pages.inc', book__node_outline:   );   pattern: '/node/{node}/outline'     $items['node/%node/outline'] = array(   defaults:     'title' => 'Outline',     _controller: 'DrupalbookBookController::outline'     'page callback' => 'book_outline',   requirements:     'page arguments' => array(1),     _access: book_outline_access     'access callback' => '_book_outline_access',     'access arguments' => array(1),     'type' => MENU_LOCAL_TASK, ?     'weight' => 2,     'file' => 'book.pages.inc',   ); ...   return $items; } ?>
  • 69.
    REST module $ curl-i -H "Accept: application/ld+json" --cookie SESSxxx http://example.com/entity/node/1 HTTP/1.0 200 OK <snip> Content-Type: application/ld+json {"nid":"1","vid":"1","isDefaultRevision":"1","uuid":"bc37d058-8c45-484c-8e00- eae8da8f4d67","type":"article","langcode":"en","title":"Hello","uid":"1","status":"1","crea ted":"1353018305","changed":"1353018458","comment":"2","promote":"1","sticky":"0","tnid":"0 ","translate":"0","revision_timestamp":"1353018305","revision_uid":"1","u0000* u0000entityType":"node","u0000*u0000enforceIsNew":null,"u0000* u0000newRevision":false,"log":"","body":{"en":[{"value":"This is in English. I live in Vancouver, BC.","summary":"","format":"filtered_html","safe_value":"<p>This is in English. I live in Vancouver, BC.</p>n","safe_summary":""}],"fr":[{"value":"Cette est en fran u00e7ais. J'habite u00e1 Montru00e9al, PQ.","summary":"","format":"filtered_html","safe_value":"<p>Cette est en franu00e7ais. J'habite u00e1 Montru00e9al, PQ.</p>n","safe_summary":""}]},"field_tags":{"en": [{"tid":"2"},{"tid":"1"}],"fr":[{"tid":"3"},{"tid":"4"}]},"field_image":{"und": [{"fid":"2","alt":"","title":"","width":"500","height":"400"}]},"rdf_mapping": {"field_image":{"predicates":["og:image","rdfs:seeAlso"],"type":"rel"},"field_tags": {"predicates":["dc:subject"],"type":"rel"},"rdftype":["sioc:Item","foaf:Document"],"title": {"predicates":["dc:title"]},"created":{"predicates": ["dc:date","dc:created"],"datatype":"xsd:dateTime","callback":"date_iso8601"},"changed": The REST module provides a framework for exposing {"predicates":["dc:modified"],"datatype":"xsd:dateTime","callback":"date_iso8601"},"body": Drupal's data structures as RESTful web services. {"predicates":["content:encoded"]},"uid":{"predicates":
  • 70.
    Configuration Management node ID 4 node ID 4 It’s like Features module in core, only better.
  • 71.
    What problems are we trying to solve? Dev Live admin/config/foo node/4 admin/config/foo node/4 TEST Welcome Setting 1 text test test test test Setting 1 old text This is real test test test test content on the Setting 2 label test test test test Setting 2 label live site that end test test users are viewing Save Save Database Database
  • 72.
    What problems are we trying to solve? Dev Live admin/config/foo node/4 admin/config/foo node/4 TEST Welcome Setting 1 text test test test test Setting 1 old text This is real test test test test content on the Setting 2 label test test test test Setting 2 label live site that end test test users are viewing Save Save Database Database Danger! Want to bring over configuration changes from dev, but not overwrite live content!
  • 73.
    What problems are we trying to solve? variable_set()/variable_get() db_select()/db_update()/ db_delete() hook_update_N() $conf[...]; drush fu ctools_export_object()/ ctools_export_load_object()
  • 74.
    What’s the planfor Drupal 8? Dev Live node/4 node/4 node/4 node/4 admin/config/foo admin/config/foo TEST ALERT! Welcome ALERT! Setting 1 text test test test test Important Setting 1 old text This is real Important test test test test announcement content on the announcement Setting 2 label test test test test Setting 2 label live site that end about something. about something. test test users are viewing Save Save Cache Active store Cache Active store (e.g. (e.g. Database) Database) StagingFile Active File StagingFile Active File File Store storage Store File Store storage Store http://heyrocker.com/how-use-drupal-8-configuration-system
  • 75.
    What’s the planfor Drupal 8? Dev Live node/4 node/4 node/4 node/4 admin/config/foo $node->uuid = '0a8f293...'; admin/config/foo $node->uuid = '98a7bd...'; TEST ALERT! Welcome ALERT! Setting 1 text test test test test Important Setting 1 old text This is real Important test test test test announcement content on the announcement Setting 2 label test test test test Setting 2 label live site that end about something. about something. test test users are viewing Save Save 1 Cache Active store Cache Active store (e.g. (e.g. Database) Database) 2 5 3 File Staging File Active Active File StagingFile Active File File Store Store storage Store File Store storage Store 4 http://heyrocker.com/how-use-drupal-8-configuration-system
  • 76.
    Screensht of UIwith Diff
  • 77.
    Configuration API Want todeploy it? Use config(). $config = config(‘contact.settings’); $config->set(‘user_default_enabled’, 1); $config->save(); files/config_XXX/active/contact.settings.yml default_category: feedback flood: limit: '5' interval: '3600' user_default_enabled: '1'
  • 78.
    State API Only usefulfor this environment? Use state(). state()->set('update.last_check', $now); ... $last_check = state()->get('update.last_check') ?: 0; MySQL [8x]> SELECT * FROM key_value WHERE collection = 'state' AND name = 'update.last_check'; +------------+-------------------+---------------+ | collection | name | value | +------------+-------------------+---------------+ | state | update.last_check | i:1353017727; | +------------+-------------------+---------------+ 1 row in set (0.00 sec)
  • 79.
    Other stuff • GettingOOPy with it! • Entity API++ • More fasterer testbot! • File/Media API improvements • ...and more!
  • 80.
    Gotta catch ‘emall! http://drupal.org/list-changes
  • 81.
    Thank you! Questions?