The Complete TALL Stack Tutorial - FROM NOTHING TO PROD (Tailwind, Alpine, Laravel, Livewire & More)
About this course
I put a lot of time and effort into crafting a video that shows off some of the fantastic developer experience that comes with building in the TALL stack. I hope you find value in it. :) ***WITH THE UPDATED WIREUI PACKAGE, YOU WILL HAVE TO UPDATE COMPONENTS FOR MODAL AS WELL AS DROPDOWN TO WUI-DROP...
I put a lot of time and effort into crafting a video that shows off some of the fantastic developer experience that comes with building in the TALL stack. I hope you find value in it. :) ***WITH THE UPDATED WIREUI PACKAGE, YOU WILL HAVE TO UPDATE COMPONENTS FOR MODAL AS WELL AS DROPDOWN TO WUI-DROPDOWN/WUI-MODAL. FOLLOWING INSTRUCTIONS FROM THE WIREUI DOCUMENTATION SHOULD WORK GREAT FOR INSTALL.*** Help me choose my next video: https://cir.re/suggest Links: Github Repo: https://github.com/joshcirre/sendnotes Deployed Site: https://sendnotes.fly.dev Laravel: https://laravel.com Livewire: https://livewire.laravel.com/ TailwindCSS: https://tailwindcss.com/ AlpineJS: https://alpinejs.dev/ WireUI: https://v1.wireui.dev/ Fly.io: https://fly.io/ Postmark: https://postmark.com/ Chapters: 00:00:00 - Introduction and Stack Setup 00:07:53 - Setting up the Development Environment 00:16:46 - Setting up the Application 00:25:49 - Creating an Application Structure 00:34:29 - Creating the Notes Table 00:44:00 - Modifying the Database 00:52:45 - Implementing Live Wire in Laravel 01:02:17 - Creating a Landing Page with Improved Design and Button 01:12:14 - Running PHP Code in Laravel 01:23:04 - Setting up the UI 01:33:07 - Adding a recipient to the notes table 01:42:02 - Wiring up the front end 01:50:54 - Creating a note 02:00:43 - Deleting a Note 02:10:03 - Creating Policies for User Actions 02:19:01 - Mounting the Note and Initializing the Note 02:28:31 - Building the Form 02:38:17 - Using Laravel Breeze's Action Component 02:48:08 - Fixing Date Format and Creating a Public View of a Note 02:58:12 - Generating the Note Interface and Functionality 03:07:34 - Setting up Scheduled Notes Emails 03:16:58 - Setting up Scheduled Notes in Production 03:26:28 - Limiting Edit Accessibility Based on Date 03:36:15 - Comment, Like, and Subscribe to Support for the algo: laravel, laravel livewire tutorials, laravel and livewire project,laravel and livewire tutorial,laravel livewire, alpine laravel, learn laravel framework ,laravel how to, learn laravel 10, livewire tutorial, laravel application development, tall stack, tailwind stack, livewire events, flydotio, laravel sending emails, laravel full tutorial, laravel basic tutorial, laravel crud tutorial, laravel crud, livewire stack, laravel tutorial for beginners step by step, laravel volt, livewire volt Keep creating. --- 📹 **Watch My VSCode Setup Video:** https://youtu.be/uoqhrFRuRF4 🎓 **Make VSCode Awesome – Caleb Porzio's Course (support me with this link):** https://gumroad.com/a/636621331
Community Reviews
Honest feedback from learners like you
Sign in to review this course.
No reviews yet for this course.
Related Courses
Phoenix crash course
BeginnerLearn the powerful Phoenix framework for Elixir in this crash course, covering key concepts like routing, controllers, HEEx components, Ecto, authentication, internationalization, and JSON APIs. With a mix of theory and hands-on examples, you'll gain both foundational knowledge and practical skills to build robust web applications
Elixir crash course
BeginnerLearn the fundamentals of Elixir in this free crash course! Whether you're new to functional programming or want to quickly get productive, this course covers essential topics like pattern matching, immutability, and recursion. Perfect for developers looking to build scalable and fault-tolerant systems
AI Built Our ENTIRE Elixir App in 2 Hours (ft. Claude Code + Tidewave)
BeginnerWatch us build a complete real-time polling app using ONLY AI! Andrew Stewart (@srcrip) & Daniel Bergholz (@DanielBergholz) join me as we let Claude Code + Tidewave do ALL the coding. No manual code writing allowed! We built authentication, real-time voting, dynamic forms, live updates, and a polished UI - all through AI prompts. The result? A fully functional Phoenix LiveView app with 13 commits in just 2 hours! 00:00 - Introduction and sponsor message 04:00 - Setting up the live coding challenge and polling the audience 09:00 - Introducing Claude Code and the wild card project selection 15:25 - Installing and configuring Claude Code for the first time 23:30 - Setting up Tidewave MCP for Elixir integration 32:00 - Creating the Phoenix project and initial setup 40:00 - Building polls schema and embedded options 48:00 - Implementing Phoenix authentication with gen.auth 1:05:00 - Creating live views and dynamic forms 1:20:00 - Adding real-time voting functionality with PubSub 1:27:00 - Debugging with Tidewave's powerful runtime integration 1:35:00 - Building authorization and user permissions 1:45:00 - Adding vote changing functionality and UI polish 1:55:00 - Creating a stunning homepage with Claude's design skills 2:05:00 - Setting up GitHub workflow and creating pull request 2:15:00 - Wrap-up and reflections on AI-assisted development Tools Used: Claude Code (agentic terminal AI) Tidewave MCP (Elixir runtime integration) Phoenix LiveView + Tailwind CSS Judge Our Vibe Code: Open PR: https://github.com/ElixirMentor/pulse_vote/pull/1 Connect: Andrew: @srcrip Daniel: @DanielBergholz Support Elixir Mentor: https://elixirmentor.com/?utm_source=elixir-mentor #TideWave #ClaudeCode #ElixirLang #PhoenixFramework #AIcoding #VibeCoding #LiveView #ElixirMentor
PHP For Beginners - Complete Laracasts Course
BeginnerWe all start somewhere. For programming, this series is the first step. I've designed it specifically for newcomers to, not just PHP, but programming in general. Here, you'll learn the fundamentals of PHP - all the way down to defining basic variables and arrays. Think of this series as a key stepping stone for your programming journey. Source code: https://github.com/laracasts/PHP-For-Beginners-Series Timestamps: 00:00:00 - How to Choose a Programming Language 00:01:21 - Tools of the Trade 00:10:01 - Your First PHP Tag 00:18:11 - Variables 00:25:30 - Conditionals and Booleans 00:36:38 - Arrays 00:45:15 - Associative Arrays 00:52:33 - Functions and Filters 01:04:55 - Lambda Functions 01:17:03 - Separate Logic From the Template 01:25:39 - Technical Check-in #1 (With Quiz) 01:30:34 - Page Links 01:41:34 - PHP Partials 01:50:45 - Superglobals and Current Page Stylings 02:03:42 - Make a PHP Router 02:21:45 - Create a MySQL Database 02:27:55 - PDO First Stepss 02:42:18 - Extract a PHP Database Class 02:52:54 - Environments and Configuration Flexibility 03:05:54 - SQL Injection Vulnerabilities Explained 03:16:52 - Database Tables and Indexes 03:24:43 - Render the Notes and Note Pages 03:39:10 - Introduction to Authorization 03:53:31 - Programming is Rewriting 04:05:48 - Intro to Forms and Request Methods 04:23:56 - Always Escape Untrusted Input 04:32:17 - Intro to Form Validations 04:45:07 - Extract a Simple Validator Class 04:56:51 - Resourceful Naming Conventions 05:03:27 - PHP Autoloading and Extractions 05:23:04 - Namespacing: What, Why, How? 05:34:14 - Handle Multiple Request Methods From a Controller Action? 05:46:27 - Build a Better Router 06:07:10 - One Request, One Controller 06:14:17 - Make Your First Service Containers 06:33:40 - Updating With PATCH Requests 06:54:55 - PHP Sessions 101 07:08:51 - Register a New User 07:27:50 - Introduction to Middleware 07:49:55 - Manage Passwords Like This For The Remainder of Your Career 07:54:46 - Log In and Log Outs 08:20:30 - Extract a Form Validation Object 08:34:06 - Extract an Authenticator Class 08:47:27 - The PRG Pattern (and Session Flashing) 09:08:45 - Flash Old Form Data to the Session 09:14:42 - Automatically Redirect Back Upon Failed Validations 09:40:51 - Composer and Free Autoloading 09:54:02 - Install Two Composer Packages: Collections and PestPHP 10:09:39 - Testing Approaches, Terms, and Considerations 10:27:46 - The Next Step in Your Php Journey Want to watch this series in parts? go to http://phpforbeginners.com/ Watch thousands of videos, track your progress, and participate in a massive Laravel community at Laracasts.com. Laracasts: https://laracasts.com Laracasts Twitter: https://twitter.com/laracasts Jeffrey Way Twitter: https://twitter.com/jeffrey_way
OpenAI Assistants API – Course for Beginners
IntermediateLearn how to use the OpenAI's Assistants API to build powerful AI assistants. In this course, we'll explore how to leverage the Assistants API by OpenAI to create dynamic, intelligent web apps using Streamlit. What we'll cover: 1️⃣ Function Calling with the API: Learn to seamlessly integrate the Assistants API into your applications, enabling advanced AI functionalities right at your fingertips. 2️⃣ Knowledge Retrieval: Discover how to use the API to extract information, answer questions, and make your applications smarter and more responsive. 3️⃣ Code Interpreter Capabilities: Dive into the API's ability to interpret and generate code, a game-changer for automating tasks and enhancing your app's capabilities. 4️⃣ LLM Fundamentals: Gain a solid understanding of Large Language Models (LLMs) and how they form the backbone of OpenAI's Assistants API. This module demystifies the technology and provides a foundation for advanced application development. The course features a series of hands-on projects and real-world examples to apply what you've learned. By the end of our session, you'll have the skills and confidence to build your own intelligent web apps using Streamlit and OpenAI's Assistants API. ⭐️ Code ⭐️ Personal trainer: https://github.com/pdichone/vincibits-personal-trainer-assistant Personal trainer: https://github.com/pdichone/vincibits-personal-trainer-assistant Study-Buddy: https://github.com/pdichone/vincibits-study-buddy-knwoledge-retrieval ✏️ Created by @vincibits Twitter (X): @buildappswithme ❤️ Try interactive AI courses we love, right in your browser: https://scrimba.com/freeCodeCamp-AI (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:02) What’s This Course About - What Will You Learn? ⌨️ (0:01:33) Pre-requisites ⌨️ (0:02:44) Python and Dev tools Set up ⌨️ (0:04:22) VS Code Installation ⌨️ (0:05:31) OpenAI Account - Generate an API Key ⌨️ (0:07:53) What is the Assistants API & Benefits - Comparison Between the Chat Completion API and the Assistants API ⌨️ (0:18:16) Assistants API Building Blocks ⌨️ (0:24:04) Creating an Assistants API - Manually (Personal Trainer) ⌨️ (0:38:20) Creating an Assistants API - In Code (Personal Trainer) ⌨️ (1:04:15) Build a News Summarizer Introduction: Function Calling - A Streamlit Application ⌨️ (1:25:39) Create an AssistantsManager Class For our News Summarizer ⌨️ (2:10:46) Using the AssistantManager Class to Create an Assistant and run it as a Streamlit App ⌨️ (2:28:23) Knowledge Bases Retrieval Tools - How it Works & Introduction to Embeddings ⌨️ (2:35:25) Build a Study Buddy Streamlit Application ⌨️ (3:22:24) Run the Study Buddy Streamlit Application and Test ⌨️ (3:29:27) Wrap up and Final Considerations. 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news
Rails New, a beginner's Ruby on Rails tutorial with Typecraft
BeginnerWelcome to Rails New, a 10-part video tutorial to help you quickly get building with Rails, hosted by @typecraft_dev. Create a functioning productivity app while learning Rails - perfect for beginners curious about Rails.