Notification bell This series has been archived.
A series is marked as archived when the content is no longer up-to-date or relevant to most viewers.
Back Button Frameworks
Build "ProjectFlyer" With Me

Build "ProjectFlyer" With Me

In this series, from scratch, you'll come along with me as I build a web app, called "Project Flyer." We'll tackle everything from the domain name purchase, to the deployment.

Intermediate
19 episodes
2h 47m
19
Latest Episode in This Series

Added 4 years ago

Deleting Photos

We can successfully drag and drop any number of photos onto the page, but we don't yet...

Watch
Build "ProjectFlyer" With Me

Build "ProjectFlyer" With Me

In this series, from scratch, you'll come along with me as I build a web app, called "Project Flyer." We'll tackle everything from the domain name purchase, to the deployment.

Begin
19
Latest Episode in This Series

Added 4 years ago

Deleting Photos

We can successfully drag and drop any number of photos onto the page, but we don't yet...

Watch

Your Teacher | Jeffrey Way

https://laracasts.s3.amazonaws.com/avatars/jeffrey-avatar.jpg's avatar
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.
    1. EPISODE 1

      Run Time 1:28

      Free

      To begin our series, we'll purchase the ProjectFlyer.com domain name from Hover.

    2. EPISODE 2

      Run Time 3:26

      Free

      We have the typical work to do first, such as initializing Git, creating our database, and other similar tasks.

    3. EPISODE 3

      Run Time 3:14

      We'll naturally be making use of Laravel Elixir and Gulp in this series, so let's get all of that setup.

    4. EPISODE 4

      Run Time 4:23

      Let's a do a quick bit of "design" on the home page, and then figure out the correct resources for representing our flyers.

    5. EPISODE 5

      Run Time 9:13

      Let's get started on the main flyer form. This is what users will fill out to generate their home landing page.

    6. EPISODE 6

      Run Time 7:26

      We have our form, but we've haven't built up our migrations or models just yet. Let's tackle that.

    7. EPISODE 7

      Run Time 3:32

      If we can't store "photo" as a column on our flyers table, then we'll need to use a "has many" relationship instead. Let's setup that relationship with Eloquent in this episode.

    8. EPISODE 8

      Run Time 9:10

      Let's process the main flyer form. We'll need to apply some validation, persist the flyer, and redirect.

    9. EPISODE 9

      Run Time 20:15

      Let's write an elegant flash messaging API that leverages the Sweet Alert JavaScript library.

    10. EPISODE 10

      Run Time 8:07

      We're about ready to start working on the actual flyer page. Let's begin getting that setup, while preparing the proper URI.

    11. EPISODE 11

      Run Time 25:08

      Let's start tackling the process of allowing users to upload photos for their flyers. It would be great if they could drag and drop a series of images onto the page, so let's make that happen, using Dropzone.js!

    12. EPISODE 12

      Run Time 8:20

      We've decided that you can't create a new flyer, until you've registered. Fair enough. Let's enforce that in this lesson!

    13. EPISODE 13

      Run Time 14:34

      Currently, when a user uploads a set of images, we immediately display them on the main flyer page - regardless of how large they are. Instead, let's use the Intervention library to create a 200x200 thumbnail for each upload.

    14. EPISODE 14

      Run Time 22:20

      At the moment, we haven't written any logic to protect users from others uploading photos to their flyer. We can't have that! In this lesson, I'll demonstrate a number of ways to authorize users.

    15. EPISODE 15

      Run Time 13:13

      Let's continue refactoring our code, as we examine alternative possibilities for structuring things.

    16. Let's continue our review of various ways to structure our code, while making a number of tweaks.

    17. EPISODE 17

      Run Time 11:23

      The truth is that we have to take shortcuts sometimes in these videos. To cram the entire process of building an app down to a few hours is a fairly difficult task. Nonetheless, it's implied that you're testing your code. Let's review what that might look like, using the class we built in the previous episode.

    18. EPISODE 18

      Run Time 2:31

      Right now, we can view the thumbnails for our homes, but clearly we need to see the full-sized versions, too! Let's opt for a drop-in lightbox to solve this.

    19. EPISODE 19

      Run Time 11:13

      We can successfully drag and drop any number of photos onto the page, but we don't yet have a way to remove them. Let's fix that in this video, while also creating a helper function to simplify the tedious process of creating forms for the sole purpose of submitting "PATCH" and "DELETE" requests.