Up and Running with Craft 3

This course covers the basics you need to know to get started using Craft 3 for your website. 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.

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

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