Curso Laravel Jetstream

Laravel Jetstream con el stack TALL: Tailwind, Alpine, Laravel y Livewire
Material disponible
Avanzado
7 Clases 13 h
85€
69€
Precio en promoción
Laravel es un estupendo framework para backend en PHP. En principio podríamos desarrollar aplicaciones Laravel usando cualquier tecnología del frontend de nuestra preferencia, sin embargo, a partir de la versión 8 Laravel incluye un starter kit denominado Jetstream que promueve un stack de tecnologías completo, que incluye tanto el desarrollo del CSS, el Javascript e incluso las comunicaciones Ajax.

Las tecnologías que completan el stack promovido por el framework e incluido dentro de Laravel Jetstream se han resumido con el acrónimo TALL y son las siguientes:

  • Tailwind CSS: un framework CSS basado en clases de utilidad, con el que podemos conseguir agilidad en la aplicación de diseño y una alta optimización del CSS.
  • AlpineJS: a veces calificado como "el Tailwind de Javascript", consiste en una completa lista de utilidades Javascript que podemos usar para la realización sencilla de todo tipo de interfaces de usuario. Estas utilidades se aplican directamente sobre el HTML, lo que las hacen sencillas de manejar para todo tipo de desarrolladores.
  • Laravel: El popular framework backend para PHP.
  • Laravel Livewire: esta es una herramienta extremadamente potente para los desarrolladores PHP, ya que permite crear componentes del lado del cliente (frontend) que son capaces de sincronizarse con los datos que residen en el backend, de modo que los desarrolladores pueden ahorrar grandes cantidades de código escrito tanto en backend como en frontend para las comunicaciones asíncronas (Ajax).

Todas estas tecnologías incluidas dentro de Laravel Jetstream son imprescindibles para el desarrollo moderno y para sacar el máximo partido del framework PHP. Las vamos a ver en un curso completo, de manera práctica, a lo largo de varios días de clases.

Qué aprenderé en el Curso Laravel Jetstream

  • Tailwind CSS, el framework CSS
  • Alpine.js, el framework ligero para Javascript
  • Livewire, el framework fullstack de desarrollo de componentes frontend / backend
  • Laravel Jetstream, un starter kit que integra el stack TALL
  • Desarrollo de interfaces de usuario modernas con Laravel
  • Ajax con Laravel Livewire

Objetivos del curso

Explicar de manera práctica las tecnologías que promueve Laravel Jetstream para el desarrollo de frontend y las comunicaciones entre componentes frontend y la parte del backend. En este curso el estudiante aprenderá a usar el denominado Stack TALL, que consiste en las librerías y frameworks Tailwind CSS, Alpine, Laravel y Livewire.

Partimos de la base del conocimiento de Laravel y durante el curso veremos de manera práctica cómo usar Tailwind, AlpineJS y Livewire, desarrollando una aplicación práctica para implementar un dashboard de administración con una avanzada experiencia de usuario.

Por qué debes aprender Laravel Jetstream

Este curso te acercará a un stack de tecnologías sólido incorporado en Laravel Jetstream con el que podrás desarrollar de manera sencilla aplicaciones web avanzadas e interfaces de usuario enriquecidas.

Por medio de estas tecnologías podrás cubrir las necesidades de las aplicaciones web modernas, con la garantía de formar parte de un stack sólido y bien balanceado y sin tener que preocuparte de la configuración de las herramientas.

Qué tengo que saber

Para hacer este curso es necesario disponer de un conocimiento al menos básico de Laravel Framework. Al tratarse además distintas tecnologías frontend es deseable conocimientos básicos de CSS y Javascript.

Clases y contenidos

Iniciando con el proyecto base y sus componentes principales Gratis
  • Creando un proyecto Laravel con Composer
  • Agregando Jetstream al proyecto
  • Dándole una mirada a lo instalado y creado por Jetstream
  • Comprendiendo a detalle la filosofía y componentes detrás de Jetstream
  • Una mirada inicial a Tailwind CSS, Alpine.js y Livewire con Laravel Jetstream
Tailwind CSS
  • Entendiendo la filosofía de Tailwind y su utilidad
  • Los tamaños de distribución en Tailwind CSS (resoluciones)
  • Formas de distribuir las interfaces de usuario (flex y grid)
  • El enfoque mobile first
  • Márgenes, padding, texto, bordes y más
Alpine.js
  • Comprendiendo la filosofía de Alpine.js (El Tailwind de JS)
  • El “componente” x-data
  • Eventos y funciones principales con Alpine.js
  • Separando funcionalidades de Alpine en componentes JS
Construyendo el backend de la aplicación
  • Laravel como la base del stack TALL
  • Uso de componentes de Blade
  • Creando la estructura de datos (modelos, migraciones, y factories)
  • Acciones esenciales con controladores de Laravel
Livewire
  • Las ventajas de Livewire
  • Cómo funciona Livewire
  • Alpine.js el mejor amigo de Livewire
  • Pasando de controladores Laravel a componentes Livewire
  • Las funciones esenciales de Livewire
Practicando lo aprendido creando un panel de administración
  • Preparando el proyecto par tener un dashboard
  • Permitiendo listar recursos en el dashboard
  • Permitiendo remover recursos usando Livewire directamente
  • Permitiendo buscar en la lista de un recurso con Livewire
  • Acciones adicionales sobre un recurso con Livewire
Paginacion eventos entre componentes Livewire y otras mejoras

En esta clase hemos realizado una serie de mejoras en el proyecto del curso, junto con puntos que habían quedado pendientes de clases anteriores, como la paginación y la comunicación de componentes Livewire.

Valoraciones

René D. Merlo

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 170 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete