Up and Running with Craft CMS 3

This course covers the basics you need to know when getting started with Craft CMS 3. Learn how to install Craft, how to configure a site in the Control Panel, best practices for templates, the basics of using Twig, and how to use special fields like Matrix, Categories, and Entries. It's the getting started guide you need!

This free course requires only a free CraftQuest account to complete.

Start Course
Ryan Irelan

I am the creator of CraftQuest, a web developer, and former software team manager. I spend most of my time improving CraftQuest with code and courses. When I'm not in front of the computer, I spend my time with my family, and running on the roads and trails of Austin, TX.

Up and Running with Craft CMS 3 is made up of the following videos:

1Introduction to the CourseLet's take a minute to chat about what we'll learn in this course. 01:52
2What We'll CoverA run-down of what you'll learn in this course. 02:38
3What We're Building with Craft CMSIntroducing Crafty Coffee, the sample site we'll build in this course. 02:08
4Minimum Requirements for Installing Craft CMS 3What you need in order to install Craft CMS version 3. 03:49
5Craft CMS Licensing OptionsA look at the new licensing options in Craft 3. 02:31
6What is Composer?Before we jump in and install Composer let's review what it is. 03:25
7How to Install ComposerThe steps to take to get Composer installed. 03:18
8Installing Craft CMS with ComposerNow that we have Composer installed, let's install Craft with Composer and run the setup. 06:16
9Running Craft CMS Setup in the BrowserPreviously we used the command line to set up Craft but it's also possible to do it right in the web browser. 03:14
10What 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
11Touring the Craft CMS Control PanelA quick jaunt around the Craft Control Panel gets us familiar with our surroundings before we jump into building our website. 04:53
12Touring the Craft CMS Files & DirectoriesWe also need to know the locations of important files and directories so we know where to go while building our website. 04:59
13Securing Craft CMSA quick and easy way to secure your Craft installation is to change the cpTrigger word from the default "admin" to something else. 02:20
14Intro to Craft CMS PluginsWhat are plugins and how do you install them? 06:10
15What is devMode in Craft CMS?We'll review devMode and how it works. 03:52
16Yii Debug Toolbar in Craft CMSNew in Craft 3 is the Yii Debug toolbar, which makes it easy to monitor our Craft site stats while we work. 04:06
17The Pieces of Craft CMSBefore we build let's learn the different pieces that make up a Craft-powered website. 03:36
18Moving Assets to the ProjectOne final step before we can build our site: getting our assets moved over so our templates render properly. 01:46
19Defining Sections and Fields in Craft CMSWe define our content as Sections and Fields. 06:26
20Creating Sections and Fields in Craft CMSWe jump in to the Control Panel and start defining our site Sections and Fields. 15:27
21Creating Publish Layouts in Craft CMSWe organize our fields into Publish Layouts. 04:11
22Creating Singles Sections in Craft CMSSingles are one type of Section in Craft. Let's create one for our our homepage. 02:12
23Creating Assets Volumes in Craft CMSWe need to be able to store images for our site. Let's create an Asset Volume in Craft. 09:18
24Creating a Structure Section in Craft CMSStructures are another section type in Craft. We'll create one to hold some of our site pages. 05:08
25On Your Own: ReviewLet's review the work you did on your own. 02:49
26Introduction to Coding Templates with Twig in Craft CMSWe're ready to code templates! Let's review what it'll take. 01:08
27Introduction to TwigCraft 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
28Layouts and Blocks in Twig and Craft CMSIt's important to reuse template code where possible so we introduce the concepts of Layouts and Blocks in Twig and Craft. 08:43
29Coding Entry ListingsWe code the entry listings on the homepage so our content displays. 15:54
30Coding an Entry Template in Craft CMSWe code the single entry templates for our content where we can view individual entries. 10:11
31On Your Own: ReviewLet's review the work you did on your own. 03:02
32On Your Own: Section ListingYou're back on your own again! it's important to practice concepts on your as you learn them. 01:52
33Reviewing Your Work: Coding Section Listing PagesLet's walk through how to create the section listing pages for the site. 08:29
34Structure Section Entry TemplateThe Structure section also needs an individual entry view. so let's create that now. 07:11
35Setting Up a Matrix Field in Craft CMSIt'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
36Coding a Matrix FieldNow 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
37Setting Up Categories in Craft CMSWe want to categorize our Drinks and Recipes entries so let's set up some categories and a category group. 06:53
38Coding a Category Listing in Craft CMSWith the setup done, let's expose those categories on the front-end of the site. 05:35
39Coding a Category IndexA list of categories would be helpful to our site visitors so we'll create that now. 06:00
40Relating Entries in Craft CMSIn 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
41Coding Wrap-UpWe'll tie up a few loose ends and wrap up our coding. We're almost done! 01:11
42You 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