Aprenda desarrollo web con Laravel desde cero E-Book

Jhon Jairo Rincón

• Herausgeber: Marcombo
• Kategorie: Wissenschaft und neue Technologien
• Sprache: Spanisch

Seitenzahl: 184

Veröffentlichungsjahr: 2024

Beschreibung

Laravel es uno de los frameworks más populares para el desarrollo web en PHP. Si desea crear aplicaciones eficientes y así avanzar en el mundo del desarrollo web, ha llegado al libro indicado. Esta lectura le guiará paso a paso para que pueda construir un blog autoadministrable, utilizando las tecnologías más avanzadas, como Livewire, Tailwind y Alpine.js. Además, profundizará en la programación web con PHP, lo que le permitirá crear un blog que cualquier usuario podrá gestionar sin necesidad de conocimientos técnicos avanzados. Descubrirá las tecnologías del futuro oLaravel: Conozca cómo uno de los frameworks más populares en PHP puede transformar su manera de desarrollar aplicaciones web. oLivewire: Aprenda a añadir interactividad a su sitio web sin escribir una sola línea de JavaScript. oTailwind: Diseñe interfaces de usuario modernas y atractivas con este innovador framework CSS. oAlpine.js: Incorpore interactividad adicional con esta biblioteca de JavaScript ligera y fácil de usar. Disfrutará de una guía práctica y recursos audiovisuales Jhon Jairo Rincón Cardona, experto en desarrollo web con PHP y JavaScript, comparte su vasta experiencia y conocimiento para ayudarle a avanzar en su carrera como desarrollador web. Por ello, en este libro no solo presenta contenidos teóricos, sino que también incluye el acceso a material web de gran valor. Tendrá a su disposición un total de 279 vídeos, que le llevarán de la mano en todo el proceso de desarrollo de un blog autoadministrable. Desde la instalación y configuración hasta la creación de bases de datos y la implementación de funcionalidades de publicación y comentarios, este libro es un compendio de contenidos prácticos que le ayudarán a profesionalizar sus proyectos como programador.

Leseprobe

Aprenda desarrollo web con Laravel desde cero

© 2025 Jhon Jairo Rincón

Primera edición, 2025

© 2025 MARCOMBO, S. L.

www.marcombo.com

Ilustración de cubierta: Jotaká

Maquetación: Reverté-Aguilar, S. L.

Corrección: Héctor Tarancón

Directora de producción: M.ª Rosa Castillo

Cualquier forma de reproducción, distribución, comunicación pública o transformación de esta obra solo puede ser realizada con la autorización de sus titulares, salvo excepción prevista por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si necesita fotocopiar o escanear algún fragmento de esta obra

ISBN del libro en papel: 978-84-267-3893-6

ISBN del libro electrónico: 978-84-267-3960-3

Producción del ePub: booqlab

Contenido

Prólogo

MÓDULO 1Introducción a Laravel

1.1. Lo que aprenderá en este curso

1.2. Instalación y configuración del servidor

1.3. Otra forma de crear un nuevo proyecto en Laragon

MÓDULO 2Rutas, controladores y vistas de Laravel

2.1. Creando las páginas del menú (routes)

2.2. Controladores de Laravel

2.3. Los grupos de rutas

2.4. Las vistas en Laravel

2.5. Aprendiendo a utilizar el motor de plantillas de Blade

MÓDULO 3Manejo de bases de datos, migraciones y modificación de tablas

3.1. Introducción al manejo de bases de datos

3.2. Introducción a las migraciones, creando las tablas en la base de datos.

3.3. Creando nuevas migraciones y utilizando el método “up()”

3.4. Las migraciones, modificando las tablas

3.5. Modificar las propiedades de una columna

MÓDULO 4Eloquent, seeders, factories y consultas en la terminal con Tinker

4.1. Introducción a Eloquent

4.2. Seeders en Laravel

4.3. Factories en Laravel

4.4. Generador de consultas Eloquent desde la consola de Tinker

MÓDULO 5Modificación de datos antes y después de almacenarse en la base de datos

5.1. Mutadores y accesores

MÓDULO 6Formularios en Laravel, crear, leer, actualizar y eliminar registros

6.1. Listar y leer registros en Laravel

6.2. Agregar registros desde un formulario

6.3. Editar y actualizar registros desde un formulario

6.4. Validar formularios en Laravel

6.5. Métodos de validación de datos (Form Request)

6.6. La asignación masiva en Laravel

6.7. Eliminar registros de la base de datos

MÓDULO 7Menú de navegación y URL amigables

7.1. Cómo generar URL amigables en Laravel

7.2. Creando el menú de navegación

MÓDULO 8Formulario de contacto y envío de correos en Laravel

8.1. Configuración y envío de correos en Laravel

8.2. Creando un formulario para la página de contáctanos

8.3. Validando los campos del formulario

MÓDULO 9Kits de inicio en Laravel (Jetstream y Breeze)

9.1. Kits de inicio (Laravel Breeze)

9.2. Kits de inicio (Laravel Jetstream)

MÓDULO 10Trabajando con Bootstrap en Laravel

10.1. Laravel Jetstream con Bootstrap

10.2. Configuración de Bootstrap para Laravel

MÓDULO 11Cómo crear y utilizar componentes en Laravel

11.1. Componentes de Laravel Blade

11.2. Slots, atributos y paso de parámetros de una vista a un componente

11.3. Separando la lógica de programación de la vista de los componentes

11.4. Utilizando los componentes de Jetstream en las vistas de Laravel 9

MÓDULO 12Reutilizando la plantilla de Jetstream y los middlewares en Laravel

12.1. Cómo modificar y reutilizar la plantilla de Jetstream

12.2. Explorando el menú nav de Jetstream

12.3. Modificando el logo de nuestro dashboard Jetstream

12.4. Cómo reutilizar la plantilla que nos proporciona Jetstream

12.5. Qué son los middlewares en Laravel

MÓDULO 13Modelos y relaciones de bases de datos de Laravel

13.1. Cómo diseñar una base de datos (Modelo Conceptual)

13.2. Modelo conceptual complejo

13.3. Modelo lógico

13.4. Normalización de bases de datos

13.5. Diseñando el modelo físico de la base de datos

13.6. Modelo físico, relación de uno a muchos

13.7. Creando la relación uno a muchos de la entidad “videos”

13.8. Relación de muchos a muchos (modelo físico)

13.9. Creando la tabla “permisos” (relación de muchos a muchos)

13.10. Relación de uno a uno polimórfica (modelo físico)

13.11. Relación de uno a muchos polimórfica (modelo físico)

13.12. Relación de muchos a muchos polimórfica (modelo físico)

MÓDULO 14Proyecto de creación de un blog

14.1. Lo que aprenderá en este proyecto

Prólogo

Aprenda desarrollo web con Laravel desde cero, con este libro aprenderá a crear un blog autoadministrable con Laravel, Livewire, Tailwind y Alpine.js. El contenido de este libro es perfecto para aquellos que desean continuar avanzando en la programación web con PHP y avanzar como desarrolladores, al terminar habrá creado un blog donde cualquier usuario podrá administrarlo fácilmente sin la necesidad de conocimientos técnicos avanzados.

Laravel es uno de los frameworks más populares para el desarrollo web en PHP, y con el temario que he preparado en este libro aprenderá a utilizarlo para crear un blog. Livewire le permitirá agregar interactividad a su sitio web sin la necesidad de escribir JavaScript, mientras que Tailwind le ayudará a diseñar una interfaz de usuario moderna y atractiva. Alpine es una biblioteca de JavaScript liviana y fácil de aprender que le permitirá agregar interactividad adicional a su sitio.

Con este libro aprenderá a instalar y configurar Laravel, Livewire, Tailwind y Alpine, y cómo utilizarlos juntos para crear un blog completamente funcional. Desde la creación de la base de datos y la migración de los modelos hasta la implementación de la funcionalidad de publicación y comentarios, este curso le guiará en todo el proceso de creación de un blog autoadministrable.

Este libro está escrito por Jhon Jairo Rincón Cardona, experto en desarrollo web con PHP y JavaScript.

MÓDULO 1

INTRODUCCIÓN A LARAVEL

1.1. Lo que aprenderá en este curso

En Aprenda desarrollo web con Laravel desde cero, el alumno aprenderá a crear un blog autoadministrable con Laravel, Livewire, Tailwind y Alpine. Este curso es perfecto para aquellos que desean continuar avanzando en la programación web con PHP y avanzar como desarrolladores. Al terminar el curso el alumno habrá creado un blog donde cualquier usuario podrá administrarlo fácilmente sin la necesidad de conocimientos técnicos avanzados.

Laravel es uno de los frameworks más populares para el desarrollo web en PHP, y en este curso le enseñaremos cómo utilizarlo para crear un blog. Livewire le permitirá agregar interactividad a su sitio web sin la necesidad de escribir JavaScript, mientras que Tailwind le ayudará a diseñar una interfaz de usuario moderna y atractiva. Alpine es una biblioteca de JavaScript liviana y fácil de aprender que le permitirá agregar interactividad adicional a su sitio.

A lo largo de este curso, aprenderá cómo instalar y configurar Laravel, Livewire, Tailwind y Alpine, y cómo utilizarlos juntos para crear un blog completamente funcional. Desde la creación de la base de datos y la migración de los modelos hasta la implementación de la funcionalidad de publicación y comentarios, este curso le guiará en todo el proceso de creación de un blog autoadministrable.

1.1.1. En este curso también aprenderá

• A crear, validar y procesar formularios.

• A configurar Laravel para enviar emails.

• Lo que es el middleware para hacer login con protección en el password y recuperación de credenciales.

• A desarrollar aplicaciones de gestión de datos.

• A utilizar Tailwind o implementar Bootstrap en sus proyectos de Laravel.

• A crear componentes personalizados.

• A crear modelos de bases de datos complejos.

• A crear y gestionar roles y permisos con Laravel Passport.

• A implementar ADMIN LTE para crear el panel de administración de un blog.

• Lo que son los seeders y los fakers para generar datos de pruebas en su aplicación.

Si conoce el lenguaje PHP y quiere avanzar en su carrera como desarrollador con Laravel podrá desarrollar unas habilidades muy valiosas, como son:

•Habilidades transferibles: las habilidades que se aprenden con Laravel son transferibles a otros frameworks PHP, lo que hace que sea una inversión valiosa para el futuro.

•Habilidades para el desarrollo web completo: Laravel le enseñará a desarrollar aplicaciones web completas, incluyendo back-end, front-end y bases de datos.

•Habilidades blandas: Laravel le ayudará a desarrollar habilidades blandas como la resolución de problemas, el trabajo en equipo y la comunicación.

1.2. Instalación y configuración del servidor

1.2.1. ¿Qué es Laragon?

Laragon es una herramienta para equipos técnicos que permite crear diferentes entornos de desarrollo, lo que facilita el trabajo con las aplicaciones. Al instalar Laragon podremos trabajar con lenguajes del lado del servidor como Node, Ruby, Python y, por supuesto, PHP.

Para todos los desarrolladores que quieran aumentar su productividad y flujos de trabajo es más que recomendable, ya que Laragon ofrece unas prestaciones que hace que todo sea más sencillo y rápido a la hora de crear entornos de trabajo, su configuración es rápida y, además, es gratuito.

Para empezar el curso de Laravel creará su entorno virtual, en este curso trabajará con Laragon, aquellos que deseen trabajar con otros entornos locales como “Xamp” o “Wampserver” pueden hacerlo, casi todos funcionan igual, la única diferencia es que Laragon crea automáticamente el virtual host, mientras que en los otros servidores locales deberá hacerlo de forma manual.

1.2.2. Descargando e instalando Laragon

A continuación, verá un vídeo sobre cómo instalar Laragon.

https://youtu.be/m4wy9EYEwuM

Ahora vaya a la ventana de ajustes de Laragon y seleccione:

menu->PHP->version

Aquí deje la versión 8.1, si no la tiene seleccionada por default selecciónela, así podrá trabajar con la última versión de Laravel.

Ahora que ve que todo funciona ya podrá instalar LARAVEL. En la versión 10 o 11, Laravel requiere una versión PHP 8.1 o superior.

Vaya a la ventana de opciones de Laragon y en:

Menú -> creación rápida de sitio web-> laravel

Cree el proyecto “escuela” y vea cómo se empiezan a descargar los paquetes de Laravel y a instalarse todos los archivos necesarios.

Una vez se instale todo saldrá lo siguiente:

Ahora, desde la ventana de Laragon, abra el proyecto y se abrirá el navegador con nuestro nuevo proyecto “escuela”.

1.3. Otra forma de crear un nuevo proyecto en Laragon

Para crear un nuevo proyecto en Laragon lo hará desde la misma terminal de Laragon, así que lo primero será iniciar todos los servicios y después abrir la terminal.

Una vez lo abra compruebe que tiene el Composer y la versión de PHP, así que escribirá:

composer + enter

Esto le mostrará la versión del Composer.

Después escribirá:

php -v

1.3.1. Esto le mostrará la versión de PHP con la que está trabajando, si es la versión PHP 8.1 o 8.2 podrá instalar la versión 10/11 de Laravel.

Limpie la consola con el comando:

clear + enter

Después de comprobar todo, para crear un nuevo proyecto de Laravel consulte la documentación:

https://laravel.com/docs/10.x/installation

Lo primero es instalar Laravel a nivel global, así que escriba el comando:

composer global require laravel/installer

Después de esto escriba el comando para crear el nuevo proyecto, para el nombre del proyecto no deben utilizarse espacios ni guiones bajos, ha de ser un nombre corto y sencillo, teclee “pruebaescuela”.

laravel new pruebaescuela

Después de que se cargue todo cierre la terminal y recargue Laragon para que cree la nueva ruta del proyecto, entonces en la ventana de Laragon vaya a:

menú->www

Y aquí verá el nuevo proyecto.

Después de esto ya podrá empezar a maquetar su proyecto.

MÓDULO 2

RUTAS, CONTROLADORES Y VISTAS DE LARAVEL

2.1. Creando las páginas del menú (routes)

Las rutas o routes son esenciales en Laravel, pues desde aquí manejará las rutas hacia los archivos de las páginas que creará en la carpeta “public”.

En la carpeta “routes”, que se encuentra en la raíz de su proyecto, encontrará un archivo que se llama “web.php”. En este archivo definirá las rutas de las páginas principales y las subpáginas pasando una variable en la función o método “get()”, que utilizará para crear las rutas.

Ahora, por ejemplo, creará la ruta de una página que llamará “cursos”, para ello, justo debajo de la ruta que ya tiene, escribirá lo siguiente:

Ahora en la URL principal de su proyecto escribirá “/cursos”, la url quedaría así, “http://escuela.test/cursos”, y saldría el mensaje que ha puesto, como puede ver en la siguiente imagen:

Ahora imagine que la página “cursos” es una página donde alojará muchos otros cursos, es decir, existirán muchas rutas que se crearán bajo la categoría principal, que será “cursos”. Para esto, escriba lo siguiente:

Ahora, si escribimos algo en la URL, será el valor que tenga la variable para luego retornarlo en el mensaje, es decir, si en la URL escribimos “/curso/javascript” el mensaje que verá será:

“Bienvenido al curso de javascript”.

NOTA IMPORTANTE:

Ahora, para ayudarnos a crear las rutas y otras funciones útiles y repetitivas, en Laravel instalaremos el complemento “Laravel Snippets” en Visual Studio Code.

Después de esto cree otra subruta que será opcional, para ello escriba un nuevo método:

Después, dentro del método “get()” verá un condicional que valida si la variable $categoria está recibiendo algún valor, lo recomendable es que este condicional se establezca en la parte del controlador, y no aquí.

Ahora imagine que quiere hacer un formulario para crear un curso, la URL sería: “cursos/create”. Es muy importante el orden donde va esta función, porque si la pone al final dará error, pero si la pone justo debajo de la URL “cursos”, y antes de declarar la variable “curso” en la URL “cursos/{curso}”, entonces sí funcionará.

Esto se debe a que el archivo de PHP se va leyendo de arriba hacia abajo, por esto es importante el orden de las funciones o métodos.

2.2. Controladores de Laravel

En lugar de definir en su totalidad la lógica de las peticiones en el archivo “web.php”, que se encuentra en el directorio “routes”, lo más optimo es organizar este comportamiento usando clases tipo Controller.

Los Controladores pueden agrupar las peticiones HTTP relacionadas con la manipulación lógica en una clase.

Los Controladores normalmente se almacenan en el directorio de la aplicación:

app/Http/Controllers/

Un Controller usualmente trabaja con las peticiones:

• GET

• POST

• PUT

• DELETE

• PATCH

Asociando los métodos de la siguiente forma:

• GET: index, create, show, edit

• POST: store

• PUT: update

• DELETE: destroy

• PATCH: update

Los controladores ayudan a agrupar estas peticiones en una clase que se liga a las rutas.

El controlador se encarga de determinar qué es lo que se va a mostrar al usuario.

Por ejemplo, si quiere crear ciertas funciones para su página de inicio creará un controlador que se llamará “Home”, este controlador lo creará a través de la terminal de Laragon, para crear los controladores también utilizará PHP Artisan.

Así que para crear el Controller “Home” escribirá el comando:

php artisan make:controller HomeController

Esta es la línea de comando básica que crea la clase del controlador sin la función o método “__invoke()”, que es la que se utiliza para escribir el código que utilizará en esta página. Así, si revisa ahora la ruta:

“app/Http/Controllers/”

Verá el nuevo controlador.

Ahora, dentro del controlador creará el método “__invoke()” y dentro de este método irá toda la lógica de programación que teníamos en la ruta (‘/’), lo que quedará así:

Ahora vuelva al archivo “web.php” de la carpeta “routes” para incluir el controlador, así que en la parte superior escribirá:

use App\Http\Controllers\HomeController;

Y después añadirá el Controller al método “get()” así:

Route::get('/', HomeController::class);

Ahora el archivo completo “web.php” debe estar así:

Ahora haga lo mismo con la página “cursos”, creará un controlador, pero esta vez lo hará directamente desde el editor de código “Visual Studio Code”, así que pulse CTRL + Ñ para abrir la terminal y escriba:

php artisan make:controller CursoController

Puede verlo en la imagen.

Ahora aparecerá el archivo “CursoController.php” en la ubicación “app/Http/controllers”.

En este controlador creará tres rutas distintas, y para ello lo hará con tres métodos distintos.

“index()”: este es el método que por default muestra la página principal.

“create()”: este es el método encargado de crear un formulario para crear un curso.

“show()”: este es el método que se suele utilizar para mostrar la vista del curso que se ha creado.

Ahora el archivo “CursoController.php” debería estar así:

A continuación, los comentarios que hay dentro de las funciones “get()” en el archivo “web.php” los quitará y los pondrá en estos nuevos métodos:

En el último método “show()” pasará la variable $curso como parámetro.

Ahora vaya de nuevo al archivo “web.php” para incluir la ruta del controlador. Si tiene instalada la extensión “php intelephense” le será de gran utilidad el asistente.

Escriba “use Curso” y automáticamente el asistente de la extensión le escribirá toda la línea de código para incluirla en el controlador.

use App\Http\Controllers\CursoController;

Ahora pondrá el controlador dentro de los métodos “get()”, es importante tener en cuenta que por default, cuando incluye el controlador en el método “get()”, este buscará el método “__invoke()”. Pero este método no lo utilizará, lo que utilizará serán los propios métodos que ha creado, por ejemplo, para la primera ruta “cursos” creó el método “index()”, entonces lo que hará será escribir lo siguiente:

Ahora con las otras dos rutas “create” y “{curso}” hará lo mismo. De momento elimine la ruta de las “categorias”.

El código completo del archivo “web.php” ahora debería verse así:

2.3. Los grupos de rutas

El controlador de grupos de rutas sirve para agrupar varias rutas que comparten el mismo controlador, es decir, para la ruta “cursos” hay un solo controlador donde hay tres métodos distintos para manejar cada ruta, esto se puede agrupar dentro del siguiente método:

Así, con este método solo deberá pasar su Controlador una sola vez, y este lo pasará como parámetro dentro del método controller(), debería ser así:

Ahora, dentro de este método, pasará los métodos “get()” con las rutas y los métodos a los que van relacionadas.

NOTA IMPORTANTE:

Esto solo debe hacerse con las rutas que comparten un solo controlador.

Después de esto guarde los cambios, si prueba las rutas en su navegador todo debería funcionar correctamente.

2.4. Las vistas en Laravel

Las vistas en Laravel son la parte pública que el usuario del sistema va a poder ver, se escriben en HTML junto con un motor de plantillas llamado Blade.

Las vistas se encuentran ubicadas en la carpeta:

resources/views/

Laravel, por defecto, trabaja con la idea de que tiene que escribir la menor cantidad de código repetido, modularizar su código en donde más se pueda, y si esto lo aplica en sus modelos, controladores y demás partes de su proyecto, entonces ¿por qué no hacerlo también en las vistas?

Laravel usa unos archivos que se llaman plantillas o templates, que suelen ser los archivos principales, que tienen los segmentos de código que se repiten en más de una vista, como por ejemplo la barra de navegación, un menú de opciones, la estructura del acomodo de su proyecto, etc.

Como deben de estar prácticamente presentes en todos lados, no tiene sentido repetirlos en todas las vistas.

Por defecto, Laravel contiene un template llamado “welcome.blade.php”, usualmente los templates contienen el head del HTML, las ligas del CSS del sistema y una sección exclusiva para los archivos Javascript.

Ahora algo muy importante que debe tener en cuenta es que la carpeta “views”, que está dentro de la carpeta “resources”, será la carpeta principal donde apuntará el método “view()”, que es con el cual incluirá las páginas de su proyecto.

Empiece por crear la página de inicio de su proyecto, así que dentro de la carpeta “views” cree el archivo “home.php”, y dentro cree una estructura básica HTML. Escriba “html:5” en Visual Studio y el archivo quedará así:

Ahora, dentro del body, cree un “h1” y ponga “Bienvenido al Home”, después en el archivo del controlador del home, donde está el método “view()”, pondrá el nombre de la página que ha creado.

Como se puede ver, no hace falta poner la extensión del archivo.

Ahora, para las vistas de las rutas que tiene para los cursos, cree una carpeta “cursos” dentro de la carpeta “view”.

Después, dentro de esa carpeta “cursos”, cree los archivos:

• index.php

• create.php

• show.php

Ahora, dentro de estos tres archivos, cree una estructura HTML igual que con el “home.php”. Después de esto cortará el mensaje de los métodos index, create y show, y los pegará en sus respectivas vistas dentro de la etiqueta “h1” igual que hicimos con el “home.php”.

La única excepción será en el archivo “show.php”, donde pondrá la variable curso, y será entre etiquetas PHP.

<h1>Bienvenido al curso de: <?php echo $curso; ?></h1>

Ahora, dentro de los métodos que tiene el controlador “CursoController”, ponga el método “view()” para redireccionar a las páginas que toca.

Es muy importante tener en cuenta que, para apuntar a un archivo que se encuentra dentro de una carpeta, debe utilizar un punto, es decir, para apuntar al archivo “index”, que está dentro de la carpeta “cursos”, escribirá “cursos.index”. El código del método index quedaría así:

Ahora todos los métodos se verían así:

Ahora, si prueba las rutas en su navegador, verá que la ruta “/cursos/curso” no funciona y da error. Esto se debe a que en el método “view()” debe pasar un array con la variable que recibirá, así que pondrá:

NOTA IMPORTANTE:

Si, por ejemplo, en el array el índice fuera ‘c’ en vez de curso.

En el archivo “show.php” la variable tendría que ser “$c”:

<h1>Bienvenido al curso de: <?php echo $c; ?></h1>

En este ejemplo queda claro que el nombre del índice que pasa en el controlador ha de ser el mismo que el que utiliza para crear la variable en la página de la vista.

2.5. Aprendiendo a utilizar el motor de plantillas de Blade

Una parte muy importante del motor de plantillas de Blade que por default trae Laravel es que con él podrá crear la estructura de su template sin necesidad de repetir código.

Lo primero será ir a la raíz de la carpeta “views” y dentro cree una nueva carpeta “layouts”, dentro de esta carpeta cree el archivo “plantilla.blade.php”, y dentro creee la estructura HTML que hizo anteriormente para los archivos “home”, “show”, “create” y “index”.

Después, dentro de este nuevo archivo “plantilla.blade.php”, añada un código para identificar el título de la página y otro para identificar el contenido. El documento ahora estará así:

Para traer la información de otras páginas está utilizando “@yield()”.