Ruby on Rails 5 Masterclass: Build Ajax web app from scratch

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Getting started with Rails

Lecture 1: Create New Rails Application

Lecture 2: Database Configuration

Chapter 3: Working with Database

Lecture 1: Using Database Migration to create Contacts and Groups Tables

Lecture 2: Specify the column length when working with Migration

Lecture 3: Populate Data in contacts and groups tables using Seed

Chapter 4: Route, Controller and Views

Lecture 1: Introducing to Rails Route, Controller and Views

Lecture 2: Instegrated Bootstrap to Rails

Chapter 5: Presenting Data

Lecture 1: Display All Contacts

Lecture 2: Display All Contacts Using Collection Rendering

Lecture 3: Show No Record Found Alert

Lecture 4: Show Contact's Avatar

Lecture 5: Pagination – Part 1

Lecture 6: Pagination – Part 2

Lecture 7: Display all contact groups from database to the sidebar

Lecture 8: Mark the selected link

Lecture 9: Make the links working

Chapter 6: Working with Form

Lecture 1: Building a form

Lecture 2: Saving the contact data to database

Lecture 3: Validate data before saving

Lecture 4: Utilize The Rails Form Helper

Lecture 5: Make the form to be able to update contact data

Chapter 7: File Upload

Lecture 1: Uploading and resizing Image with paperclip gem

Lecture 2: Set The Default Image (Alternative)

Lecture 3: Fix the Form's Image Preview

Chapter 8: Building a Search Form

Lecture 1: Adding Delete Contact Feature

Lecture 2: Code Refactor

Lecture 3: Fix The Selected sidebar group's link before and after saving

Lecture 4: Adding a search form feature – Part 1 (Building a Search Form)

Lecture 5: Adding a search form feature – Part 2 (Code Refactor)

Lecture 6: Adding a search form feature – Part 3 (Using Active Record Scope)

Lecture 7: Adding a search form feature – Part 4 (Misc)

Chapter 9: Working with AJAX

Lecture 1: Autocomplete

Lecture 2: Utilize Jbuilder to handle JSON response

Lecture 3: Implementing AJAX to validate new contact group

Lecture 4: Implementing AJAX to create new contact group

Lecture 5: Implementing AJAX to add the newly created contact group to the form

Chapter 10: Authentication

Lecture 1: Install and configure Devise gem

Lecture 2: Customizing Navbar in the Application Layout

Lecture 3: Customizing Devise's Forms Style

Lecture 4: Fix The current user's name

Lecture 5: Creating a helper to indicate active menu item

Lecture 6: Customize Devise's redirection hook

Lecture 7: Customizing Devise Default Route

Lecture 8: Customize Devise's edit user form

Chapter 11: Authorization

Lecture 1: Adding User reference to contacts and groups table

Lecture 2: Modify the seeds to fill user reference in contacts and groups table

Lecture 3: Display only the current user's contacts & groups

Lecture 4: Authorize actions

Chapter 12: Customise Application Views

Lecture 1: Customize the Home and Dashboard view

Lecture 2: Customize Error Pages

Lecture 3: Customize Validation Errors

Lecture 4: Customize Flash Messages

Chapter 13: Advance AJAX Techniques (Build AJAX CRUD)

Lecture 1: AJAXify the Pagination, Table & Search Form

Lecture 2: Using pushState to update URL

Lecture 3: AJAXify the sidebar

Lecture 4: AJAXify the Form – Part 1 (Create Ajax Form Modal)

Lecture 5: AJAXify the Form – Part 2 (Make the form working with or without ajax)

Lecture 6: AJAXify the Form – Part 3 (Fix the add group button functionality)

Lecture 7: AJAXify the Form – Part 4 (Saving the new contact with Ajax)

Lecture 8: Fix the sidebar and pagination issues after new contact added

Lecture 9: Fix the contacts table & Pagination Link's URL issues after new contact added

Lecture 10: Make the Ajax Form Modal able to update existing contact

Lecture 11: AJAXify the contact deletion

Lecture 12: Replace native confirmation dialog with bootstrap modal dialog

Lecture 13: Ajax File Upload

Lecture 14: Adding Ajax spin to Rails application

Lecture 15: Future Lectures