A little about us.

Hi! I'm Nick. I'm a Managing Partner @

Hi! I'm Rich. I'm a Web Platform Strategist & Architect @

Hi! I'm Mai. I'm a senior developer @

Let's talk Drupal...

• Talk a bit about the history of Drupal.
• Initial release 2001

What is Drupal?

• Modular CMS
• More then a CMS.

Where have we come from?

• 8 Major versions

Where are we going?

Who uses Drupal?

Memorial Sloan Kettering Cancer Center (MSK)

One of the largest cancer centers in the United States, launched the new mskcc.org in May. It chose Drupal 8, even when the software was still in its beta phase, to help extend the reach of its "More Science. Less Fear" campaign.

CH2M

CH2M is a global corporation that works to keep governments, infrastructure, and environments sustainable. It uses Drupal 8 to present and prove its capabilities.

Many, Many, Many More

drupal.org/case-studies/featured/all/drupal-8.x

Lets step back...

Lets talk about the C in CMS

• Lay the ground work to introduce core terminology

Content First

• Think about our content first.
• Decontruct what the content we are wanting to manage in order to structure it.

Structuring our content

• Unstuctured vs Structured Content
• Reusing content in different channels

What makes Drupal unique?

• Structured Content

Some terminology

• Unstuctured vs Structured Content
• Reusing content in different channels

Entities

• You are define your own.
• Growing number of CORE entities (ex. Blocks)

Fields

• You are define your own.
• Growing number of CORE entities (ex. Tel, Email)

Fields can be "bundled" with Entities

• "Fieldable" entities

Views

• Visual SQL builder

Modules

Themes

Regions

Blocks

Lets dive in!

• Dive into the Drupal administrative interface

Under the hood

We can do alot with just core. Let's see how we can extend.

File Structure

• Where do modules live?
• Where do themes live?

Settings.php and friends

• services.yml

Make our lives easier with Drush

• How many are confortable on the command line?
• Download the Examples module

What about Drupal Console?

• Show some of the commands available.

Ok are you ready to go deeper?

Lets make a Page...

• The Synfony Routing component is used for defining our routes

/**
 * Our first Drupal 8 controller.
 */
namespace Drupal\hello\Controller;

use Drupal\Core\Controller\ControllerBase;

class HelloController extends ControllerBase {
  public function sayHi() {

    return array(
        '#markup'=>"Why hello Drupal 8",
      );
  }
}

/modules/custom/hello/hello.routing.yml

              hello.sayHi:
  path: '/hello'
  defaults:
    _controller: '\Drupal\hello\Controller\HelloController::sayHi'
  requirements:
    _permission: 'access content'
            

What about Forms?

/modules/custom/hello/src/Form/HelloRequestForm.php

              /**
 * @file
 * Contains \Drupal\hello\Form\HelloRequestForm.
 */

namespace Drupal\hello\Form;

use Drupal\Core\Form\FormBase;
use Drupal\Core\Form\FormStateInterface;

class HelloRequestForm extends FormBase {
  /**
   * {@inheritdoc}.
   */
  public function getFormId() {
    return 'hello_request';
  }

  /**
   * {@inheritdoc}.
   */
  public function buildForm(array $form, FormStateInterface $form_state) {
    $form['phone_number'] = array(
      '#type' => 'tel',
      '#title' => $this->t('Your phone number')
    );
    $form['actions']['#type'] = 'actions';
    $form['actions']['submit'] = array(
      '#type' => 'submit',
      '#value' => $this->t('Give me a call'),
      '#button_type' => 'primary',
    );
    return $form;
  }

  /**
   * {@inheritdoc}
   */
  public function validateForm(array &$form, FormStateInterface $form_state) {
    if (strlen($form_state->getValue('phone_number')) < 3) {
      $form_state->setErrorByName('phone_number', $this->t('The phone number is too short. Please enter a full phone number.'));
    }
  }

  /**
   * {@inheritdoc}
   */
  public function submitForm(array &$form, FormStateInterface $form_state) {
    drupal_set_message($this->t('Your phone number is @number', array('@number' => $form_state->getValue('phone_number'))));
  }
}
            

/modules/custom/hello/hello.routing.yml

              hello.requestHi:
  path: '/hello/request'
  defaults:
    _form: '\Drupal\hello\Form\HelloRequestForm'
  requirements:
    _permission: 'access content'
            

Lets make a Block!

/modules/custom/hello/src/Plugin/Block/HelloBlock.php

              namespace Drupal\hello\Plugin\Block;

use Drupal\Core\Block\BlockBase;

/**
 * Provides a 'Hello' block.
 *
 * @Block(
 *   id = "hello_block",
 *   admin_label = @Translation("Hello block"),
 * )
 */
class HelloBlock extends BlockBase {
  public function build() {
    return array(
      '#markup' => $this->t("This is a an awesome block!"),
    );
  }
}
            

How about themes?

Let's download some, and explore

• Bootstrap, Foundation, Neato