©2024 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Curso Laravel Jetstream
Laravel Jetstream con el stack TALL: Tailwind, Alpine, Laravel y Livewire
Material disponible
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:
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
Objetivos del curso
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
- 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
- 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
- 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
- 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
- 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
- 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
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
Luis D.
Hector Enrique Rojas Cano
Como hasta ahora el contenido es muy completo, la pedagogía y claridad con la que explica Juan es excelente. 100% recomendado.
David Varas
Muy buen curso, una visión sencilla para comenzar a utilizar estas herramientas, el impulso necesario para comenzar a profundizar más sobre cada uno de los temas expuestos.
Marcelo Oscar Mayor Insacco
Estoy aprendiendo muchas cosas.
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.