Drupalize.Me - Remote Drupal 9 & 10 Theming Workshop

Expert Drupal training - https://Drupalize.Me

Drupalize.Me

Learn to create stunning Drupal 9 and 10 themes in this remote hands on workshop featuring Drupalize.Me's expert trainers.

<h2>Workshop Date &amp; Format</h2>This remote workshop will happen 100% online via Zoom and other tools. We think you’ll get the most out of them if you come prepared to engage with the instructors and other participants.The workshop is broken up in to 3 different 2.5-3 hour units (starting at <a href="https://www.worldtimebuddy.com/?qm=1&amp;lid=5746545,5037649,5128581,2643743&amp;h=2643743&amp;date=2020-11-18&amp;sln=19-22" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer"></a><a href="https://www.timeanddate.com/worldclock/fixedtime.html?msg=Drupalize.Me+Online+Theming+Workshop&amp;iso=20230719T16&amp;p1=1440&amp;ah=3" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">4 p.m. UTC each day</a>) instead of one long 8 hour workshop. Each unit will consist of a combination of instructor presentation, hands-on exercises, and instructor lead group discussion. The units build upon one another so you’ll want to be able to attend all three.<h2>Workshop Content</h2>Themes combine HTML, CSS, JavaScript, and Drupal in order to make beautiful websites. Creating truly unique themes requires knowing how to use the Twig template language to manipulate HTML, how to add CSS and JavaScript assets in a way that&#x27;s compatible with Drupal&#x27;s caching, all while maintaining the flexibility that Drupal is known for.Whether you’re creating an entirely new theme from scratch, or making nips and tucks to an existing design, understanding how Drupal’s theme system works, or having someone on your team who does, is essential.This workshop will familiarize front-end developers with Drupal&#x27;s theme system through a combination of presentations and hands-on exercises. Whether your goal is to theme your personal site, pass the Acquia front-end developer certification, or upgrade your skills for a job, our goal is to provide students with a solid foundation and enough knowledge to continue to practice and learn on their own.You&#x27;ll come away from this course knowing:<ul><li>How the Drupal theme layer relates to the rest of the system</li><li>Common theming terminology and processes</li><li>How to override any of Drupal&#x27;s HTML output</li><li>The relationship between base themes and sub themes</li><li>Everything you need to know about Twig when working with Drupal templates</li><li>How to add both custom and third-party CSS and JavaScript libraries</li><li>Tools for introspecting and debugging a theme</li><li>New things on the horizon like Single Directory Components</li><li>Tips and tricks for using common front-end development tools like CSS preprocessors and task runners, in conjunction with Drupal</li></ul>Attendees should be familiar with HTML and CSS and understand how to administer content on a Drupal website. This workshop will be relevant for both people who are new to Drupal theming as well as those looking to move from Drupal 7 to Drupal 9/10.This course is based on the Drupalize.Me Drupal Theming Guide. Attendees will receive one month of full access to the complete Drupalize.Me tutorial library so that they can review and continue to learn after the workshop is over. You&#x27;ll also get 3-month access to our online Community where you can ask questions and take part in all kinds of Drupal conversations with other learners and our team. This way we can continue to support you with your theming journey after the workshop is over.<h3></h3><h3>Code of Conduct</h3>All attendees will be required to abide by the <a href="https://osiolabs.com/conduct/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Osio Labs Code of Conduct</a>.<h2>Detailed syllabus</h2>The workshop will be broken down into sections, and each section will consist of a combination of live presentation, hands-on exercises, and group practice activities.Theming overviewIn this section we’ll talk about the role that themes play in the creation of a Drupal site, get an overview of the types of things you can, and can not, do with a theme, go over the structure of a theme, and discuss theming specific concepts like regions, libraries, and inheritance.Getting started with a new themeIn this section we’ll look at how Drupal uses *.info.yml files to collect metadata about available themes. And learn about using the Starter Kit theme as the basis for a new custom theme. Then, as an exercise we’ll create the foundation for a new custom theme, and discuss where the markup you see in a Drupal theme comes from. We’ll also walk through some things you can do when setting up your local environment in order to make theme development easier.CSS &amp; JavaScript librariesThere are a couple of different ways that you can add CSS and JavaScript to your theme, and we’ll walk through them while discussing the pros and cons of each. We’ll also look at how to use CSS preprocessors like Sass, and task runners like Grunt in conjunction with Drupal themes. Opening up the possibility to use a variety of existing front-end frameworks and libraries as part of your custom theme.Overriding default markupIn this section we’ll examine Drupal’s use of Twig template files to generate HTML markup, and walk through the process of overriding that markup in our custom theme. We’ll look at how Drupal determines which template file to use, dynamic template file naming, and how to manipulate the HTML output in a template file.TwigHaving a firm grasp of the Twig template language is essential. So we’ll spend some time going over the language’s syntax, look at how to print output, and use filters and functions to manipulate variables. Then we’ll walk through a couple of exercises that require using Twig to modify elements in our theme.Preprocessing and moreIn this section we’ll talk about using {theme-name}.theme files to add, and manipulate the variables available in a Twig template, and to conditionally add CSS and JavaScript libraries on only the pages where they are needed in order to increase page speed.

Our {communityGuidelinesLink} describe the sort of content we prohibit on Eventbrite. If you suspect an event may be in violation, you can report it to us so we can investigate.

To report other categories of prohibited or illegal content, submit {link}

Drupalize.Me - Remote Drupal 9 & 10 Theming Workshop

More events from Drupalize.Me

Discover more events from Drupalize.Me, from Science & Tech to other experiences you might love.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.

Drupalize.Me - Remote Drupal 9 & 10 Theming Workshop

More events from Drupalize.Me

Discover more events from Drupalize.Me, from Science & Tech to other experiences you might love.

You might also like...

Browse more events with different dates, prices, and formats to find your next great experience.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.