Back Button PHP

Whatcha Working On

Most of the lessons here at Laracasts boil down to rehearsed presentations. The reality, however, is that we all spend a lot of time tinkering, visiting StackOverflow, and debugging error messages.

In this series, each episode will spotlight a small piece of workflow for what I happen to be working on in real life. This might be an open source project, the Laracasts codebase, or something entirely new. As you'll find, we're less interested in A-Z education, and more focused on real-life workflow.

Advanced
Difficulty
38 episodes
10:14:40 hrs
Start Series
  • Latest Episode: How to Dynamically Inline SVG Files in Vue Components

  • Like this series? Share the love!

    1. The test helpers in Laravel 5.2 provide a beautiful, fluent API for integration testing your applications. However, these tests are triggered in memory, which means you don't get JavaScript execution out of the deal. When such tests are necessary, you'll likely need to use something like Selenium.

      Today, I'm working on a Selenium "driver" that uses the exact same testing API as the one you're already familiar with. Could be cool?

    2. Run Time 21:10

      Today, I'm working on a bit of refactoring for the Laravel Elixir codebase. In this lesson, come along, as I experiment with a particular refactor - which will hopefully organize things a bit more cleanly.

      View the commit from this episode here, or see how I eventually merged the compiler classes from this episode into Task subclasses here. I ultimately decided that this was a preferable approach.

    3. There's nothing too fancy in this episode. We need to take the "most recent series" section on the Laracasts home page, and turn it into a curated, featured list. Along the way, we'll discuss the value in not over-doing tasks like this. While we could whip up a UI with a bunch of drag and drop goodness, the reality is that all of that takes time. Why not opt for the simplest possible implementation first, and then you can always expand upon it in the future - if and only if you decide it's necessary. As such, we'll simply hardcode a list of series ids that we wish to feature within a config file. Easy!

    4. Today, I'm tinkering around with Turbolinks, which was recently - at the time of this writing - extracted to its own library that may be used anywhere. It's pretty sweet! Drop it in, and it instantly begins working. All anchor links clicks will be intercepted, and AJAX requests will be sent in their place. This allows for a signifiant performance boost, as the user only needs to download relevant scripts and stylesheets once on the initial page load.

    5. Today, I'm personally working on a particular GitHub issue that revolves around hooking into Elixir's default Webpack configuration. Want to come along?

    6. Why don't all Laracasts videos focus on PHP and Laravel? Because that's not real life. Sure, sometimes you need to write server-side code. But, at other times, you're tasked with animating an object along a freaking circle. So let's figure out how.. ;)

      View the source for this little example on JSBin.com.

    7. As part of the Laracasts refresh that I'm currently working on at the time of this recording, I need a dedicated page for my "Laracasts Snippet" podcast. In this episode, as an example, we'll create a brand new project, fetch my podcast feed using Simplecast's API, cache it, and then render it in a view.

      View the source code for this lesson on GitHub.

    8. What I'm working on today is a potential new/separate version of Laravel Elixir that exclusively uses Webpack, rather than Elixir. In this episode, rather than writing code, we'll talk about why I'm working on this, and what the potential benefits are.

    9. For this new version of Laravel Mix (the evolution of Laravel Elixir) that I'm working on, I need to create a single PHP function that can dynamically calculate the correct path to an asset, such as a script or stylesheet. This should work, regardless of whether hot reloading or file versioning have been enabled/requested. Let's knock it out together, using TDD.

    10. This episode will be a bit different. Come along, as I personally learn how to use Laravel Dusk (Laravel's new acceptance testing package) completely from scratch. While most lessons at Laracasts are edited to be as succinct as possible, this one is a bit more realistic, and reflects how I personally learn a new tool.

    11. It's very easy to fall into one particular testing trap. Are you testing your public interface, or the underlying implementation details? If you've ever noticed that any change to your code requires updates to their respective tests, take a moment and ask yourself why that is.

    12. Run Time 13:21

      Today, I'm implementing a small ad-strip below Laracasts videos for guest users who aren't officially subscribed to Laracasts. Hey, it helps pay the bills, okay? Now, I've received basic instructions about the company's JSON API, but haven't implemented a single line of code yet. Come along, as I work through the process! I think we'll need to create a dedicated Vue component.

    13. Run Time 21:46 Free

      In this episode, I'm working on the Laracasts codebase. Specifically, I need a simple way to quickly generate single-use coupon codes, save them to the database, push them to Stripe.com, and then fire off an email to the recipient of the coupon. Let's use TDD to implement this functionality, and then, once we're at green, perform a round of refactoring to clean things up. Ready?

    14. Today, I'm finishing up the 1.0 release of Laravel Mix. If you'd like to come along, I need to flesh out a few more end-to-end tests for the project. In many ways, these are far and away the most important tests you can write. Nobody cares that your unit tests pass, if the system doesn't work for the user!

    15. Vue is fantastic. Turbolinks is, too. So what if we could find a way to use them together seamlessly. Well, out of the box that can be a bit tricky, due to a few reactivity and caching issues. Luckily, though, this problem seems to have been solved. In this episode, come along as I test it out.

    16. During Laracon 2017, Maxime Locqueville demoed Algolia's excellent new Vue InstantSearch package. After watching this presentation, very quickly, I realized that I needed to improve the forum search functionality here at Laracasts. So come along as I get my feet wet and figure out how to use this new Vue plugin from scratch.

    17. In the previous episode, together, we figured out how to use Algolia's Vue InstantSearch component package. At the conclusion, I noted that I would implement it for Laracasts. That process is now done, so come along as I provide a high-level overview of the integration and how it all pieces together.

    18. Run Time 9:38

      Today, I'm working on the Laracasts codebase, itself. We need to fire off a "Please Come Back" email, each day, to all users who canceled their account two months ago. In this episode, we'll use TDD to drive out this logic from scratch.

    19. Today, I'm working on an old package of mine that converts PHP variables to the proper JavaScript syntax. There are a number of refactorings we can perform to clean up the codebase a good bit. Why don't you come along, and we'll work through the codebase together? We'll focus on naming, class extraction, and general readability.

    20. In the previous episode, we took a few good steps toward cleaning up the codebase. But I bet, if we think hard, we can take things even further. Let's finish up our full refactor in this episode.

      See the completed source code on GitHub.

    21. Run Time 21:03 Free

      Far and away, the most frequently requested subject material at Laracasts is a review of Vuex. However, I've been hesitant to oblige in the last year. I'm not sold yet. As such, these next few videos will be a bit unique. Rather than serving as an endorsement from an "expert," I'll be taking the role of the student. Come along as I review the documentation, try things out, make mistakes, and work my way through the learning process. Together, we'll come out the other side with a much better understanding of the pros and cons to this approach to state management, as well as when we might reach for it in future projects.

    22. We're starting to wrap our heads around the basic concept of Vuex, so let's continue on in this episode with a review of getters and actions.

    23. Now that we have a firmer grasp of the fundamentals, let's work through one of the vuex example projects. We'll build your typical, boring todo app. This should give us a better understanding of how to organize the Vuex store, and delegate to it from our Vue components.

    24. Today, I need to add a missing test for a recent Laravel Mix PR that we merged. Even though I'm sure the PR code is correct, it's important that we fill it in with a test to ensure, for the lifetime of the project, that this piece of functionality does exactly what we expect it to.

      View the source code for this episode on GitHub.

    25. Today, I need to whip up a countdown timer for an upcoming sale. While we could pull in a dedicated plugin for this functionality, it's fairly simple to implement on our own with Vue. Come along, as I knock it out in this episode.

      View the source code for this episode on GitHub.

    26. In this episode, come along as I prepare a login modal from scratch. As it turns out, this will provide a number of useful real world examples for us to work through. How do you display and hide a modal from anywhere in your app? Can we display validation errors without manually performing a full page refresh? What can we use to rapidly style our form? And might we implement one of those fancy loading spinners after the "Log In" button is pressed? All of these questions (and more) will be answered.

    27. In this episode, I'll outline my thought process behind a Laravel Mix codebase refactor that I'm currently working. We'll address the areas that I've determined to be problematic, and then discuss and review the solution I've come up with to make each component of the API more cohesive.

    28. If you don't mind, let's continue on from the previous episode, where we reviewed a plugin refactoring for the Laravel Mix codebase. In this episode, I'd like to verify that this approach can be used by any author to introduce new functionality into Mix. It sounds like we need to prepare a feature test to declare each ability that the code should offer. Come along!

    29. Come along, as I upgrade the Laracasts 404 page from Laravel's default view to something a bit more special. In this episode, you'll learn how to override the default 404 view, render AfterEffects animations with Airbnb's Lottie library, and then write the necessary page CSS with Tailwind. ...And we'll do it all in less than twenty minutes.

    30. Today, I'd like you to come along as I refactor a class with too many responsibilities. Once we've found and addressed the issue, we'll prepare a series of tests to confirm our new desired public API and protect our refactoring against any potential regressions.

    31. In this episode, we'll work through a refactor of the "Browse" page here at Laracasts. I've tweaked the code just enough to give us a variety of small refactors to work on. And "small" is key for this lesson. Specifically, we'll focus on indentation, variable names, and clarity.

    32. In this lesson, come along as I refactor my "slide up" modal Vue components. The goal will be to ensure that future modals will be as simple and intuitive as possible to construct and configure.

    33. For the next version of the Laracasts forum, we offer a small feature that provides @username autocompletion when writing a new reply. To populate this list of usernames, we reference the conversation owner, every person who has left a reply, and all usernames who have been mentioned within those replies. Let me show you how to construct this very logic from scratch, using TDD. This lesson will give us a chance to flex our regex and refactoring muscles, so it should be fun! Let's get started.

    34. In this episode, come along as I, in real-time, publish the beta release of Laravel Mix 4 to GitHub and NPM. This new version of Mix catches us up to webpack 4, Babel 7, and vue-loader 15. As part of that update, however, a number of code changes were necessary. With that in mind, I'd like to do a round or two of beta releases before we pull the trigger and officially release Laravel Mix 4 to the public.

    35. Run Time 26:39

      To save time, Laracasts originally used Disqus for its video comments section. However, it's time to migrate to a native solution that is better connected to your user profile. Come along as I use TDD to begin constructing the API for a new threaded comments section.

    36. Laravel's Policy classes are incredibly useful for managing authorization logic for your models. But what happens when we require authorization on the frontend - perhaps within a Vue component? Let's review three approaches that you might consider.

    37. I thought you might like to come along, as I implement a tiny feature for the Laracasts video page. If a user edits their comment, we need to track this change and display a (edited) flag next to their username. This provides a small heads-up that the comment has changed since its original publish date.

    38. Imagine that you need to iterate over a list of items and render the contents of an SVG icon for each. With PHP, this is a cinch. We only need to append the .blade.php extension to each file. Then, we can dynamically @include the necessary SVG file. However, when inside a Vue component, things get a bit more tricky. I recently hit a roadblock when working on this very issue. In this episode, we'll review how to solve this problem with webpack and Laravel Mix. A special hat tip goes out to Caleb Porzio, who documented the solution we review in this episode.