Giter Site home page Giter Site logo

corradiniste / modernizing-drupal-10-theme-development Goto Github PK

View Code? Open in Web Editor NEW

This project forked from packtpublishing/modernizing-drupal-10-theme-development

0.0 0.0 0.0 54.9 MB

Designing Modern Drupal Themes, Published by Packt

License: MIT License

Shell 1.18% JavaScript 32.01% PHP 46.41% TypeScript 5.87% CSS 0.27% HTML 1.55% Twig 12.71%

modernizing-drupal-10-theme-development's Introduction

Modernizing Drupal 10 Theme Development

This is the code repository for Modernizing Drupal 10 Theme Development, published by Packt.

Build responsive and faster Drupal websites with custom theme design to deliver a rich user experience

What is this book about?

Working with themes in Drupal can be challenging, given the number of layers and APIs involved. Modernizing Drupal 10 Theme Development helps you explore the new Drupal 10’s theme layer in depth.

What you will learn:

  • Map design systems made by Storybook components to Drupal structures
  • Understand and use render arrays and Twig templates
  • Get familiarized with the new Single Directory Component feature introduced in Drupal 10.1
  • Define, import, and use CSS and JavaScript libraries
  • Discover how to style content created with fields and paragraphs
  • Define, place, customize, and style blocks
  • Explore advanced topics like extending Twig, making a theme configurable, and boosting performance and accessibility
  • Find out how to build a decoupled website using json:api and Next.js

If you feel this book is for you, get your copy today!

Instructions and Navigations

On this repository you will find two branches: main and final. The main branch contains the Drupal website that you have to style, along with the design system made with Storybook. The final branch contains the final result of the website, with all the styles applied.

The HOW-TO.md contains instructions on how to start the stack and build the website, and a set of useful commands.

Errata corrige

We've put a lot of effort into making sure that the code in this book is correct, but we're only human.

If you find an error in the book, please submit an issue to www.packtpub.com/support/errata.
If you find an error in the code, please fork this repository and submit a pull request.

All fixes will be published here.

Related products

Get to Know the Author

Luca Lusso is a Drupal developer with more than 15 years of experience; he started with Drupal 5 and PHP 5 in an era where deployments with FTP were still a thing. Since then, he worked as a consultant and contributed to building some of the biggest Drupal websites in Italy. Luca is also a teacher, and he has taught Drupal to many different teams, from universities to big system integrators. Luca is an open-source lover and Drupal contributor; he maintains popular modules like WebProfiler and Monolog. He’s also a speaker at conferences like DrupalCon Europe and Drupal Developer Days. Lately, he has shifted his interest toward front-end performances. Luca holds a master’s degree in Computer Science, and he’s an Acquia-certified developer.

modernizing-drupal-10-theme-development's People

Contributors

lussoluca avatar jubit-packt avatar theodorosploumis avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.