Let's Build A Forum with Laravel and TDD: AJAX Image Uploads

Beep Beep. Subscription Required.

Laracasts is packed full with over 1,500 lessons just like this one.
Sign up to get full access or log in to your account and sit back.

Watch everything for $15/mo Log In

This series has been archived. We instead recommend: Build a Voting App

A series is marked as archived when the content is no longer up-to-date or relevant to most viewers.

Your Teacher | Jeffrey Way

Visit Website

Hi, I'm Jeffrey. I'm the creator of Laracasts and spend most of my days building the site and thinking of new ways to teach confusing concepts. I live in Orlando, Florida with my wife and two kids.

About This Episode

Published on Aug 10th, 2017

If we'd like to use AJAX to update a user's profile image, we'll need to take a few somewhat tricky steps. Don't worry, it's not too rough. When we're done, we'll have seamless integration with instant feedback.

View the source code for this episode on GitHub.

Discuss It

Looking for the archived Disqus comments?

Episodes

Initial Database Setup With Seeding

7:59
Test-Driving Threads

9:26
A Thread Can Have Replies

9:09
A User May Respond to Threads

17:39
The Reply Form

5:14
A User May Publish Threads

6:13
Let's Make Some Testing Helpers

5:43
The Exception Handling Conundrum

7:54
A Thread Should Be Assigned a Channel

14:12
How to Test Validation Errors

10:41
Users Can Filter Threads By Channel

13:25
Validation Errors and Old Data

8:24
Extracting to View Composers

3:00
A User Can Filter All Threads By Username

7:37
A Lesson in Refactoring

18:47
Meta Details and Pagination

9:19
A User Can Filter Threads By Popularity

11:51
A User Can Favorite Replies

15:46
The Favorite Button

7:37
From 56 Queries Down to 2

7:06
Global Scopes and Further Query Reduction

8:28
A User Has a Profile

12:32
A User Can Delete Their Threads

14:07
Authorization With Policies

10:28
How to Construct an Activity Feed with TDD

16:37
How to Construct An Activity Feed with TDD: Part 2

16:21
Extracting Controller Queries to the Model

7:39
The Activity Deletion Bug

5:10
Flash Messaging With Vue

13:59
A User's Activity Feed Should Include Favorited Replies

6:06
Authorized Users Can Delete Replies

7:59
A Vue Reply Component

13:51
Ajaxifying the Delete Button

4:22
A Vue Favorite Component

16:28
Squashing Bugs

8:31
A More Data-centric Approach

21:59
A New Reply Component

11:44
Laravel and Vue Pagination

31:02
A User Can Filter By Unanswered Threads

12:52
Thread Subscriptions: Part 1

10:53
Thread Subscriptions: Part 2

6:17
Thread Subscriptions: Part 3

15:12
Thread Subscriptions: Part 4

25:30
Test Refactoring

6:15
Thread Subscriptions: Part 5

13:22
Refactoring for the Better or Worse?

10:25
Notification Fakes in a Nutshell

5:20
This Thread Has Been Updated Since You Last Read It

15:54
Spam Detection

11:08
Graduating Inspection Methods to Classes

8:52
Spam Detection At All Ports

6:56
Handling Server Exceptions with JavaScript

10:16
Refactoring to Custom Validation

7:20
A User May Not Reply More Than Once Per Minute

15:10
Refactoring to Form Requests

12:03
Mentioned Users Notifications: Part 1

9:28
Mentioned Users Notifications: Part 2

12:14
Don't Forget to Scan Your Files

8:02
Wrap Usernames Within Anchor Tags

7:34
Instant Username Autocompletion

13:19
Instant Username Autocompletion: Part 2

13:33
Basic View Tweaks

7:48
Testing Avatar Uploads

13:50
Testing Avatar Uploads: Part 2

14:04
AJAX Image Uploads

28:03
Trending Threads With Redis

14:49
Isolating Knowledge

12:14
Thread Views: Design #1 - Trait

9:10
Thread Views: Design #2 - Extract Class

8:23
Thread Views: Design #3 - KISS

7:50
Users Must Confirm Their Email Address: #1 - Protection

9:46
Users Must Confirm Their Email Address: #2 - Confirmation

23:06
Users Must Confirm Their Email Address: #3 - Cleanup

15:16
Email Confirmation Loose Ends

8:02
A Thread Should Have a Unique Slug: Part 1

7:25
A Thread Should Have a Unique Slug: Part 2

11:44
We Need a Regression Test

13:29
Mark the Best Reply: Part 1

14:17
Mark the Best Reply: Part 2

7:57
Refactoring Authorization

6:08
Remembering a Best Reply

10:48
Confusing Errors and Solutions

11:08
Thread Authorization

6:40
An Administrator May Lock Any Thread

8:00
An Administrator May Lock Any Thread: Part 2

16:10
An Administrator May Lock Any Thread: Part 3

11:16
An Administrator May Lock Any Thread: Part 4

11:58
From Laravel 5.4 to Laravel 5.5

9:30
Recaptcha

9:32
Recaptcha Refactoring

12:50
A Thread Can Be Updated

13:34
A Thread Can Be Updated: Part 2

12:43
A Thread Can Be Updated: Part 3

15:21
First Class Search: Scout Review

9:06
First Class Search: Implementation

18:10
First Class Search: Faceting and Ranking

5:00
First Class Search: Instant Results

11:50
First Class Search: Forum Integration

11:02
WYSIWYG

15:28
WYSIWYG: Part 2

12:12
Sanitizing is a Must

19:29
Onward

1:58