Andre Madarang

JavaScript: The First Steps thumbnail

JavaScript: The First Steps

With Andre Madarang

JavaScript is one of the most popular and versatile programming languages when working on the web. It makes for a great first language to learn as you can get started with any web browser and its built-in devtools.This beginner-focused series will take you through the fundamentals of JavaScript and give you a solid understanding of how the language works. Once the fundamentals are under your belt, you should be comfortable writing JavaScript in your own applications or continue your JavaScript journey by learning new frameworks or technologies that are built on top of it.

  • 30 Episodes
Laravel Cookbook thumbnail

Laravel Cookbook

With Andre Madarang

Welcome to the Laravel Cookbook! This series is all about building practical features for typical Laravel web application. Charts, stats, and image uploaders are just a few examples that we'll be reviewing together. We'll also leverage various JavaScript libraries whenever we require additional interactivity for a better user experience. Let's get started!

  • 12 Episodes
Svelte Crash Course thumbnail

Svelte Crash Course

With Andre Madarang

Svelte is a modern JavaScript framework that's similar to React or Vue, but takes a different approach when it comes to constructing your application. Svelte is actually a compiler that takes the code you write and compiles it down to vanilla JavaScript. This results in highly optimized, performant code with extremely small bundle sizes. In this series, we'll review all of Svelte's features, including things like reactive state, components, templating, lifecycle hooks, binding, transitions and more.

  • 13 Episodes
React - Beyond the Basics thumbnail

React - Beyond the Basics

With Andre Madarang

So you've learned the basics of building apps with React but want to learn more? Fortunately, React has a massive ecosystem with tools and libraries that can help make building apps with React even easier. In this series, we'll take a look at some of these tools and techniques including performance options with memoization, testing tools in React, TypeScript with React, state management, data fetching libraries, CSS in JS options, form libraries, and more.

  • 13 Episodes
NuxtJS Crash Course thumbnail

NuxtJS Crash Course

With Andre Madarang

NuxtJS is a framework on top of Vue that allows your application to be server-side rendered via Node.js. This allows for better SEO, but still has all the benefits of a fully interactive JavaScript application.In this series, we'll take a look at using Nuxt 3 and all the features it has to offer including automatic routing, better TypeScript support, Vite support, the Nitro server and more. We'll pair it together with an API powered by Laravel on the backend to build out the obligatory blog application. This will allow us to learn how to communicate between the front-end and the back-end.

  • 11 Episodes
GraphQL with Laravel and Vue thumbnail

GraphQL with Laravel and Vue

With Andre Madarang

GraphQL is often looked at as the successor to REST APIs. It provides a powerful query language and allows you to make requests for exactly the information you want, nothing more and nothing less. Many services now offer GraphQL APIs making it easier for users to interact with their data. With its powerful type system, the syntax is intuitive, and error messages provide helpful feedback. In this series, we’ll take a look at using GraphQL within the Laravel and Vue ecosystem. We’ll build out the obligatory blog as a full-stack GraphQL application. In the backend we’ll make use of the popular lighthouse package which allows us to define our GraphQL schema. In the frontend, we’ll leverage Vue Apollo to allow us to communicate with the backend and display the data in the browser.

  • 16 Episodes
Build Mobile Apps With React Native and Expo thumbnail

Build Mobile Apps With React Native and Expo

With Andre Madarang

React Native is a mobile app development framework that allows you to build and deploy native mobile apps to both iOS and Android devices. As web developers, leveraging the existing popularity of React can benefit many people who have no experience building mobile apps. Developers only have to maintain one codebase and can quickly get started using existing JavaScript and CSS knowledge. Expo is a framework on top of React Native, which provides even more tools and services that make your development experience similar to the experience of creating web applications. In this series, we’ll learn how to use tools within the React Native ecosystem to build robust and maintainable mobile apps. We’ll create a simple clone of the Twitter mobile app, along with a Laravel API backend that powers it.

  • 24 Episodes
Learn Headless UI thumbnail

Learn Headless UI

With Andre Madarang

Headless UI is a library that provides completely unstyled accessible UI components. Or in other words, you are responsible for providing your own markup and styles, which results in a completely custom look for your components. In this short series, we’ll use Vue 3 to explore some of the components that are available and style them using Tailwind CSS.

  • 4 Episodes
Reproduce Popular Web Components thumbnail

Reproduce Popular Web Components

With Andre Madarang

This series is all about recreating the look and feel of popular or compelling web components that you might find around the web. From cool menu transitions, subtle UI interactions, or more complex animations, we'll break it all down and recreate it from scratch. This should give you a solid understanding of how these effects and interactions work under the hood. Ready to get started?

  • 5 Episodes
Build a Voting App thumbnail

Build a Voting App

With Andre Madarang

In this workshop, we’ll build a voting app, similar to UserVoice, that allows you to create ideas, vote and comment on them, sort and filter the results, and even administer the site. We’ll start from scratch and work through the entire process, including implementing the design, working on all of the features, testing our code, and more. We’ll be making use of the TALL (Tailwind, Alpine, Livewire, Laravel) stack in this particular series.

  • 67 Episodes
Playing With PHP thumbnail

Playing With PHP

With Andre Madarang

This series is all about the little projects you build once you're off the clock. One topic per section, we'll toy with the fringes of PHP to, for example, blink our lights when a PHPUnit test fails. Why bother? Because it's fun! Come along and join me.

  • 8 Episodes
Set Up a Mac for Development From Scratch thumbnail

Set Up a Mac for Development From Scratch

With Andre Madarang

As web developers, we use a wealth of software and tools to get our work done. Some are obvious, such as code editors, IDEs and terminals, while others offer minor optimizations to our workflows. In this series, we’ll go over all the software and tools that I personally use for web development, as well as my personal settings for each. I’ve picked up countless tips from watching other developers' workflows over the years, and I hope do the same for you in this series.

  • 7 Episodes
Laravel Authentication (Breeze, Jetstream, Fortify) thumbnail

Laravel Authentication (Breeze, Jetstream, Fortify)

With Andre Madarang

Laravel provides several excellent options for managing authentication in your applications. If you'd prefer a head start, you might reach for one of the available first-party packages that provide robust, modern scaffolding for your authentication layer, including Laravel Breeze, an initial starter, Laravel Jetstream, offering two-factor auth, API tokens and team management, orLaravel Fortify, a backend implementation. In this series, we'll review how to use and customize these packages in order to fit the authentication needs of your application.

  • 20 Episodes
Browser Testing With Laravel Dusk thumbnail

Browser Testing With Laravel Dusk

With Andre Madarang

Laravel Dusk provides an expressive testing API and browser automation for your apps. In terms of testing, it provides the closest thing to an actual user interacting with your application in a browser. These tests are typically referred to as end to end tests or browser tests. In this series, we’ll prepare a series of Dusk tests for a standard blog application.

  • 4 Episodes
Billing With Laravel Cashier thumbnail

Billing With Laravel Cashier

With Andre Madarang

Laravel Cashier provides an expressive, fluent interface to Stripe's (and Paddle's) subscription billing services. In this series, we’ll take a look at the features of Cashier that will allow you to create the billing portion of a subscription-based SAAS app, including subscribing users to plans, authorizing with middleware, single charges, and invoices.

  • 8 Episodes
Learn Laravel Scout thumbnail

Learn Laravel Scout

With Andre Madarang

Laravel Scout is a powerful, full-text search package for your Eloquent models. Follow the basic setup instructions, and within minutes you'll be triggering lightning-fast search queries with Algolia. In this short series, come a long as I demonstrate everything you need to know.

  • 3 Episodes
Learn Laravel Horizon thumbnail

Learn Laravel Horizon

With Andre Madarang

Laravel Horizon provides a beautiful dashboard and code-driven configuration for Redis queues in Laravel. In this short series, I'll get you up and running in no time.

  • 3 Episodes
What's New in Vue 3 thumbnail

What's New in Vue 3

With Andre Madarang

Vue 3 is nearly upon us! If you'd like to get a head start, join me as we review everything you need to know. We'll discuss the new composition API, portals, Vite, and so much more!

  • 14 Episodes
Build a Video Game Aggregator thumbnail

Build a Video Game Aggregator

With Andre Madarang

In this series, we'll build a video game app that pulls data from the IGDB API and displays game information such as popular titles, coming soon, videos, and screenshots. We'll explore a variety of front-end features with Laravel and other technologies, including the HTTP client, Tailwind CSS, Livewire and Alpine.js.

  • 21 Episodes
Learn Telescope thumbnail

Learn Telescope

With Andre Madarang

Laravel Telescope is an elegant debug assistant for Laravel. It provides insight on things like requests, exceptions, database queries, and so much more. In this short mini-series, I'll tell you everything you need to know.

  • 2 Episodes
Learn Socialite thumbnail

Learn Socialite

With Andre Madarang

Socialite provides you with a simple and convenient way to authenticate with OAuth providers like Facebook, Twitter, and GitHub. In this mini-series, I'll show you exactly how to use it in your own projects.

  • 2 Episodes
Rebuild GitHub with Tailwind CSS thumbnail

Rebuild GitHub with Tailwind CSS

With Andre Madarang

One of the best ways to improve your CSS is by rebuilding existing UIs. You’ll notice common patterns that occur and the best way to handle them. In this first entry, we'll focus on the GitHub UI.View the source code for this episode on GitHub.

  • 5 Episodes
Static Site Generators thumbnail

Static Site Generators

With Andre Madarang

A static site is often the ideal choice for certain types of projects. Common use cases might be portfolios, blogs, or documentation sites. They are easy to host, simple to implement, and incredibly fast. In this series, we’ll take a look at a handful of the most popular static site generators.

  • 7 Episodes