Coding a Category Listing in Craft CMS

With the setup done, let's expose those categories on the front-end of the site.

Here are all of the videos in Up and Running with Craft CMS 3:

1 Introduction to the Course Let's take a minute to chat about what we'll learn in this course. 01:52
2 What We'll Cover A run-down of what you'll learn in this course. 02:38
3 What We're Building with Craft CMS Introducing Crafty Coffee, the sample site we'll build in this course. 02:08
4 Minimum Requirements for Installing Craft CMS 3 What you need in order to install Craft CMS version 3. 03:49
5 Craft CMS Licensing Options A look at the new licensing options in Craft 3. 02:31
6 What is Composer? Before we jump in and install Composer let's review what it is. 03:25
7 How to Install Composer The steps to take to get Composer installed. 03:18
8 Installing Craft CMS with Composer Now that we have Composer installed, let's install Craft with Composer and run the setup. 06:16
9 Running Craft CMS Setup in the Browser Previously we used the command line to set up Craft but it's also possible to do it right in the web browser. 03:14
10 What is a .env file for? Craft 3 uses .env files for storing environment-specific information (like database connection info). Here's the skinny on .env. 04:45
11 Touring the Craft CMS Control Panel A quick jaunt around the Craft Control Panel gets us familiar with our surroundings before we jump into building our website. 04:53
12 Touring the Craft CMS Files & Directories We also need to know the locations of important files and directories so we know where to go while building our website. 04:59
13 Securing Craft CMS A quick and easy way to secure your Craft installation is to change the cpTrigger word from the default "admin" to something else. 02:20
14 Intro to Craft CMS Plugins What are plugins and how do you install them? 06:10
15 What is devMode in Craft CMS? We'll review devMode and how it works. 03:52
16 Yii Debug Toolbar in Craft CMS New in Craft 3 is the Yii Debug toolbar, which makes it easy to monitor our Craft site stats while we work. 04:06
17 The Pieces of Craft CMS Before we build let's learn the different pieces that make up a Craft-powered website. 03:36
18 Moving Assets to the Project One final step before we can build our site: getting our assets moved over so our templates render properly. 01:46
19 Defining Sections and Fields in Craft CMS We define our content as Sections and Fields. 06:26
20 Creating Sections and Fields in Craft CMS We jump in to the Control Panel and start defining our site Sections and Fields. 15:27
21 Creating Publish Layouts in Craft CMS We organize our fields into Publish Layouts. 04:11
22 Creating Singles Sections in Craft CMS Singles are one type of Section in Craft. Let's create one for our our homepage. 02:12
23 Creating Assets Volumes in Craft CMS We need to be able to store images for our site. Let's create an Asset Volume in Craft. 09:18
24 Creating a Structure Section in Craft CMS Structures are another section type in Craft. We'll create one to hold some of our site pages. 05:08
25 On Your Own: Review Let's review the work you did on your own. 02:49
26 Introduction to Coding Templates with Twig in Craft CMS We're ready to code templates! Let's review what it'll take. 01:08
27 Introduction to Twig Craft uses Twig as its templating engine. This is a brief introduction to Twig. It's just enough to get us started so we can continue building our Crafty Coffee website. 04:37
28 Layouts and Blocks in Twig and Craft CMS It's important to reuse template code where possible so we introduce the concepts of Layouts and Blocks in Twig and Craft. 08:43
29 Coding Entry Listings We code the entry listings on the homepage so our content displays. 15:54
30 Coding an Entry Template in Craft CMS We code the single entry templates for our content where we can view individual entries. 10:11
31 On Your Own: Review Let's review the work you did on your own. 03:02
32 On Your Own: Section Listing You're back on your own again! it's important to practice concepts on your as you learn them. 01:52
33 Reviewing Your Work: Coding Section Listing Pages Let's walk through how to create the section listing pages for the site. 08:29
34 Structure Section Entry Template The Structure section also needs an individual entry view. so let's create that now. 07:11
35 Setting Up a Matrix Field in Craft CMS It's the powerful Matrix field. One of my favorite fields to work with. Let's set up the field in the Control Panel. 15:44
36 Coding a Matrix Field Now that we have the field set up, let's code it in the template. We'll learn about how to output blocks using the Switch tag in Craft. 20:20
37 Setting Up Categories in Craft CMS We want to categorize our Drinks and Recipes entries so let's set up some categories and a category group. 06:53
38 Coding a Category Listing in Craft CMS With the setup done, let's expose those categories on the front-end of the site. 05:35
39 Coding a Category Index A list of categories would be helpful to our site visitors so we'll create that now. 06:00
40 Relating Entries in Craft CMS In Craft you can relate one entry to another using the Entries field. Let's set up an Entries field, creating a relationship and then code it in the template. 04:55
41 Coding Wrap-Up We'll tie up a few loose ends and wrap up our coding. We're almost done! 01:11
42 You Did It! Holy cow, you. made it! That was fun and you have the accomplishment of building your first site with Craft CMS. Congratulations! 01:01

More you should learn about Craft CMS:

Dozens of Courses Are Waiting

Invest in yourself, your career, and your ability to take knowledge and use it grow your business or earning potential.

Get everything in the catalog plus new videos every week. Just by signing up you get immediate access to hundreds of hours of learning.

Start CraftQuest

Image

Copyright 2021 Mijingo, LLC