15 Formulario de Creación de Productos con Validación y Estilo | Laravel FullStack SistemaInventario

Duración: 48 min
Módulo: Módulo Productos Lección 2 de 4
Anterior
14 Nuevo Módulo de Productos en Laravel 12 | Modelo, Migración, Seeder y Listado FullStack
Siguiente
16 Guardar producto con el método store y cargar la imagen del producto al servidor | FullStack

Descripción

📦 En este video aprenderás a crear el formulario de productos desde cero usando Laravel 12.
✅ Incluimos validaciones, diseño responsivo y conexión al backend.
🎯 Ideal para sistemas de inventario modernos y escalables.
👨‍💻 Apto para principiantes y desarrolladores FullStack.
📚 ¡Sigue paso a paso y dale vida a tu sistema de gestión!

Contenido

Fragmento de código usado en la lección del video.

<div class="editor-wrapper">
   <textarea id="descripcion" name="descripcion"></textarea>
</div>

<style>
   .ck.ck-editor {
       width: 100% !important;
   }
   
   .ck-editor__editable {
       width: 100% !important;
       min-height: 300px;
       box-sizing: border-box;
   }
   
   .ck.ck-toolbar {
       flex-wrap: wrap;
   }
   
   @media (max-width: 768px) {
       .ck-editor__editable {
           min-height: 250px;
           padding: 10px;
       }
   }
</style>

<script src="https://cdn.ckeditor.com/ckeditor5/41.4.2/classic/ckeditor.js"></script>
<script>
   ClassicEditor
       .create(document.querySelector('#descripcion'), {
           toolbar: {
               items: [
                   'heading', '|',
                   'bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript', '|',
                   'link', 'bulletedList', 'numberedList', '|',
                   'outdent', 'indent', '|',
                   'alignment', '|',
                   'blockQuote', 'insertTable', 'mediaEmbed', '|',
                   'undo', 'redo', '|',
                   'fontBackgroundColor', 'fontColor', 'fontSize', 'fontFamily', '|',
                   'code', 'codeBlock', 'htmlEmbed', '|',
                   'sourceEditing'
               ],
               shouldNotGroupWhenFull: true
           },
           language: 'es'
       })
       .then(editor => {
           // Forzar responsive después de crear el editor
           const editorEl = editor.ui.view.element;
           editorEl.style.width = '100%';
           editorEl.querySelector('.ck-editor__editable').style.width = '100%';
       })
       .catch(error => {
           console.error(error);
       });
</script>

$0.00
Iniciar sesión para inscribirse

Lecciones

Introducción e instalación
Lección 1. 01 📦 Introducción al Curso: Sistema de Gestión de Inventario con Laravel PHP MySQL Desde Cero 5 min
Lección 2. 02 👋 Hola Mundo: Sistema de Inventario con Laravel PHP MySQL Desde Cero 🚀 15 min
Lección 3. 03 Instalar Plantilla AdminLTE en Laravel SIN Morir en el Intento | Sistema de Inventario PHP MySQL 17 min
Módulo Categorías
Lección 1. 04 📂 Módulo Categorías con MVC | Sistema de Inventario PHP Laravel MySQL Desde Cero 18 min
Lección 2. 05 📂 Modelo, Migración, Factory y Seeder de Categorías | Sistema de Inventario PHP Laravel MySQL 25 min
Lección 3. 06 📋 Listado de Categorías con Eloquent | Sistema de Inventario PHP Laravel MySQL 24 min
Lección 4. 07 📋 Formulario de Creación de Categorías | Sistema de Inventario PHP Laravel MySQL 24 min
Lección 5. 08 📋 Validación y Creación de Registro con método Store y SweetAlert2 | Sistema de Inventario PHP 26 min
Lección 6. 09 🔍 Búsqueda de Categorías y Mostrar Datos con Método show | Sistema de Inventario PHP Laravel 19 min
Lección 7. 10 🔄 Editar Categorías y Actualizar Datos con Método update | Sistema de Inventario PHP Laravel 18 min
Lección 8. 11 🗑️ Eliminar Categorías con Confirmación SweetAlert2 y Método destroy | Inventario PHP Laravel 22 min
Módulo Sucursales
Lección 1. 12 🏢 Módulo de Sucursales: Migraciones, Modelos, Controlador, Factory y Seeder | Inventario Laravel 22 min
Lección 2. 13 CRUD Completo del Módulo de Sucursales en Laravel 12 | Sistema de Inventario FullStack 54 min
Módulo Productos
Lección 1. 14 Nuevo Módulo de Productos en Laravel 12 | Modelo, Migración, Seeder y Listado FullStack 45 min
Lección 2. 15 Formulario de Creación de Productos con Validación y Estilo | Laravel FullStack SistemaInventario 48 min
Lección 3. 16 Guardar producto con el método store y cargar la imagen del producto al servidor | FullStack 31 min
Lección 4. 17 CRUD completo con todos sus métodos del producto al servidor | FullStack 44 min
Módulo Proveedores
Lección 1. 18 Nuevo Módulo de Proveedores en Laravel 12 | Modelo, Migración, Seeder y Listado-Laravel FullStack 46 min
Lección 2. 19 🛠️ CRUD Completo de Proveedores con Modales en Laravel 12 | Store, Update y Delete FullStack 45 min
Módulo de Lotes e Inventario por Sucursal
Lección 1. 20 🏷️ Módulo de Lotes e Inventario por Sucursal | Laravel 12 FullStack | Migraciones y Relaciones 34 min
Módulo Compras
Lección 1. 21 🏷️ Módulo de Compras y Detalle de Compras | Laravel 12 FullStack | Migraciones y Relaciones 29 min
Lección 2. 22 Creación de Orden de Compra paso a paso | Compras con Detalle en Laravel 12 FullStack 🛒🧾 36 min
Lección 3. 23 Instalando Livewire 3 sin morir en el intento | Sistema de Inventario Laravel 12 FullStack 🛒🧾 15 min
Lección 4. 24 🧾 Crear Ítems de Compra con Livewire | Sistema de Gestión de Inventario Laravel 12 FullStack 40 min
Lección 5. 25 🛒 Formulario de Ítems de Compra con Livewire | Inventario en Laravel 12 FullStack 28 min
Lección 6. 26 🛒 Función agregar Ítems de Compra con Livewire | Inventario en Laravel 12 FullStack 25 min
Lección 7. 27 🛒 Eliminar Ítems de Compra con Livewire | Gestión de Inventario en Laravel 12 FullStack 26 min
Lección 8. 28 🛒 Función updatedProducts Ítems de Compra en Livewire | Laravel 12 FullStack Inventario 31 min
Lección 9. 29 📧 Envío de Correos con MailTrap para Órdenes de Compra | Laravel 12 FullStack Inventario 26 min
Lección 10. 30 📧 Envío de Orden de Compra al Proveedor | Laravel 12 FullStack Sistema de Gestión de Inventario 30 min
Lección 11. 31 Finalizar Orden de Compra al Proveedor | Laravel 12 FullStack Sistema de Gestión de Inventario 51 min
Módulo Inventario
Lección 1. 32 📦 Listado de Lotes con Detalles Completos | Laravel 12 FullStack Sistema de Gestión de Inventario 30 min
Lección 2. 33 📦 Alerta y Notificacón de Productos Vencidos | Laravel FullStack Sistema de Gestión de Inventario 13 min
Lección 3. 34 📦 Stock de Productos en Cada Sucursal | Laravel FullStack Sistema de Gestión de Inventario 28 min
Lección 4. 35 📦 Detalle de Inventario por Sucursal | Laravel 12 FullStack Sistema de Gestión de Inventario 30 min
Lección 5. 36 📦 Historial de Movimientos de Compras | Laravel 12 FullStack Sistema de Gestión de Inventario 35 min
Lección 6. 37 📅 Filtrado de Lotes por Fechas y Alertas de Productos por Caducar | Laravel 12 FullStack Sistema 33 min
Lección 7. 38 🗑️ Borrar Compra con Detalles y Lotes Relacionados | Laravel 12 FullStack Sistema de Inventario 17 min
Módulo Ajustes y reportes
Lección 1. 39 🌙 Como Activar el Modo Dark en AdminLTE | Laravel 12 FullStack Sistema de Inventario 13 min

Apoya este proyecto

Si te gusta nuestro contenido, ¡apóyanos con una donación!

Donar por Airtm Donar por Binance

¡Gracias por tu apoyo! ❤️

Volver al curso