Watch and Learn video series

Tutorial 18

An in depth look at building websites with October CMS created by the talented presenter Ivan Dorić.

Watch and Learn create video tutorials for modern frontend development. They have teamed up with October CMS to create an end-to-end series on developing fully functional websites. The presenter Ivan Dorić has a good understanding of October and Laravel in general, he follows a great pace for beginners. We highly recommend watching this series and here are some relevant links to follow on social media:

Making websites with OctoberCMS Series

This series follows step by step in creating a functional website using October CMS. You'll learn about themes, plugins, components and more.

Part 01 - Installing October CMS

In the first episode you'll be installing October CMS locally on your development machine.

Part 02 - Basic Concepts

Cover some of the basic concepts you should know when using October.

Part 03 - Creating Themes

Themes are the foundation of the front-end and define the entire structure of your website.

Part 04 - Setting Up Laravel Elixir

Optionally, you can install Laravel's build tool called Elixir, we also use Livereload to see changes instantly.

Part 05 - Builder Plugin Overview

Create your first plugin with the Builder plugin. This plugin will act as the custom content type for our website called Movies.

Part 06 - Basic Templating

Back to the theme to make the site look nicer and learn a few tricks along the way.

Part 07 - Displaying Lists and Details

Create a list and detail page for our custom content type Movies.

Part 08 - Slugs And Pagination

Linking pages together and including a pager for navigating page number.

Part 09 - Images And Galleries

Create your very own gallery images and display them on your website.

Part 10 - Relations

Cover the important topic of relationships between models.

Part 11 - Inverse Relations

Comparatively, setting up inverse relationships is equally important.

Part 12 - Repeater field

Use the repeater field for storing data that can be repeated.

Part 13 - Creating Custom Form Widgets

Form widgets let you create custom controls in your back-end area.

Part 14 - Saving Form Widget Data

After creating a form widget, the user input data can be saved to the database.

Part 15 - Creating New Data via Form Widget

Create a new model instance via our form widget.

Part 16 - Creating a Simple Component

October's secret sauce, let's create our first component!

Part 17 - Adding Options to Components

Now we'll add some options to the component to better control the output.

Part 18 - Creating Contact Form

Every website needs a contact form, here we create a form that sends an email using Google's SMTP service.

Part 19 - Form validation

Improve the contact form by adding validation to the input fields.

Part 20 - Frontend Forms

Populating the database with data captured from our front-end form.

Part 21 - Users

Set up user management with registration and sign in forms.

Part 22 - Ajax Form Validation

Returning to form validation, this time with a touch of the AJAX framework.

Part 23 - Extending User Plugin

Adding additional data fields to the user plugin.

Part 24 - Extending User Plugin - Frontend

Capturing user input and saving it to the new fields via the front-end.

Part 25 - NEW! Ajax Form Validation

An overview of the new AJAX form validation features added recently.

Part 26 - Uploading Images From Frontend

How to capture user uploads on the front-end and save them to the database.

Part 27 - Seeding With Faker

Seed the database with dummy data, useful for testing and sample records.

Part 28 - Search

Implement search on your site with the SiteSearch plugin.

comments powered by Disqus