Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Curso de Introducción a Laravel 8

Curso de Introducción a Laravel 8

Profesor Italo Morales F

Profesor Italo Morales F

Creación de Proyecto Web con Laravel 8 y Tailwind CSS

5/21
Recursos

¿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:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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

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.