Component Based Development in Drupal 8 with Pattern Lab
Date: Monday, October 28, 2019
Time: 9:00 am - 12:30 pm
Room: G 103
Cost: €210 (Coffee break included)
Price will increase €35 from October 1, 2019 and are net and subject to a 21% VAT.
Description of the training:
With the component-based approach becoming the standard for Drupal 8 development we’re beginning to see some slick front-end environments show up in Drupal themes. The promise that talented front-enders with little Drupal knowledge can jump right in is now a reality and we at Mediacurrent are experiencing this firsthand.
In this training, we will put into practice one of the latest trends in development: components. Building a website using a component-based approach can help make code more reusable, dramatically improve collaboration among teams, while improving flexibility and long-term maintenance of your project. We will work on building a living style guide which will become the single source of truth for markup, styles, and javascript behaviors.
Topics we will cover:
The component-based approach Contrary to the top-to-bottom theming we have been doing for years, the component-based approach enables us to build websites by breaking down the UI into self-contained, reusable parts. This presents several advantages over traditional theming including faster development time, more sane CSS structures, less risk of regressions, and more!
A living style guide
A living style guide is a powerful tool to add to your project because it gives you a quick look at the components you are building, and more importantly it serves as the single source of truth for your markup, styles, and javascript code. In some instances, a style guide can become the preferred way for stakeholders to preview and test prototypes. In this training we’ll be using Pattern Lab for our style guide.
Twig
Drupal 8's new templating system is a themer's best friend. Twig’s easy to read and learn syntax can be leveraged to write powerful logic in your theme without the need for deep knowledge of PHP.
Who should attend this class?
This training is intended for front and back-end developers who are building websites in Drupal 8 as well as site builders and designers who often have to work across disciplines or collaborate with other departments and/or vendors to manage, update, and improve their websites. A good understanding of HTML, Twig, CSS/Sass and command line is recommended but not required.
What will attendees gain from this workshop? After this training, you will have a solid understanding of how to build and theme site components in a living style guide and be able to integrate those components into Drupal with a single source of truth for markup, styles, and javascript.
Prerequisites:
• An IDE, or basic text editor (we recommend VS Code - it’s free to download!)
• Basic familiarity with the command line (i.e., running drush commands).
• Basic understanding of Twig and Drupal 8 Theming is helpful.
• Component based theming experience is helpful but not required.
Attendees will be provided a Lando -based local development environment for the training.
About the trainers:
Eric Huffman - Senior Front End Developer
Eric has over a decade of experience working with Drupal as a developer, themer, and site builder starting with Drupal 6 in 2008. His passion lies in designing and building web front ends, but over the years he has also supported programmers and often played a role in bridging back-end and front-end teams. Eric holds a BFA degree in Illustration from the Savannah College of Art and Design (SCAD), and spent the beginning of his career as a graphic designer before moving into web design and development full time over 10 years ago. Prior to Mediacurrent, Eric worked as the Web Manager in the Communications office at the Georgia Institute of Technology where he served as lead front end developer, and led a team in supporting the top-level web properties of the Institute, including a major migration to Drupal 7. Away from the digital world Eric enjoys cycling, hiking, and spending time with his wife tackling various projects around their 95 year-old home in Portland, OR.
Mark Casias - Senior Drupal Developer
Mark brings a fifteen year programming background and six years of Drupal experience to his role as Senior Drupal Developer at Mediacurrent. Highly involved in his local web community, Mark runs the ABQ Webgeeks Group and started the Albuquerque Drupal Users group. A former radio personality, Mark switched careers to become a programmer when he realized he could have a fun job and eat. (No seriously, kids, radio pays horribly). But as a nod to his days as in radio, Mark co-hosts the Mediacurrent Open Waters podcast. Prior to Mediacurrent, Mark first dove into Drupal to convert dreamincode.net to a better CMS than it had. Through that he was sent to Do It With Drupal in New Orleans, where he met the great people of the community. From that point, he was hooked. Mark resides in Albuquerque, New Mexico. When not in front of the computer, he enjoys playing hockey, tennis, bass and a good craft beer- not necessarily in that order.