Instalación y Configuración de Laravel 8 con Tailwind CSS
Clase 6 de 21 • Curso de Introducción a Laravel 8
Contenido del curso
Proyecto con Laravel 8
- 5

Creación de Proyecto Web con Laravel 8 y Tailwind CSS
03:03 min - 6

Instalación y Configuración de Laravel 8 con Tailwind CSS
Viendo ahora - 7

Creación de Datos Semilla en Laravel con Faker
09:55 min - 8

Configuración de Rutas y Vistas en Laravel con JetStream
10:01 min - 9

Creación de Plantillas Web con Blade y Tailwind CSS en Laravel
11:17 min - 10

Configuración de Plantillas Blade en Visual Studio Code
08:21 min - 11

Creación de Componentes Dinámicos con Livewire en Laravel
08:16 min - 12

Creación de Campos Virtuales en Componentes con Tailwind CSS
12:05 min - 13

Creación de Controladores y Rutas en Laravel 8
07:45 min - 14

Rutas dinámicas y maquetación de cursos en PHP con Laravel
11:31 min - 15

Configuración de Listado de Lecciones en Visual Studio
07:08 min - 16

Configuración de Cursos Similares en Visual Studio
06:34 min - 17

Creación y Uso de Componentes Blade en Laravel
05:43 min - 18

Personalización de Elementos en JetStream con Visual Studio
06:04 min
Conclusión
Bonus
¿Cómo iniciar un proyecto con Laravel y Tailwind CSS?
Iniciar un proyecto implica entender las herramientas y configuraciones necesarias para asegurar un desarrollo eficiente. En este caso, se utilizarán Laravel 8 y Tailwind CSS. A lo largo de esta clase, aprenderás a realizar la configuración inicial, crear modelos y migraciones, y a manejar bases de datos de forma efectiva.
¿Cuáles son los comandos iniciales para instalar Laravel?
El primer paso para comenzar con un proyecto en Laravel es instalar la RAV 8. Estos son los comandos fundamentales:
- Instalación de Laravel: Para crear un nuevo proyecto, utiliza el comando
laravel new project_name, reemplazandoproject_namecon el nombre real de tu proyecto. - Creación de modelos: A través de
php artisan make:model ModelName, puedes crear un modelo. Agrega-mpara generar una migración y-fpara un factory, es decir,php artisan make:model NombreModelo -mf.
¿Qué son las migraciones y factories en Laravel?
Las migraciones y los factories son componentes esenciales en Laravel para el manejo de bases de datos:
-
Migración: Define la estructura de una tabla en la base de datos. Facilita la creación, actualización y eliminación de tablas a través de comandos.
-
Factory: Se utiliza para generar datos ficticios, facilitando el testeo y desarrollo de la aplicación sin necesidad de ingresar información real.
¿Cómo ejecutar comandos de Laravel en Visual Studio Code?
Visual Studio Code (VS Code) es el editor de código recomendado por su versatilidad. Puedes abrir un terminal directamente en VS Code para ejecutar comandos de Laravel:
- Abre VS Code y navega a
terminal > nuevo terminal. - Dirígete a la carpeta raíz de tu proyecto.
- Ejecuta comandos como
laravel new project_namepara crear un nuevo proyecto ocomposer installsi necesitas completar instalación de dependencias.
¿Cómo crear y configurar tablas en Laravel?
A continuación, se describen los pasos para definir y configurar la estructura de tablas en un proyecto Laravel:
- Modelo Categoría:
public function up()
{
Schema::create('categories', function (Blueprint $table) {
$table->id();
$table->string('name'); // Nombre de la categoría
$table->timestamps();
});
}
- Modelo Curso: Debe incluir relaciones como el usuario que creó el curso y a qué categoría pertenece.
public function up()
{
Schema::create('courses', function (Blueprint $table) {
$table->id();
$table->foreignId('user_id')->constrained()->onDelete('cascade'); // Relación con users
$table->foreignId('category_id')->constrained()->onDelete('cascade'); // Relación con categories
$table->string('name');
$table->string('slug');
$table->text('image');
$table->text('description');
$table->timestamps();
});
}
- Modelo Post o Lección: Relaciona cada post con un curso e indica si es gratuito.
public function up()
{
Schema::create('posts', function (Blueprint $table) {
$table->id();
$table->foreignId('course_id')->constrained()->onDelete('cascade'); // Relación con courses
$table->string('name');
$table->boolean('free')->default(0); // Campo que define si es gratuito
$table->timestamps();
});
}
Recomendaciones y pasos siguientes
Siguiendo estos pasos crearás una sólida base de datos para tu aplicación en Laravel. Te recomendamos ejecutar cada comando y configurar los modelos y migraciones como se describe para asegurar una estructura eficaz. Recuerda involucrarte activamente en cada paso, la práctica es clave para dominar Laravel y Tailwind CSS. ¡Sigue aprendiendo y no te detengas!