CRUD With AJAX and Rails 6

CRUD With AJAX and Rails 6 - Introduction

This is our first mini-course on the implementation of CRUD using AJAX and Rails 6. We will implement AJAX with rails 6 and using Twitter Bootstrap(version 5), Popper.js and JQuery. In this mini-course you will learn the basics of rails, serving assets using webpacker, using ruby gems and many more thing.

CRUD With AJAX and Rails 6 - Part 1

In this video we will see how to create a fresh new rails application and how to add our own custom controller and replace default welcome page with our own.

CRUD With AJAX and Rails 6 - Part 2.1

In this video, we will see How to install Twitter Bootstrap 5, Jquery, PopperJs using yarn and configure webpacker.

CRUD With AJAX and Rails 6 - Part 2.2

In this video we will see how we can use partials in rails. We will add header and footer partial with some bootstrap styles. This way you can learn how to create, organize and render partials in your application.

CRUD With AJAX and Rails 6 - Part 2.3

In this video, we will add some bootstrap classes to our home page and make it better.

CRUD With AJAX and Rails 6 - Part 3.1

In Part 3 of our series, we will learn about the MVC architecture of rails, Rails scaffolding, Model validations, and generating fake data using faker ruby gem. In this video, we will know about MVC architecture and its work in detail.

CRUD With AJAX and Rails 6 - Part 3.2

In this video, we will add our first resource using scaffolding.A scaffold is a set of automatically generated files that forms the basic structure of a Rails.

CRUD With AJAX and Rails 6 - Part 3.3

In this video, we will add validations to the same resource which was added in the last lecture. Validations are important in handling business logic in a better way. Please go through the entire video and you will learn how to add validations in the rails model.

CRUD With AJAX and Rails 6 - Part 3.4

In this video, we will see how to use ruby gems in a rails application. We will use "faker" gem for generating fake/dummy data. This dummy data can be important in various cases. The main objective of this video is to avoid record creation manually.

CRUD With AJAX and Rails 6 - Part 4

In this video, we will add bootstrap elements to our resource view pages. We will design index, new, edit and show pages for users using the bootstrap grid system.

CRUD With AJAX and Rails 6 - Part 5

In this part of video, we will learn about AJAX and their pros and cons. Please go through all videos of this part and you will learn how to implement CRUD using AJAX.

CRUD With AJAX and Rails 6 - Part 5.1

In this video, we will implement AJAX for creating a new user. Here we will replace the new user form with a bootstrap 5 modal popup. You will see how to open a bootstrap5 modal and render form partial into that modal.

CRUD With AJAX and Rails 6 - Part 5.2

In this video, we will implement AJAX for updating an existing user. Here we will replace the edit user form with a bootstrap 5 modal popup. Just like creating a new user with AJAX, you will see how to open a bootstrap5 modal and render form partial for editing an existing user into that modal.

CRUD With AJAX and Rails 6 - Part 5.3

In this video, we will implement AJAX for showing user details. Here we will replace the show page for user into a bootstrap 5 modal popup. Just like creating and updating a user with AJAX, you will see how to open a bootstrap5 modal and render partial for showing user details into that modal.

CRUD With AJAX and Rails 6 - Part 5.4

In this video, we will implement AJAX for deleting an existing user. We will also see how to return response when request come as AJAX(JS) to a rails controller.

CRUD With AJAX and Rails 6 - Part 5.5

So far we have implemented all CRUD actions using AJAX. But we have not handled validation errors inside the bootstrap modal form while creating and updating a user. In this video, we will handle these validation errors and display them into bootstrap5 modal.

CRUD With AJAX and Rails 6 - Part 6

In this part of our mini-course series, Here we will remove unused files and conclude this course.