Sin duda trabajar con componentes es muy importante en el desarrollo web moderno, de hecho, Vue también trabaj con componentes, e incluso el mismo HTML tiene un API para WebComponents con el que puedes empezar a crear componentes HTML y reutilizar código.
.
Y es que aunque este pueda parecer un proyecto de muchas lineas de código, Laravel se encarga de casi todo y los componentes nos ahorran líneas jaja.
.
Les dejo la documentación oficial de Laravel sobre componentes para que puedan complementar las clases:
.
https://laravel.com/docs/8.x/blade#components
Introducción
Curso Renovado de Laravel: Nuevas Herramientas y Conocimientos
Proyectos modernos con Laravel 8 y JetStream
Curso de Laravel 6: Soporte a Largo Plazo y Migración a Nuevas Versiones
Instalación y uso de JetStream en Laravel con Blade y TailwindCSS
Proyecto con Laravel 8
Creación de Proyecto Web con Laravel 8 y Tailwind CSS
Instalación y Configuración de Laravel 8 con Tailwind CSS
Creación de Datos Semilla en Laravel con Faker
Configuración de Rutas y Vistas en Laravel con JetStream
Creación de Plantillas Web con Blade y Tailwind CSS en Laravel
Configuración de Plantillas Blade en Visual Studio Code
Creación de Componentes Dinámicos con Livewire en Laravel
Creación de Campos Virtuales en Componentes con Tailwind CSS
Creación de Controladores y Rutas en Laravel 8
Rutas dinámicas y maquetación de cursos en PHP con Laravel
Configuración de Listado de Lecciones en Visual Studio
Configuración de Cursos Similares en Visual Studio
Creación y Uso de Componentes Blade en Laravel
Personalización de Elementos en JetStream con Visual Studio
Conclusión
Personalización de Vistas en Laravel con JetStream y Livewire
Desarrollo de Aplicaciones con Laravel 8 y JetStream
Bonus
Consejos para Dominio de Laravel y Desarrollo Profesional
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
Creación de Proyecto Web con Laravel 8 y Tailwind CSS
5/21Recursos
¿Qué vamos a construir con Laravel 8?
En este curso, vamos a abordar un proyecto con una jerarquía de tablas para poner a prueba todos los conceptos aprendidos. Nos apoyaremos en Laravel 8 y Tailwind para desarrollar un sitio web con funcionalidades integradas y diseño responsivo. Prepárate para aprender no solo mediante teoría, sino también a través de la práctica intensiva. Desde un menú organizado hasta componentes reutilizables, cada aspecto del proyecto nos llevará a dominar Laravel 8 de manera efectiva.
¿Cómo estructuramos nuestro proyecto?
La estructura principal del proyecto girará en torno a un listado de cursos, cada uno asociado a una categoría y autor. A continuación, los elementos clave a implementar:
- Listados: Tendremos un listado de cursos visibles en la página principal.
- Detalles del curso: Cada curso contará con un detalle que incluye imágenes, títulos, contenido, y el autor.
- Interfaz de usuario: La navegación incluirá funcionalidades de login y registro, gracias a la integración con Jetstream.
¿Qué rol juegan los componentes en Laravel 8?
Un punto central de este proyecto son los componentes. Laravel 8 nos permite crear componentes reutilizables que facilitan el mantenimiento y la actualización del diseño. Los componentes se consultan directamente a la base de datos, permitiendo que cualquier cambio se refleje en toda la aplicación sin necesidad de modificar múltiples archivos.
- Reutilización: El mismo diseño puede ser aplicado en diferentes partes del proyecto, ahorrando tiempo y esfuerzo.
- Consulta a la base de datos: Cada vez que se llama un componente desde la página, se ejecuta una consulta para llenar la información de manera dinámica.
¿Por qué evitar copiar y pegar código?
La filosofía detrás de este curso es evitar el copiado de código sin procesar. Laravel 8 está diseñado para fomentar la creación de componentes globales que se pueden reutilizar en distintos contextos. Este enfoque no solo optimiza nuestro flujo de trabajo, sino que también fomenta un código limpio y mantenible.
- Desarrollo ágil: Crea componentes pequeños y empieza a reutilizarlos para acelerar el desarrollo.
- Código limpio: Minimiza las líneas de código y mantiene la consistencia en todo el proyecto.
Con esta metodología, no solo aprenderás Laravel 8, sino que también te prepararás para enfrentar desafíos de desarrollo web con confianza y creatividad. ¡Sigue adelante y descubre el poder de las tecnologías modernas en tu camino hacia el dominio del desarrollo web!
Aportes 6
Preguntas 4
Ordenar por:
Hola PlatziNautas
-
Realizare una breve explicación para aquellos usuarios que usen laragon y tengan problemas al instalar y ejecutar el comando npm install && npm run dev y le muestre el siguiente error -> Error: You are using an unsupported version of Node. Please update to at least Node v12.14
-
Este problema sucede porque TailWinds usa la nueva versión de nodejs y bueno nosotros la mayoria de los usuarios de windows usamos componentes ya para usarse ustedes saben el típico next, next. Laragon por defecto viene con nodejs 12.14, por lo que debemos actualizar.
-
Se lo explicare en pasos:
Paso 1: Descargar Nodejs
Debemos acceder a este link para descargar las versiones de nodejs, yo recomiendo node-v14.17.0-win-x64.zip
**link **->> https://nodejs.org/dist/latest-v14.x/ <<- luego de descargar procedemos a descomprimir.
Paso 2: Ubicar NodeJs
Debemos ubicar la ruta en nuestro computador donde esta instalado laragon, para mi caso lo instale en C:\laragon\bin\nodejs debemos copiar lo que descomprimiste dentro del directorio nodejs, si gustas le puedes cambiar el nombre.
Paso 3: Cambiar de version Node en Larago Usando Interfaz
Debemos cambiar la versión, adjuntare una imagen que explica todo más fácil, pero dejare la descripción, podemos ubicar la interfaz de laragon y ubicar en la parte superior donde está el logo de Elefante la palabra MENU/Nodejs/Versión ahí podemos escoger nuestra versión.
- Imagen
Paso 4: Cerrar Consola y Reiniciar Laragon
Debemos cerrar todas consola donde y reiniciar Laragon en la palabra Recargar y listo eso es todo.
PD: La manera de validar si todo esta bien pues ejecuta el comando **node -v ** veras que ya instalada la versión y podras ejecutar tu npm install && npm run dev
Eso es todo amigos!!!
Adjunto la fuente Fuente: https://www.youtube.com/watch?v=fGDUuPkKpq0
End
Que emoción! 😃
El proyecto esta increíble, vamos a aprender mucho de Laravel 8. 🚀
wow! se ve emocionante
Me parece bien aprender a diseñar componentes con Laravel 8.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?