Building Modern Websites with Drupal 8 and Bootstrap 4

Name: Building Modern Websites with Drupal 8 and Bootstrap 4
Rating: 4.5 (183 reviews)

A Complete Guide to Building Drupal 8 Websites with Bootstrap 4!

Created byZane Sensenig

Last updated 3/2020

English

English [Auto],

What you'll learn

Building Modern Websites with Drupal 8 and Bootstrap 4

Course content

5 sections • 15 lectures • 2h 52m total length

An Introduction to the Course1:56
Explore building modern websites with Drupal 8 and Bootstrap 4, covering content types, views, blocks, theming Twig files, CSS, and debugging with the Chrome web inspector.
Project Resources0:06
Creating our Development Environment6:22
Set up your Drupal development environment with Visual Studio Code and a terminal, and compare local options from SiteGround’s one-click installer to Acquire Dev Desktop for Drupal development.
BONUS: Installing Drupal 8 using SiteGround8:02
Discover how to install Drupal 8 quickly with SiteGround’s one-click installer, bypassing complex setup and using a staging domain for rapid, secure development.

Installing the Bootstrap 4 and Adminimal Themes13:01
Install Bootstrap 4 and the adminimal admin theme in Drupal, configure basic site settings, enable a modern admin interface, and customize the navigation bar for a cleaner look.
Installing Modules19:52
Learn Drupal 8 module fundamentals by comparing core versus contributed modules and installing them with two methods, including composer for dependencies like token, ctools, and path auto.
Building the Content Pages16:29
Learn to build basic pages in Drupal 8 using the basic page content type, set up URL aliases with path auto, and style tables with Bootstrap 4 classes.
Creating the Navigation Menu and the Meaning of Blocks6:27
Create and organize the main navigation in Drupal 8 by adding menu links, arranging the order, and using blocks and regions to control header elements while disabling unused blocks.

CSS, Logo and Typography15:53
Learn to establish site typography by importing Google fonts and applying Montserrat and Debus Noah's, then customize the logo and font weights with a css file and cache flush.
Theming the Page Content Type22:44
Theming a Drupal 8 page content type by adding a banner image field, aligning navigation to the right, and rendering a title over the banner with Twig and Bootstrap.
Building the Recipes Content Type17:09
Create a custom recipes content type in Drupal 8, add directions, ingredients, nutrition facts, original recipe link, and photo, and configure path aliases and display options.

Utilizing Drupal Views to Create a Recipes List10:54
Learn to build a dynamic recipes list in Drupal 8 using views: fetch and display recipe titles, images, and descriptions as a block, with visibility control on the recipes page.
Making the Recipes Display List11:36
Transform a Drupal view list into a Bootstrap 4 media object by using tokens and a custom text field to dynamically render titles, bodies, and images with responsive styling.
Creating the Homepage20:44
Theme the home page in Drupal by removing the front-page banner and adding a full-width Bootstrap carousel in a new highlighted region, with captions and a bottom jumbotron.

Requirements

A computer, internet access, and a web browser such as Google Chrome

Description

Drupal is the second largest CMS in the world, currently hosting over 500,000 live websites — historically, there have been over 1 million installs of Drupal since its inception. Now is the time to level up your skills — it’s not going away anytime soon!

What to Expect from this Course

In this course we will be building a Vegan Coffee Shop website called Elaine's using Drupal 8 and the Bootstrap 4 frontend framework. Along the way we will cover:

How to build Content Types in Drupal
Installing Modules and Themes for Beginners and Advanced Users
Using Drupal Views to create a powerful backend
How to use Bootstrap 4 as a theme in Drupal
The basics of theming using Twig and CSS

At the end of this course, you will have the skills necessary to build modern websites using Drupal 8 AND a ready-to-use template. Thanks so much for learning with me!

Who this course is for:

Web Designers and Developers of all Skill Levels

Building Modern Websites with Drupal 8 and Bootstrap 4

What you'll learn

Explore related topics

Course content

Introduction and Getting Started4 lectures • 16min

Site Building with Bootstrap 4, Modules, and Content Types4 lectures • 56min

Theming with Drupal 8, Twig, and Bootstrap 43 lectures • 56min

Drupal 8 Views and Building the Homepage3 lectures • 43min

Closing Thoughts1 lecture • 1min

Requirements

Description

Who this course is for: