Abril 2022: Curso y libro Laravel Livewire, libro Django 4 y renovación del curso Laravel

Hola a todos! por aqui paso a decir las buenas nuevas!

CONTENIDO DEL MES

1. Este mes estoy trabajando en  la renovación del curso de Laravel, desde las primeras secciones, ya hay publicadas más de 18 horas del curso y poco a poco habrán más horas.
2. Estoy trabajando en la renovación del curso de Django para la sección de Vue.
3. Este mes voy a publciar la primera parte de mi libros de Django y
4. Ya esta disponible la primera parte del libro de Laravel Livewire en la plataforma de leanpub y Amazon
   1. https://www.desarrollolibre.net/libros/primeros-pasos-laravel-livewire
5. Listo el curso en Laravel Livewire.

Youtube:

1. Oruga UI para componentes en #Vue 3 con una Rest Api en #Laravel 9 | 2
2. Libro: Primeros pasos con Laravel 9; domina el framework PHP más famoso
3. Preparar el entorno necesario para Laravel 9 en Windows con Laragon, PHP 8
4. Configurar Axios en un proyecto en Vue 3 #Laravel 9 | 3
5. Consumir una Rest Api y construir un listado (Tabla) con Oruga UI #axios #Laravel 9 | 4
6. Material Design Icons, Oruga UI, Vue 3 y #Laravel 9 | 5
7. Paginación en Oruga UI Vue 3 #Laravel 9 | 6
8. Campos de formulario o-input - Oruga UI Vue 3 #Laravel 9 | 7
9. Configurar Vue Router para la navetación - Oruga UI Vue 3 #Laravel 9 | 8
10. Parámetros opcionales en las ruta Vue Router - Oruga UI Vue 3 #Laravel 9 | 9
11. Consumir REST API con Axios, Listado de Categorías - Oruga UI Vue 3 #Laravel 9 | 10

 Blog:

1. Cómo crear un proyecto en Laravel Livewire
2. Configurar Vue 3 en un proyecto en Laravel 9
3. Configurar axios para un proyecto en Vue 3
4. Configurar Oruga UI en Vue 3
5. Crear un listado en Vue 3 con el componente o-table Oruga UI, Rest Api en Laravel
6. Mostrar contenido HTML en Laravel blade
7. Primeros pasos Laravel 9 con Livewire 2

Mis cursos:

Curso y libro de Laravel 9

Consumir la Api Rest con Vue 3 y Oruga UI

1. List.vue: Confirmación para eliminar
   1. Vamos a crear un modal de confirmación al momento de eliminar.
2. Exponer y personalizar variables CSS de Oruga UI
   1. Vamos a exponer el CSS por defecto de Oruga para poder modificarlo.
3. Mensaje de acción
   1. Vamos a mostrar un mensaje para las acciones CRUDs.
4. Mensaje de acción
   1. Vamos a mostrar un mensaje para las acciones CRUDs.

Extra: Laravel, Vue 3, Oruga UI y carga de archivos

1. Habilitar la carga de archivos en la Rest Api
   1. Vamos a crear el recurso rest para subir archivos.
2. Carga de archivos desde Vue, Oruga
   1. Vamos a usar el componente de Oruga para el upload.
3. Aplicar validaciones
   1. Vamos a realizar las validaciones del lado del servidor y mostrarlas en Oruga.
4. Carga de archivos desde Vue, Oruga segundo componente
   1. Vamos a hacer la carga o upload en Vue 3 con Oruga UI con el segundo componente.
5. Mostrar errores de validación
   1. Vamos a mostrar posibles errores al momento de procesar la petición de upload.
6. Extra: Carga de archivos con Drag and Drop
   1. Vamos a ver una variante con la cual podemos realizar el upload mediante Drag and Drop.
7. Borrar archivos anteriores
   1. Vamos a borrar la imagen anterior.

Para el curso de Django:

Vue 3: NaiveUI y listados

1. Vue CLI
   1. Vamos a instalar Vue CLI.
2. Crear el proyecto
   1. Vamos a crear un proyecto con proyecto en Vue.
3. Instalar y configurar Vue Router
   1. Vamos a instalar y configurar Vue Router
4. Instalar axios y primera petición
   1. Vamos a instalar axios.
5. Crear un repositorio en git
   1. Vamos a crear un repositorio con github.
6. Crear un listado de categorías
   1. Vamos a crear una página de listado para las categorías.
7. Tarea: crear un listado de tipos
   1. Vamos a crear una página de listado para los tipos.
8. Navegación entre páginas
   1. Vamos a aprender a navegar entre páginas.
9. Sobre, Instalar, configurar y primeras pruebas con naive UI.
   1. Vamos a hablar sobre naive UI.
10. Componente de tabla para las categorías y tipos
    1. Vamos a crear un componente de tabla para nuestros listados.
11. Space: Contenedor
    1. Vamos a crear un contenedor de tipo Space.
12. Layout: Esqueleto básico
    1. Vamos a crear una estructura base de la web.
13. Menú: Establecer el RouterLink
    1. Vamos a adaptar el menú para que funcione con un router-link.
14. Menú: Opciones de listado dinámicas
    1. Vamos a crear un listado con las categorías y tipos en la Rest Api.
15. Menú: con componente menu
    1. Vamos a crear el modelo de menú.
16. Adaptar menú en un componente aparte
    1. Vamos a crear un componente en Vue para el menú.
17. Header para las categorías y tipos
    1. Vamos a crear un header con un menú.
18. Botones para los RouterLink
    1. Vamos a modificar los routerLink con un diseño de botón.
19. Integrar Tailwinds.css
    1. Vamos a instalar Tailwind.css en el proyecto.
20. Adaptar detalles visuales
    1. Adaptaremos ciertos detalles visuales con Tailwinds.
21. Listado de elementos
    1. Vamos a crear el listado de elementos.
22. Extra: Agrupar rutas
    1. Vamos a dar un mejor agrupado a las rutas.
23. Listado de elementos por categoría
    1. Vamos a obtener un listado de elementos por categorías.
24. Tarea: Listado de elementos por tipo
    1. Vamos a obtener un listado de elementos por tipos.
25. Extra: Introducción a sobrescribir el tema de NaiveUI
    1. Vamos a conocer cómo sobrescribir el estilo.
26. Vista de detalle de los elementos
    1. Vamos a crear la vista de detalle.
27. Menú: con componente anchor

Vue 3: CRUD y formularios

1. Formulario para categorías, estructura inicial
   1. Vamos a crear el esqueleto inicial para la creación.
2. Formulario para categorías, crear
   1. Vamos a crear una categoría mediante un formulario en Vue.
3. Formulario para categorías, manejo de errores
   1. Vamos a mostrar los errores del formulario.
4. Formulario para categorías, editar
   1. Vamos a adaptar el proceso para editar un registro.
5. Tarea: Formulario para tipos
   1. Vas a realizar el formulario de crear y editar para los tipos.
6. Formulario para los elementos, esquema inicial
   1. Vamos a crear la estructura inicial para el formulario de elementos.
7. Formulario para los elementos, armar listados
   1. Vamos a completar el formulario de elementos cargando los tipos y categorías desde la rest api.
8. Integrar CKEditor
   1. Vamos a configurar el plugin anterior en el proyecto.
9. Habilitar el CSS de CKEditor
   1. Vamos a habilitar el CSS para nuestro editor.

Vue 3: Ajuste

1. Activar opciones del menú de categorías y tipos
   1. Vamos a cargar los enlaces para la opción de categoría y tipos en los menús.