1-3 March 2019

City, University London

ELG01

Integration of Atomic design system into Drupal

Speaker(s)
Prerequisites

In order to get the most out of this session, the attendee will have to

  1. Have some knowledge of HTML & CSS.
  2. Basic understanding of Drupal theme system.
  3. Having knowledge of design system will be huge plus.
Session details

Pattern Lab is a component based styling concept which let you to create styleguide. it also provides a structure for developing a templating and theming framework based on atomic design.

I will cover the basics principles of Pattern lab and Atomic design and demonstrate how can we integrate atomic design in any framework, Either it would be Drupal or Any other CMS that does not matter.

Key topics that i will cover:

  1. Basic principles of Pattern lab and Atomic design.
  2. How it can integrate directly with a Drupal 8 project.
  3. How atoms & Molecules helps in styling and remove duplicacy.
  4. Discuss some challenges that you might encounter if you want to add Pattern Lab to your project and an example of one specific implementation.

 

Audience:

Any frontend, UI Devs & Drupal Developer can join this session.

Room
Skill Level
Session Time
On
Session Track

Design systems - Drupal & Patternlab

Speaker(s)
Session details

In this presentation, I will discuss design systems - what they are and why they were invented and what are the various approaches to implementing design systems.


I will then present our experiences with design systems gained to date. In particular, I will discuss using Patternlab with Drupal. I will present high-level HowTos and the pros and cons.

I will present:

  • what design systems are and why to use them
  • what are the most popular approaches
  • how to use pattern lab on Drupal and what are the main problems/solutions
  • experiences from various projects we did with pattern lab in Droptica

About the author:
Maciej is a Drupal developer for almost 10 years. He is one of the founders of Droptica - a Drupal agency based in Poland. He is an active member of the Drupal community in Poland. He was a speaker at many conferences and camps and he gives Drupal trainings during drupal training days
 

Room
Skill Level
Session Time
On
Session Track

Modern JavaScript Features

Speaker(s)
Scheduled day
Prerequisites

Basic knowledge of JavaScript.

Session details

Over the last few years, Javascript has evolved and introduced many new features which have improved JavaScript’s usability and are also helping developers in Writing, Reading and Maintaining clean code.

Whether you are new to the world of JavaScript or have some experience working with it and want to catch up with the latest JavaScript features, Then this is the session for you.

This session will cover the following topics:

  • What is JavaScript?
  • What is ECMAScript?
  • JavaScript Versions
  • Modern JavaScript features:
    • Variables
      • let
      • const
    • Template Literals
    • Arrow Functions
    • Array and Object Destructing
    • Rest Parameter
    • Spread Operator
    • Classes and Inheritance
    • Modules
    • Promises
Room
Skill Level
Session Time
On
Session Track

Browser Wars 2019 - Implementing a Content Security Policy

Speaker(s)
Scheduled day
Prerequisites

Attendees should have an interest in web security and current real world threats.
The session is aimed at site owners, business managers, developers and site builders; anyone with the desire and responsibility to deliver secure user experiences.

Session details

[ - Slides available here - ]

It used to be that browsers were something we fought against to get our sites viewed the way we wanted; now they are our allies.

Far from being dumb proprietary clients that just parse our HTML the way they want, they have evolved into complex software applications. 
They provide powerful security controls to make decisions about what to display and debugging tools to enable us to investigate their actions.

It is increasingly common to find malicious exploits targeting web pages within the browser; running crypto-miners, stealing credentials and forging requests. 
By implementing a set of headers to be delivered alongside our web pages, we can now work with browsers to protect our site visitors from malicious content 
and control what is displayed and included on our pages.

In this session we will touch on what threats face our web pages out in the wild and what measures we can employ to work with browsers to protect them.
We will focus on implementing security headers and building a Content Security Policy, and will cover

  • implementation of essential security headers;
  • the initial investigation and building of a Content Security Policy (CSP);
  • implementation and observation of the CSP in the wild;
  • monitoring of the CSP once live;
  • evidence of its effectiveness (threats thwarted).

Hopefully attendees will be convinced as to why security headers and CSP are invaluable and why projects should build in time and resources to implement them.

Room
Skill Level
Session Time
On
Session Track

Accessibility in UX Design: How we redesigned The University of West London’s website for everyone.

Speaker(s)
Scheduled day
Prerequisites

For anybody interested in user-centered design.

Session details

A session focused around about the importance of accessibility in design, showcasing examples from industry giants such as Microsoft. Highlighting that accessible design is not just for people with a permanent disability but also someone with a temporary and situational disability.

James Genchi, a 27-year-old UX Designer from CTI Digital in Manchester.

During his career, James has worked a number of award-winning digital campaigns for some of the world’s biggest brands.

CTI Digital recently redesigned the University of West London’s website. In this session, James will talk about our discovery process and how we applied our findings to the final product, from ensuring all design elements have sufficient colour contrast, conducting user interviews with visually impaired prospective students and extensive user testing.

 

Twitter: @UXyThing

Room
Skill Level
Session Time
On
Session Track

Reusing Components between Angular, React, Vue and Web-Components

Speaker(s)
Scheduled day
Prerequisites

javascript, HTML, css, Web development using frameworks

Session details

Let's understand What are the Benefits of Using a Component-Based approach in the different framework. Using web component gives us feature like

  • Reusability of components in the development 
  • Component-based UI Approach Accelerates Development
  • Easily Integrates into the Development process and can be shared as a library

In current time we are building everything component based like either we use react, angular or Vue js. Every framework allows us to build components and which can also be reused and can be available anywhere we need it.
Web components is not something new it came with a polymer like how to create custom build components and then all latest framework inheriting all those principles of web components.

  • How components are defined in Angular, React, Vue, Web-Components
  • How we are managing components in a different framework.
  • How components communicate in react, angular.
  • Commonality and differences in their approaches
  • How to reuse components between these frameworks
  • How to standardize component designs
  • creating components and publish it as a library

     Key takeaways

  • How to write web components in different framework
  • How to make a component library and publish it.
Room
Skill Level
Session Time
On
Session Track

State of Layout Management in Drupal

Speaker(s)
Scheduled day
Prerequisites

Any experience with, or willing to understand the Layout Management in Drupal.

Session details

There are a crazy amount of different approaches for layout management in Drupal today:

  • Layout Discovery/Builder
  • Block Layout
  • Display Suite
  • UI Patterns
  • Bricks
  • Paragraphs (+ Frontend UI)
  • Panels
  • Panelizer
  • ...

In this session we will go through all of them and try to make a big picture — what is designed for, and how to use them properly — together, or independently from each other.

Room
Session Time
On
Session Track

Intro to Drupal 8 Commerce

Speaker(s)
Scheduled day
Session details

Drupal 8 Commerce is a powerful solution for building e-commerce experience platforms in Drupal. The focus of the session will be on different approaches to building a multi-currency platform. In the session, I will cover differences since Drupal 7 Commerce. As currency relates to every aspect of any e-commerce application so I will cover everything you need to know for building your own store.

Room
Skill Level
Session Time
On
Session Track

CSS battle - Flexbox vs Grid

Speaker(s)
Scheduled day
Prerequisites

Basic understanding of CSS

Session details

CSS flexbox is immensely adapted by the front end developers in the last few years but with the introduction of the CSS Grid and it's similar capabilities as of flexbox makes the people wondering if CSS grid will replace the flexbox. So the answer to this question is 'No'. 

In some scenarios, CSS grid is better than flexbox while in some scenarios flexbox is better. As CSS grid and flexbox might have the similar properties but the used case of both the properties are different. CSS grid and flexbox has made it easier to create the complex layouts without the much need of the javascript in layouting and now, we have a appropriate layout system in the native browser itself which makes the code easy to understand and maintain.


Some take aways from this session-
1) Understanding CSS grid and Flexbox
2) Difference between CSS grid and flexbox
3) When you should use one over the another
4) Combining flexbox and grid for creating efficient layouts with the help of examples

Room
Session Time
On
Session Track

Keynote speakers

Rowan Merewood

Developer @ Google

Saturday AM

Preston So

Director of R&I @ Acquia

Sunday AM

Sally Young

Developer @ Lullabot

Closing Keynote

Drupal apprentices

The best people to train new developers are developers

The Drupal Apprenticeship Scheme will be running a London intake in March. If you are interested in hiring an apprentice or know someone who would benefit from the scheme please get in touch via the link below.

  • Created and run by experienced developers
  • Teaches core skills and best practice
  • Extensive support for businesses and teams

We are also really keen to hear from people who might be interested in mentoring, training and helping us to develop and review training materials to make sure they stay absolutely current and relevant.

Find out more

Join the Drupal Association

The Drupal Association unites a global open source community to build and promote Drupal.

The Association is a not-for-profit organization that relies on individuals and businesses to fund everything they do for Drupal — from drupal.org to DrupalCon and community programs.

Connect with us and support our mission-driven work.

Support the Drupal Association

Hosting provided by

platform.sh