Episode 41 • Making websites with October CMS

Ajax Frontend Filters

In this episode we are going to use Octobers Ajax framework to filter our movies by genre and year.

This episode is going to serve as a starting point for next few episodes where we will be doing sorting, searching and pagination. That is why this episode is so long. I promise the next few episodes will be much shorter.

As you know we already did Frontend Filters two episodes ago, and now we are doing the same thing, but this time we will be using Octobers Ajax framework so that our page does not need to refresh every time we want to filter out some data.

To achieve this we will be using HTML, CSS and of course PHP and just a pinch of JavaScript and jQuery.

Download code
  • Episode 01 • Duration 12:09

    Installing October CMS

  • Episode 02 • Duration 21:44

    Basic Concepts

  • Episode 03 • Duration 09:18

    Creating Themes

  • Episode 04 • Duration 16:56

    Setting Up Laravel Elixir

  • Episode 05 • Duration 19:12

    Builder Plugin Overview

  • Episode 06 • Duration 11:11

    Basic Templating

  • Episode 07 • Duration 10:27

    Displaying Lists and Details

  • Episode 08 • Duration 08:17

    Slugs And Pagination

  • Episode 09 • Duration 14:57

    Images And Galleries

  • Episode 10 • Duration 17:25

    Relations

  • Episode 11 • Duration 07:35

    Inverse Relations

  • Episode 12 • Duration 09:26

    Repeater field

  • Episode 13 • Duration 19:54

    Creating Custom Form Widgets

  • Episode 14 • Duration 32:16

    Saving Form Widget Data

  • Episode 15 • Duration 15:23

    Creating New Data via Form Widget

  • Episode 16 • Duration 11:30

    Creating a Simple Component

  • Episode 17 • Duration 15:48

    Adding Options to Components

  • Episode 18 • Duration 27:00

    Creating Contact Form

  • Episode 19 • Duration 10:25

    Form validation

  • Episode 20 • Duration 13:17

    Frontend Forms

  • Episode 21 • Duration 19:12

    Users

  • Episode 22 • Duration 17:36

    Ajax Form Validation

  • Episode 23 • Duration 16:41

    Extending User Plugin

  • Episode 24 • Duration 10:53

    Extending User Plugin - Frontend

  • Episode 25 • Duration 09:52

    NEW! Ajax Form Validation

  • Episode 26 • Duration 10:34

    Uploading Images From Frontend

  • Episode 27 • Duration 15:39

    Seeding With Faker

  • Episode 28 • Duration 13:46

    Search

  • Episode 29 • Duration 22:30

    PHP block

  • Episode 30 • Duration 11:42

    Seeding With Routes

  • Episode 31 • Duration 10:55

    Success and Error Messages in Forms

  • Episode 32 • Duration 15:53

    Groups and Permissions

  • Episode 33 • Duration 16:41

    Static Pages and Menus

  • Episode 34 • Duration 15:50

    Backend Lists

  • Episode 35 • Duration 12:08

    Backend Filters

  • Episode 36 • Duration 22:21

    Relation Manager

  • Episode 37 • Duration 25:29

    Laravel Mix and Webpack

  • Episode 38 • Duration 10:52

    Creating Sitemap.xml

  • Episode 39 • Duration 32:07

    Frontend Filters

  • Episode 40 • Duration 05:24

    Semantic UI

  • Episode 41 • Duration 34:13

    Ajax Frontend Filters

  • Episode 01 • Duration 12:09

    Installing October CMS

  • Episode 02 • Duration 21:44

    Basic Concepts

  • Episode 03 • Duration 09:18

    Creating Themes

  • Episode 04 • Duration 16:56

    Setting Up Laravel Elixir

  • Episode 05 • Duration 19:12

    Builder Plugin Overview

  • Episode 06 • Duration 11:11

    Basic Templating

  • Episode 07 • Duration 10:27

    Displaying Lists and Details

  • Episode 08 • Duration 08:17

    Slugs And Pagination

  • Episode 09 • Duration 14:57

    Images And Galleries

  • Episode 10 • Duration 17:25

    Relations

  • Episode 11 • Duration 07:35

    Inverse Relations

  • Episode 12 • Duration 09:26

    Repeater field

  • Episode 13 • Duration 19:54

    Creating Custom Form Widgets

  • Episode 14 • Duration 32:16

    Saving Form Widget Data

  • Episode 15 • Duration 15:23

    Creating New Data via Form Widget

  • Episode 16 • Duration 11:30

    Creating a Simple Component

  • Episode 17 • Duration 15:48

    Adding Options to Components

  • Episode 18 • Duration 27:00

    Creating Contact Form

  • Episode 19 • Duration 10:25

    Form validation

  • Episode 20 • Duration 13:17

    Frontend Forms

  • Episode 21 • Duration 19:12

    Users

  • Episode 22 • Duration 17:36

    Ajax Form Validation

  • Episode 23 • Duration 16:41

    Extending User Plugin

  • Episode 24 • Duration 10:53

    Extending User Plugin - Frontend

  • Episode 25 • Duration 09:52

    NEW! Ajax Form Validation

  • Episode 26 • Duration 10:34

    Uploading Images From Frontend

  • Episode 27 • Duration 15:39

    Seeding With Faker

  • Episode 28 • Duration 13:46

    Search

  • Episode 29 • Duration 22:30

    PHP block

  • Episode 30 • Duration 11:42

    Seeding With Routes

  • Episode 31 • Duration 10:55

    Success and Error Messages in Forms

  • Episode 32 • Duration 15:53

    Groups and Permissions

  • Episode 33 • Duration 16:41

    Static Pages and Menus

  • Episode 34 • Duration 15:50

    Backend Lists

  • Episode 35 • Duration 12:08

    Backend Filters

  • Episode 36 • Duration 22:21

    Relation Manager

  • Episode 37 • Duration 25:29

    Laravel Mix and Webpack

  • Episode 38 • Duration 10:52

    Creating Sitemap.xml

  • Episode 39 • Duration 32:07

    Frontend Filters

  • Episode 40 • Duration 05:24

    Semantic UI

  • Episode 41 • Duration 34:13

    Ajax Frontend Filters