This video is waiting for you...

but it's only available with a free CraftQuest account. Get access to this video and dozens more.

Up and Running with Craft 3

Name: Mijingo, LLC
Price range: $

Reviewing Your Work: Coding Section Listing Pages

Let's walk through how to create the section listing pages for the site.

Course Videos

Here are all of the videos in Up and Running with Craft 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	Introducing Crafty Coffee, the sample site we'll build in this course.	02:08
4	Minimum Requirements for Installing Craft 3	What you need in order to install Craft CMS version 3.	03:49
5	Craft 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	Installing Composer	The steps to take to get Composer installed.	03:18
8	Installing Craft with Composer	Now that we have Composer installed, let's install Craft with Composer and run the setup.	06:16
9	Running Craft 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 .env?	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 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 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	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 Plugins	What are plugins and how do you install them?	06:10
15	What is devMode?	We'll review devMode and how it works.	03:52
16	Yii Debug Toolbar	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	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	We define our content as Sections and Fields.	06:26
20	Creating Sections and Fields	We jump in to the Control Panel and start defining our site Sections and Fields.	15:27
21	Creating Publish Layouts	We organize our fields into Publish Layouts.	04:11
22	Creating Singles Sections	Singles are one type of Section in Craft. Let's create one for our our homepage.	02:12
23	Creating Assets Volumes	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	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	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	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	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	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	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	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 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

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