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.
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:
|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|
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.
Ryan walks through some of the most important features of Craft 3.7 (now in beta).
Ryan turns on the recorder and gives a real-time look at updating a Craft CMS 2 site to Craft 3.
Andrew is updating an older Craft 3 sites to use modern web development tools.
We cover Nitro 2, Craft 3.6, the Craft executable, and your questions! The Whole Shebang!
By default, a multi-site Craft installation allows control panel access via every site domain. In this lesson, we disable that by enabling the cpBaseUrl setting in Craft CMS.
How to set up the first-party Contact Form plugin to dynamically support a subject line per multi-site site in Craft CMS.
Ryan walks through the hurdle you might face when trying to update to Craft 3.6 and how to fix your Composer file.