Build Ajax Web Apps with Laravel 5.2, Bootstrap and jQuery
4.1 (134 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,042 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build Ajax Web Apps with Laravel 5.2, Bootstrap and jQuery to your Wishlist.

Add to Wishlist

Build Ajax Web Apps with Laravel 5.2, Bootstrap and jQuery

Learn how to build Real Life Projects with Laravel 5.2 PHP Framework, Bootstrap and jQuery AJAX
4.1 (134 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,042 students enrolled
Last updated 1/2017
English
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Over 2 hours of content
  • Use the artisan command line to make web developement easy and fast
  • Build dynamic web app with effectively
  • you'll have a solid foundation, and be ready to use Laravel for deploying your web applications
View Curriculum
Requirements
  • You should already be familiar with HTML, Javascript and PHP
  • Basic understanding of Bootstrap CSS Framework
  • Download and Install PHP & MySQL
  • Download and Install Text editor like Sublime Text, Atom, Bracket, etc
Description

UPDATED as of June 2016

Learn how to build real life projects using Laravel, one of the most popular PHP framework today. Its has clean and beautiful syntax and make web development a joy.

This is a Laravel Practical Training and during this course we are going to build real life  Ajax Web Apps with Laravel 5.2, Bootstrap and jQuery:

1. Simple Contact Manager Application (Published)

In this first project we are going to lean how to do things like:

  1. Create new contact
  2. Edit and delete existing contact
  3. Basic pagination and custom pagination
  4. Upload the contact photo
  5. Filtering contacts data by selected contact group
  6. Search the contacts
  7. Play with jQuery auto complete
  8. Perform server side validation by AJAX
  9. Saving data with AJAX
  10. Authentication and Authorization
  11. And much more

2. AJAX Todo App (Published)

In this second project we are going to learn how to:

  1. AJAX CRUD for manage Todo Lists
  2. AJAX CRUD for manage tasks of a list
  3. Nested routes
  4. And much more


The course will help you learn:

  • How to use php artisan to generate database migration, database seeder, controller, model, policies, Request
  • How to use Laravel routing
  • How to use Query Builder and Eloquent ORM
  • How to work with Validation and AJAX validation
  • How to use Laravel Blade Templating Engine


Who is the target audience?
  • Anyone who want to learn how to build high quality, secure and maintainable web apps
  • Developers who want to improve their skill or get a better one
  • Anyone who love to learn web development
Students Who Viewed This Course Also Viewed
Curriculum For This Course
44 Lectures
05:11:42
+
Course Introduction
4 Lectures 14:47

In this introduction I show you what we will learn in this course

Preview 01:05

In this lesson I'm going to demonstrate what we will build throughout this course. The first project is simple contact manager. This app allows us manage contact data. The second project is AJAX To do App. This app is used as task manager.

Demo what we will build throughout this course
03:30

In this lesson I'm going to show you how to setup development environment in windows machine

Install local development environment
05:08

In this lesson I'm going to show you how to install composer and laravel installer in windows machine

Install Composer and Laravel Installer
05:04
+
Project 1 - Build Contact Manager Application
21 Lectures 02:27:54

In this lesson we are going to install and setup Laravel project, also learn how to use php build in server

Preview 03:08

In this lesson we are going to learn how to create table schema with database migration

Database Migration
07:14

In this lesson we are going to learn how to use database seeding to generate dummy data

Database Seeding
07:05

In this lesson we are going to learn about application layout and setup Bootstrap CSS framework to make our application look nice.

Create Application Layout
07:20

In this lesson we are going to show all contacts from database to our application. We also learn how to use pagination as well.

Preview 07:19

In this lesson we are going to display contact groups from database to the the sidebar, learn about Eloquent relationship and Filter contacts data by selected group.

Display contact groups in sidebar & Filtering contacts by selected group
08:55

In this lesson we are going to build Form with laravel Form/Html helper so we can create new contact or update existing contact

Create contact Form with Laravel HTML/Form Helper
11:38

In this lesson we are going to learn how to validate data to prevent unwanted data and learn how to save contact data to database as well.

Validate and save Contact data to Database
06:26

In this lesson we are going to learn how to update existing contact

Update Contact
09:30

In this lesson we are going to learn how to upload contact photo to server and save the photo file name to database as well.

Upload Contact Photo
10:34

In this lesson we are going to learn how to delete contact data with related uploaded photo.  Also fix the issue when update photo

Delete the Contact data with related Photo
06:30

In this lesson we are going to add search feature to our contact manager app, so we can find the contact easily.

Create Search Form feature
06:35

In this lesson we are going to add auto complete feature to our  search form. This feature help user choose an options as they're typing

Add autocomplete feature to search form
07:11

In this lesson we are going to add new feature that allow us adding new contact group. this lesson focus how to validate the data before saving by AJAX.

Validate contact group by Ajax
10:01

In this lesson we are going to save valid contact group name to our database by Ajax

Save valid group name by Ajax
03:55

This is the first part of authentication. In this lesson we are going to add authentication system to our application, so that only the right user can access the app.

Securing the application with Authentication
08:02

This is the second part of authentication. In this lesson we are going to tidy up our application layouts

Custom Application Layouts
06:14

In this lesson we are going to make our application multi user support, so authenticated users has their own contacts data.

Make application multi user support - Part 1
10:35

In this lesson we are going to learn about simple authorization by using Policy. we implemented this by protect edit, update and destroy method

Make application multi user support - Part 2
04:18

In this lesson we are going to lean how to custom welcome page, home page and Laravel default error pages

Custom welcom page, home page and error pages
04:36

Fix Search Issue
00:48
+
Project 2 - Build AJAX Todo Application
19 Lectures 02:29:18

A brief overview of what you'll build in this section.

Preview 02:42

In this lesson I'll show you how to build application prototype (navigation, header, todo list items & create new list modal)

Build Application Prototype - Part 1
17:10

In this lesson I'll show you how to build application prototype (task modal)

Build Application Prototype - Part 2
12:35

In this lesson we are going to install new Laravel project, configure database credential, migration and create database seeding to generate some users test data.

Install New Laravel Project and run database seeding
05:34

In this lesson we are going to create our application layouts and generate authentication interfaces as well.

Create Application Layouts
08:52

In this lesson we are going to display all Todo lists from database to our application

Display Todo Lists - Part 1 (Display All)
07:16

In this lesson we are going to display all todo lists that belongs to current user logged in.

Display Todo Lists - Part 2 (Display Todo Lists belongs to current user)
03:59

In this Lesson we are going to Show the Form in bootstrap modal using Ajax

Create New List - Part 1 (Show the Form modal via Ajax)
04:47

In this lesson we are going to validate data by ajax server side validation and saving valid data into database

Create New List - Part 2 (Validation and saving data)
08:56

In this lesson we are going to show Flash message once data save successfully.

Create New List - Part 3 (Show Flash Message)
04:39

In this lesson we are going to add update existing List feature to our Todo List application.

Update Existing List
08:29

In this lesson we are going to add Remove existing List feature to our Todo List application. We'll not using Javascript confirm dialog, instead we'll use Bootstrap modal confirm dialog.

Remove Existing List
08:19

In this lesson we are going to prepare task data by creating Task modal, running migration and modify database seeding.

Display All Tasks - Part 1 (Task model, migration and seeding)
07:54

In this lesson we are going to learn how to display all tasks belongs to a todo list into html partials. We also discuss about lazy loading and eager loading.

Display All Tasks - Part 2 (Task Partial)
07:57

In this lesson we are going to how the html partial that we learn in previous lesson into bootstrap modal via AJAX. We also learn how to make the task filter buttons work. last we'll learn how to count the active tasks.

Display All Tasks - Part 3 (display tasks in modal by ajax, task filter buttons)
13:34

In this lesson we are going to learn how to create New Task in our todo app.

Create New Task
12:28

In this lesson we are going to learn how to mark the task as completed and vice versa

Mark the Task
09:02

In this lesson we are going to learn how to remove the existing Task

Remove The Task
04:18

AJAX Session Expired Checking
00:47
About the Instructor
Eding Muhamad Saprudin
4.4 Average rating
466 Reviews
6,294 Students
5 Courses
Full-stack Web Developer and Instructor

Eding Muhamad is a full-stack developer from Indonesia and have degrees in Computer Science. He mainly works with PHP and builds web apps with PHP frameworks like Codeigniter, Yii and Laravel, as well as Ruby Framework with Ruby on Rails.

Eding is also love teaching. He teaching about object oriented programming with java, data structure and Algorithm with C++, Web programming with PHP in his college as well.