Front End Drupal

“For Drupal to succeed, we need books like this.” –Dries Buytaert, Drupal founder and project lead “Drupal faces a common problem on the Web–the relative lack of new, high quality themes. Front End Drupal tackles this problem directly and is designed to help both experienced designers and rank novices get an understanding of how Drupal theming works. In fact, I’ll be the first to admit I learned a lot from this book.” – Dries Buytaert, Drupal founder and project lead The Practical, Complete Guide to Customizing Drupal Sites with Behaviors, Themes, and Templates Drupal is now the world’s #1 open source content management system: Thousands of individuals and organizations are using it to build and update Web sites of virtually every kind. As Web designers and developers adopt Drupal, they need ways to quickly customize the visuals and interactivity of their sites. Drupal offers powerful tools for doing so, but little guidance on using them effectively. Front End Drupal is the solution. In this book, two expert Drupal developers cover everything you need to know to create great visual designs and state-of-the-art interactivity with Drupal’s behaviors, themes, and templates. Front End Drupal is 100% focused on issues of site design, behavior, usability, and management. The authors show how to style Drupal sites, make the most of Drupal’s powerful templating system, build sophisticated community sites, streamline site management, and build more portable, flexible themes. You’ll also gain hands-on experience through several case studies that walk you through the customization of everything from page templates to Web site forums. Prepare and organize content so it’s easier to integrate into Drupal Web sites Structure Drupal page templates that are easy to work with Configure Drupal with the modules and browser tools you need to customize your site Utilize Drupal’s Starter Themes and themes converted from WordPress, Joomla!TM, and Drupal 5.x Maximize the power and usability of Drupal’s content editing forms Build usable community sites with user profiles, comments, and user-generated content Use JavaScriptTM to make your themes interactive and to enhance usability Create powerful animations and AJAX callbacks with jQuery, Drupal’s JavaScript library About the Web Site The accompanying site, frontenddrupal.com, contains all sample code and themes presented in this book.

Successfully architect a Drupal 8 website that scales to meet project requirements of any size and scope. Starting with a one-chapter review of Drupal basics, you'll dive into deeper topics including software development processes, architecting a Drupal site, scaling Drupal, working effectively with themes, and more. In addition to a thorough discussion of custom module development and how to develop modules as building blocks, you'll also review many common ways of integrating Drupal with other 3rd party systems. Building and maintaining an enterprise-ready Drupal website presents a unique set of challenges and complexities. From development processes and content management to deployments, version control and more, all aspects of Drupal development are impacted when two or more developers are on a project. If you are involved in a Drupal project that requires frequent updates and long-term support from a team of developers, system administrators, and end-users, Enterprise Drupal 8 Development is for you. Whether you're an experienced Drupal developer looking to expand your skills, a systems administrator managing a Drupal project, or a PHP developer new to Drupal, Enterprise Drupal 8 Development will give you the knowledge and inspiration you need to manage large and complex projects. What You'll Learn Architect Drupal for development teams and apply best practices for large Drupal projects Integrate 3rd party applications with Drupal Manage content, code, and configuration across multiple staging environments Build a consistent user experience for administrators and content creators Who This Book Is For The primary audience is intermediate to advanced Drupal developers who are working on large-scale Drupal projects and advanced PHP developers new to Drupal The secondary audience is IT Professionals such as Systems Administrators managing Drupal projects

How can you help your Drupal website continue to perform at the highest level as it grows to meet demand? This comprehensive guide provides best practices, examples, and in-depth explanations for solving several performance and scalability issues. You’ll learn how to apply coding and infrastructure techniques to Drupal internals, application performance, databases, web servers, and performance analysis. Covering Drupal versions 7 and 8, this book is the ideal reference for everything from site deployment to implementing specific technologies such as Varnish, memcache, or Solr. If you have a basic understanding of Drupal and the Linux-Apache-MySQL-PHP (LAMP) stack, you’re ready to get started. Establish a performance baseline and define goals for improvement Optimize your website’s code and front-end performance Get best and worst practices for customizing Drupal core functionality Apply infrastructure design techniques to launch or expand a site Use tools to configure, monitor, and optimize MySQL performance Employ alternative storage and backend search options as your site grows Tune your web servers through httpd and PHP configuration Monitor services and perform load tests to catch problems before they become critical

Gain a clear understanding of the most important concepts in the decoupled CMS landscape. You will learn how to architect and implement decoupled Drupal architectures across the stack—from building the back end and designing APIs to integrating with front-end technologies. You'll also review presenting data through consumer applications in widely adopted technologies such as Angular, Ember, React, and Vue.js. Featuring a foreword by Drupal founder and project lead Dries Buytaert, the first part of this book chronicles the history of the CMS and the server–client divide, analyzes the risks and rewards of decoupled CMS architectures, and presents architectural patterns. From there, the book explores the core and contributed landscape for decoupled Drupal, authentication mechanisms, and the surrounding tooling ecosystem before delving into consumer implementations in a variety of technologies. Finally, a series of chapters on advanced topics feature the Drupal REST plugin system, schemas and generated documentation, and caching. Several projects point to a decoupled future for Drupal, including the Contenta CMS and work to modernize Drupal's JavaScript using React. Begin learning about these and other exciting developments with Decoupled Drupal today. What You’ll Learn Evaluate the risks and rewards of decoupled Drupal and classify its architectures Authenticate requests to Drupal using OAuth, JWT, and Basic Authentication Consume and manipulate Drupal content via API through HTTP requests Integrate with other consumer applications for native mobile and desktop as well as set-top boxes (Roku, Apple TV, Samsung TV) Add new resources to Drupal's REST API using the REST plugin system Generate API documentation that complies with the OpenAPI (Swagger) standard Who This Book Is For Those with some exposure to CMSes like WordPress and Drupal and those who wish to follow along with JavaScript application development will benefit. A familiarity with API-first or services-oriented architectures is helpful but not presumed.

A comprehensive guide to creating Drupal themes from scratch, from design to fully styled websites with custom Twig templates and headless architecture Key Features Explore real-world examples with proven methodologies to gain a deeper insight into the Drupal theme layer Learn how to translate a graphic design into a maintainable and robust Drupal theme Improve performance and accessibility with a decoupled frontend to consume data exposed by Drupal’s APIs Purchase of the print or Kindle book includes a free PDF eBook Book DescriptionWorking 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. With a fully implemented Drupal website on the one hand and a set of Storybook components on the other, you’ll begin by learning to create a theme from scratch to match the desired final layout. Once you’ve set up a local environment, you’ll get familiarized with design systems and learn how to map them to the structures of a Drupal website. Next, you’ll bootstrap your new theme and optimize Drupal’s productivity using tools such as webpack, Tailwind CSS, and Browsersync. As you advance, you’ll delve into all the theme layers in a step-by-step way, starting from how Drupal builds an HTML page to where the template files are and how to add custom CSS and JavaScript. You’ll also discover how to leverage all the Drupal APIs to implement robust and maintainable themes without reinventing the wheel, but by following best practices and methodologies. Toward the end, you’ll find out how to build a fully decoupled website using json:api and Next.js. By the end of this book, you’ll be able to confidently build custom Drupal themes to deliver state-of-the-art websites and keep ahead of the competition in the modern frontend world.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 Who this book is forIf you are a Drupal backend developer or frontend developer who wants to create Drupal themes that follow industry best practices and are fast and maintainable, this book is for you. Basic knowledge of HTML, CSS, and JavaScript and working knowledge of a CMS are needed to grasp the concepts present in this book.

As Web designers and developers adopt Drupal, they need ways to quickly customize the visuals and interactivity of their sites. Drupal offers powerful tools for doing so, but little guidance on using them effectively. "Front End Drupal "is the solution. In this book, two expert Drupal developers cover everything you need to know to create great visual designs and state-of-the-art interactivity with Drupal's behaviors, themes, and templates. "Front End Drupal "is 100% focused on issues of site design, behavior, usability, and management. The authors show how to style Drupal sites, make the most of Drupal's powerful templating system, build sophisticated community sites, streamline site management, and build more portable, flexible themes. You'll also gain hands-on experience through several case studies that walk you through the customization of everything from page templates to Web site forums.

Harness the power of Drupal 8 to create enterprise-grade, highly scalable websites About This Book Build complete, complex websites with no prior knowledge of web development entirely using the intuitive Drupal user interface Ensure your sites are modern, responsive and mobile-friendly through utilizing the full features available in Drupal 8 Quickly master theme administration, custom block layouts, views, and the Twig template structure Who This Book Is For This course is suitable for web developers, designers, as well as web administrators who are keen on building modern, scalable websites using Drupal 8 and its wide range of new features What You Will Learn Set up a local “stack” development environment and install your first Drupal 8 site Find out what is available in the Drupal 8 core Integrate third-party front-end and back-end libraries with Drupal Understand the plugin system that powers many of Drupal 8's new APIs to extend its functionality Build custom block layouts with reusable and fieldable blocks Work with the new Twig PHP templating engine Develop a theme from scratch following a step-by-step project outline In Detail This Drupal 8 course takes you through the journey of building, extending, and customizing websites to build highly scalable and enterprise-ready websites. The first part—Learning Drupal 8—takes you step by step through building a Drupal 8 website. You will start with the basics, such as setting up a local “stack” development environment and installing your first Drupal 8 site, then we move on to image and media handling and extending Drupal modules. This section will help you get to grips with the modular nature of Drupal, and you'll learn how to extend it by adding new functionalities to create your new modules. After learning to develop and manage a modern and responsive website using Drupal 8, you'll start exploring different techniques to take advantage of the new Drupal 8 features. The next module—Drupal 8 Development Cookbook—is your go-to guide to experimenting with all of Drupal 8's features through helpful recipes. You will explore techniques to customize and configure the Drupal environment, create blocks and custom modules, as well as make your web apps responsive by harnessing the mobile-first feature of Drupal 8. This module will also show you how to incorporate multilingual facilities in your sites, use web services and third-party plugins with your applications from inside Drupal 8, and test and deploy your apps. In the third part—Drupal 8 Theming with Twig—you will master Drupal 8's new Twig templating engine to customize the look and feel of your website. This section will walk you through a real-world project to create a Twig theme from concept to completion while adopting best practices to implement CSS frameworks and JavaScript libraries. You will see just how quick and easy it is to create beautiful, responsive Drupal 8 websites while avoiding the common mistakes that many front-end developers make. By the end, you will have learned how to develop, manage, extend, and customize an enterprise-level website. This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products: Learning Drupal 8 by Nick Abbott and Richard Jones Drupal 8 Development Cookbook by Matt Glaman Drupal 8 Theming with Twig by Chaz Chumley Style and approach This course offers a thorough coverage of developing, managing, extending, and designing highly scalable websites using the Drupal 8 platform. Filled with practical examples and recipes, this course is a great combination of example-driven learning complemented by interesting techniques to take advantage of the Drupal platform.

Guidance for administrators, content managers and web publishers on using Drupal for content management Start building and managing web sites with the open-source content management system Drupal 7 and this in-depth guide. Whether you're new to Drupal or migrating from another system, you'll find the tips and techniques you need to understand Drupal, create a new web site, or manage an existing one. Learn how to create, modify, and delete items-and much more-with the detailed tutorials in this step-by-step guide. Teaches you how to use a Drupal site, as well as how to set up, configure, and customize a new site, including obtaining code and deploying it to a server Covers advanced topics like multilingual content management, publishing workflows, or Views and Panels Shows you how to work with Drupal 7's new fields and custom content types Get on the Drupal bandwagon with this complete guide.