Courses
Lessons
Livestreams
Topics
Quests
Contact Support
Community
Get Help with Your Project
About CraftQuest
16
27
25
In this course, we learn about a handful of Twig filters, and then use them to solve problems and refactor code in a real project: CraftQuest!
Use Twig and the Craft shortcut syntax in the control panel to create dynamic URLs, titles, and asset subdirectories based on your entry data.
Excerpted from a CraftQuest on Call livestream, watch as Andrew Welch walks through the fundamentals of using arrows functions in Twig.
5 ways to implement site navigation in Craft CMS.
Learn how to build the core templates needed for a simple yet effective front-end member registration process in Craft CMS.
How to create custom Twig filters and functions in Craft CMS.
Follow along with Sprig developer Ben Croker and build a multi-step reactive form with Craft CMS and Sprig.
Create reusable templates that can render content from any section of a site.
Follow along with Sprig developer Ben Croker and build a searchable, sortable, filter-able data table with Sprig. No JavaScript needed!
In this course we’re going to build a component library using Fractal for the Crafty Coffee website using Fractal.
A full introduction to using macros in Twig. Learn how to build a macro, organize macros, pass data into a macro, and more.
Different ways to create content archives in Twig and Craft. Create an archive and learn new Twig chops at the same time!
How to handle dates in Twig and Craft, including date formatting, DateTime objects, date comparisons, and modifying dates.
The full run-down on the Control Flow options in Twig.
The how, what, and why of using Twig in Craft templates.
Learn how to implement the ultimate Twig template stack in Craft. Taught by Ryan Irelan.
Navigation Twig context or scope and how it works.
A walk-thru of how to use the Hyper plugin for managing a list of links.
How the andRelatedTo parameter can make building a content filter much simpler.
How to use the Null Coalescing Operator to simplify conditionals in Twig and Craft CMS.
Learn how to use the new Spaceship Operator (three-way comparison operator) in Twig and Craft CMS.
How to enable auto-completion in your Craft CMS 3 Twig templates in PhpStorm.
Can I set and get cookies right in my Twig templates? Yes, and here's how.
Learn how flash messages in Craft work, including a new change in Craft 3.1.
In this lesson we building a single entry navigation to navigate between entries in a section.
Ryan walks through how to generate URLs in Craft and Twig using Craft provided functions.
We celebrate Thanksgiving by creating a Turkey Trot race event website using Craft CMS and Craft Commerce.
In a previous lesson we worked on how to build a simple search form. For this lesson we'll cover the building blocks for an advanced search form.
Learn how to use Advanced Element Queries in Craft to customize a query and, perhaps, improve performance.
Learn how to set up a custom query in Craft using craft.query().
What is eager loading in Craft CMS and how do we use it? Learn the fundamentals in this lesson.
We use the Craft-specific `group` filter to group together entries by commonly shared data.
In this lesson, we learn how to use the merge filter to combine two sets of data into one.
Sometimes you only need the keys of an array while iterating. Here's how you do it.
Save some space in your templates by using conditionals inline in a for-loop.
How to build a dynamic list of categories that shows the number of entries in each category.
Ryan walks through how to build a simple search feature in a Craft CMS website.
Two ways to use regular expressions in Twig and Craft. One native Twig, one just in Craft.
Let’s review the debugging tools available to us in Twig and Craft.
Looking for key, value arrays in Twig? Hashes are what you need.
I refactor some code on CraftQuest so it uses a macro in a separate file instead of living in the template.
A few different ways you can selectively pass data in an include statement in Twig.
How to use a blocks collection to store and retrieve template code.
Andrew shows how to make Twig macros return values you can manipulate.
Ryan and Andrew go big picture on Twig and then show a clever way to make Twig macros work like functions.
Handy Git tips you probably aren't using, and a look at collections, pluck, and more in Twig!
Ryan and Andrew discuss AI, Laravel Collections in Craft, upgrading CraftQuest, asset transform generation, and more!
Use Twig code in your asset upload path settings field to create dynamic subpaths using related entries.
We compare using Collections vs filters in Twig.
We answer your questions and show how you can customize data inside the Craft CP with Twig and the shortcut syntax.
Andrews leads a tutorial on how and when to use arrow functions in Twig.
Andrew share details of his Twigfield plugin that provides a twig editor field with Twig & Craft API autocomplete
Ryan walks through Laravel Collections and how they're used in Craft CMS 4.
Ryan shows how to deprecate Twig templates and blocks using the deprecated tag and a DIY version.
We discuss how to deprecate templates and blocks in Twig, and answer your questions.
How to create Twig components with automatically scoped styles.
Andrew shows a quick tip using keys as expressions.
What are named arguments in Twig and how can you use them?
What's the difference between a parameter and an argument?
Andrew goes deep on includes in Twig and how you can use them for creating flexible Twig components.
Andrew demonstrates how he uses an extended template to set global variables right in Twig. No PHP required!
Ryan and Andrew answer questions about where to start with front-end tooling, what makes a good Craft CMS hosting provider, and how to create a Twig global variable in Twig.
Andrew and Ryan answer your questions and show how the embed tag in Twig works.
Ben Croker joins Ryan to show how his Sprig plugin makes it easy to add reactivity right in Twig. No JS needed.
Ryan and Andrew demo the new Twig functions map, reduce, and filter, and the new attr function in Craft.
In part 2 of a short series on optimizing images in Craft, Ryan and Andrew continue with their work. This livestream covers ImageOptimize plugin, webp images, and lazy loading.
In part 1 of a short series on optimizing images in Craft, Ryan and Andrew cover a lot ground on why you want to optimize images for different viewports and how that works.
Ryan codes a page module that includes data from multiple sections and data from a Matrix field.