YoVDO

30 Days with LAST Stack

Offered By: SymfonyCasts

Tags

Symfony Courses Javascript Courses AJAX Courses Twig Courses

Course Description

Overview

LAST stack - Live Components, AssetMapper, Stimulus & Turbo - puts the joy, productivity & simplicity back into creating rich, frontend experiences. And in 30 days, I'll prove it:

  • AssetMapper fundamentals
  • JavaScript Modules? ESM?
  • 3rd party packages with importmap:require
  • CSS
  • Tailwind CSS!
  • Stimulus
  • UXs Package
  • Turbo Drive
  • Turbo Frames
  • Popover & Stimulus Components
  • Fully-armed "Data tables" setup
  • View transitions & CSS transitions
  • Toast Flash Notifications
  • Turbo Streams
  • Reusable, fully-featured modals
  • Twig Components
  • A Modal Twig Component
  • Live Component
  • Real-time form validation
  • Dynamic / Dependent Forms
  • "Add New" to a select element from a form
  • Testing Twig Components & Live Components
  • Functional testing with JavaScript
  • Flowbite Bonus

🛸


Syllabus

  • Hello LAST Stack!
  • Asset Mapper
  • JavaScript Modules
  • 3rd Party JavaScript Packages
  • CSS
  • Tailwind CSS
  • Stimulus
  • Symfony UX Packages
  • Turbo Drive
  • Turbo Frames
  • Popover!
  • Auto-Submitting Forms
  • Pagination & Column Sorting
  • Data Tables with Turbo Frames
  • View Transitions
  • Toast Notifications
  • Fancier Toasts: Auto-close & Fading
  • Turbo Streams: Update any Element
  • HTML dialog for Modals
  • AJAX Modal!
  • Fantastic Modal UX with a Loading State
  • Fancy things on Modal Form Success
  • More with fun Modals! Editing & Deleting
  • Turbo Stream Responses
  • Twig Components
  • Modal Twig Component
  • Live Components
  • Real-Time Validation & Dependent Form Fields
  • Testing Part 1: Twig & Live Components
  • Testing Part 2: Functional Testing
  • Performance
  • Bonus: More on Flowbite

Taught by

Ryan Weaver

Related Courses

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera