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.5 (87 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.
771 students enrolled
$19
$100
81% off
Take This Course
  • Lectures 42
  • Length 5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course 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


What are the 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

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Introduction
01:05

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

03:30

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.

05:08

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

05:04

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

Section 2: Project 1 - Build Contact Manager Application
03:08

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

07:14

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

07:05

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

07:20

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

07:19

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

08:55

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.

11:38

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

06:26

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.

09:30

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

10:34

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.

06:30

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

06:35

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

07:11

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

10:01

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.

03:55

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

08:02

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.

06:14

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

10:35

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

04:18

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

04:36

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

Section 3: Project 2 - Build AJAX Todo Application
02:42

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

17:10

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

12:35

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

05:34

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.

08:52

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

07:16

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

03:59

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

04:47

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

08:56

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

04:39

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

08:29

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

08:19

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.

07:54

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

07:57

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.

13:34

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.

12:28

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

09:02

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

04:18

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Eding Muhamad Saprudin, 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.

Ready to start learning?
Take This Course