Envíanos tu consulta
![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M505.604 481.421C505.748 481.953 505.821 482.502 505.822 483.053V568.69C505.822 569.789 505.533 570.869 504.983 571.82C504.433 572.771 503.642 573.56 502.691 574.107L430.949 615.49V697.513C430.949 699.746 429.765 701.806 427.833 702.93L278.079 789.302C277.736 789.497 277.362 789.622 276.988 789.754C276.848 789.801 276.716 789.887 276.568 789.926C275.521 790.202 274.421 790.202 273.374 789.926C273.202 789.879 273.047 789.785 272.883 789.723C272.54 789.598 272.182 789.489 271.855 789.302L122.132 702.93C121.181 702.383 120.39 701.594 119.84 700.643C119.291 699.692 119.001 698.612 119 697.513V440.601C119 440.039 119.078 439.492 119.218 438.962C119.265 438.782 119.374 438.618 119.436 438.439C119.553 438.111 119.662 437.775 119.834 437.471C119.95 437.268 120.122 437.104 120.262 436.917C120.441 436.667 120.605 436.409 120.815 436.191C120.994 436.011 121.228 435.879 121.431 435.722C121.657 435.535 121.859 435.332 122.116 435.184H122.124L196.989 391.998C197.937 391.452 199.012 391.164 200.105 391.164C201.199 391.164 202.274 391.452 203.222 391.998L278.087 435.184H278.102C278.352 435.34 278.562 435.535 278.788 435.715C278.991 435.871 279.216 436.011 279.396 436.183C279.614 436.409 279.77 436.667 279.957 436.917C280.089 437.104 280.268 437.268 280.377 437.471C280.556 437.783 280.658 438.111 280.782 438.439C280.845 438.618 280.954 438.782 281 438.969C281.144 439.501 281.217 440.05 281.219 440.601V601.066L343.604 565.076V483.045C343.604 482.498 343.682 481.944 343.822 481.421C343.876 481.234 343.978 481.07 344.04 480.891C344.165 480.563 344.274 480.227 344.445 479.923C344.562 479.72 344.733 479.556 344.866 479.369C345.053 479.119 345.209 478.861 345.427 478.643C345.606 478.463 345.832 478.33 346.034 478.174C346.268 477.987 346.471 477.784 346.72 477.636H346.728L421.601 434.45C422.549 433.903 423.623 433.615 424.717 433.615C425.811 433.615 426.885 433.903 427.833 434.45L502.698 477.636C502.963 477.792 503.166 477.987 503.4 478.167C503.594 478.323 503.82 478.463 503.999 478.635C504.218 478.861 504.373 479.119 504.56 479.369C504.701 479.556 504.872 479.72 504.981 479.923C505.16 480.227 505.262 480.563 505.386 480.891C505.456 481.07 505.558 481.234 505.604 481.421V481.421ZM493.342 565.076V493.863L467.143 508.973L430.949 529.852V601.066L493.35 565.076H493.342ZM418.477 693.9V622.639L382.875 643.01L281.211 701.143V773.075L418.477 693.9ZM131.48 451.411V693.9L268.731 773.067V701.151L197.028 660.494L197.005 660.478L196.974 660.463C196.732 660.322 196.53 660.119 196.304 659.947C196.109 659.791 195.883 659.667 195.712 659.495L195.696 659.471C195.494 659.276 195.353 659.034 195.182 658.816C195.026 658.605 194.839 658.426 194.714 658.207L194.707 658.184C194.566 657.949 194.481 657.668 194.379 657.403C194.278 657.169 194.146 656.95 194.083 656.701V656.693C194.006 656.396 193.99 656.084 193.959 655.78C193.928 655.545 193.865 655.311 193.865 655.077V655.062V487.4L157.679 466.514L131.48 451.418V451.411ZM200.113 404.627L137.736 440.601L200.098 476.574L262.467 440.593L200.098 404.627H200.113ZM232.552 629.133L268.738 608.262V451.411L242.539 466.521L206.345 487.4V644.251L232.552 629.133ZM424.717 447.079L362.347 483.053L424.717 519.026L487.079 483.045L424.717 447.079V447.079ZM418.477 529.852L382.283 508.973L356.084 493.863V565.076L392.27 585.947L418.477 601.066V529.852ZM274.963 690.333L366.445 638.007L412.175 611.86L349.852 575.91L278.095 617.3L212.695 655.022L274.963 690.333V690.333Z" fill="%23FF2D20"/>
<path d="M661.659 180L616.323 258.28L570.987 180H420.012L616.323 518.971L812.633 180H661.659Z" fill="%234DB983"/>
<path d="M661.379 180.005L616.322 257.912L571.266 180.005H499.268L616.322 382.407L733.377 180L661.379 180.005Z" fill="%23435467"/>
</svg>)
Curso de Desarrollo FullStack con Laravel y Vue
DISPONIBLE EN MODALIDAD:
Aula Virtual Personalizada
Aprende a desarrollar aplicaciones web Back y Front con dos de los frameworks más interesantes actualmente: Laravel y Vue
Aprende a desarrollar aplicaciones web Back y Front con dos de los frameworks más interesantes actualmente: Laravel y Vue
Formación en Desarrollo FullStack con Laravel y Vue bonificable para empresas
A quién va dirigido nuestro curso de Desarrollo FullStack con Laravel y Vue
- Desarrolladores Fullstack que quieran aprender a desarrollar aplicaciones Web con Laravel y Vue
Objetivos de nuestro curso de Desarrollo FullStack con Laravel y Vue
- Desarrollar aplicaciones Backend con Laravel 9
- Desarrollar aplicaciones Frontend con Vue (Composition API) y Typescript
- Hacer uso de gráficas con chart.js
- Añadir sistemas de autenticación y pagos seguros
- Realizar builds de producción y despliegues
- Desarrollar un proyecto final evolutivo
Qué vas a aprender en nuestro curso de Desarrollo FullStack con Laravel y Vue
Aprende a desarrollar aplicaciones web Back y Front con dos de los frameworks más interesantes actualmente: Laravel y Vue
Requisitos de nuestro curso de Desarrollo FullStack con Laravel y Vue
- Tener experiencia desarrollando aplicaciones de navegador con HTML, CSS y JavaScript
- Tener experiencia desarrollando con PHP
- Permisos suficientes para descargar e instalar software en tu equipo Linux, Mac o Windows.
- Es recomendable tener experiencia con TypeScript y haber trabajado con GIT
- Disponer de un equipo con acceso a un usuario con permisos suficientes de instalación SW
- Tener Visual Studio Code, Node y NPM instalados previamente
- Tener instalada en tu equipo una versión de PHP entre 8.0 y PHP 8.1 previamente.
- Tener instalado PHP MyAdmin previamente y acceso a bases de datos MySQL o MariaDB
Temario del curso de Desarrollo FullStack con Laravel y Vue
tema 1
Introducción al desarrollo con Laravel y Puesta en Marcha
- Introducción a Laravel
- Características
- Composer
- Instalaciones y configuraciones
- Configuración del IDE: Visual Studio Code
- Creación de proyecto Laravel
- Análisis de estructura de carpetas y arquitectura
- Despliegue en local
tema 2
Novedades de Laravel
- Laravel Jetstream
- Directorio de Modelos
- Clases factory en los modelos
- Migration Squashing
- Trabajos por Lotes
- Mejoras en el modo de mantenimiento
- Cierre de "Dispatch"
- Componentes dinámicos de Blade
- Mejoras en el Event Listener
tema 3
API Rest en Laravel
- Introducción a API Rest
- Rangos de Métodos HTTP
- Trabajando con JSON
- Entendiendo las partes de una petición de cliente
- Entendiendo las partes de una respuesta de servidor
- Creación de aplicacción API Rest con Laravel
- Build de desarrollo y despliegue en local
- Primeras pruebas con Postman
tema 4
Routing
- Introducción
- Funcionamiento interno
- Rutas
- Rutas con variables
- Argumentos del controlador
- Añadir requisitos
- Rutas Avanzadas
tema 5
Controladores
- Introducción a los controladores y endpoints
- URL y Controlador
- Gestión de peticiones y generación de respuestas
- Controlador Base
- Tareas comunes
- Gestión de Errores
- Sesión
tema 6
Bases de datos y Eloquent
- Configuración
- Migraciones
- Seeding
- Query builder
- ¿Qué es Eloquent?
- Crear y definir modelos de Eloquent
- Recuperar datos
- Inserts y Updates
- Borrado con Eloquent
- Ámbitos
- Accesors y Mutators
- Colecciones en Eloquent
- Serializaciones con Eloquent
- Relaciones con Eloquent
- Eventos con Eloquent
tema 7
Gestión de la persistencia
- Instalación y configuración
- Ejemplo Sencillo
- Buscando Objetos
- Relaciones y asociaciones de Entidades
- Tipos de datos
tema 8
CRUD
- Introducción a CRUD
- Creación de endpoints para CRUD
- Analizando peticiones y generando respuestas tipo JSON
tema 9
Configuración, Autenticación y gestión de sesiones
- Referencia de Configuración
- Parámetros
- Fichero .env y Variables de entorno
- Seguridad
- Introducción
- Autenticación
- Autenticación de Usuarios
- Carga de Usuarios
- Codificar Contraseña
- Denegar el Acceso
- Obtener el Objeto User
- Cerrar Sesión
tema 10
Artisan y Tinker
- ¿Qué es Artisan?
- Comandos básicos
- Personalizando comandos con Artisan
- Llamando a los comandos de Artisan
- Tinker
- Servidor dump de Laravel
tema 11
Internacionalización
- Introducción
- Traducción Básica
- Traducción en Plantillas
- Obtener Contenido de Traducciones y Actualizar
- Recursos de Traducción
tema 12
Exportaciones
- Exportación a Excel
- Exportación a PDF
tema 13
Notificaciones en Tiempo Real
- Introducción a las notificaciones en tiempo real
- Creación de capa de notificaciones en tiempo real
tema 14
Sistemas de Pagos
- Introducción a los sistemas de pagos disponibles en la actualidad
- Creación de capa para pagos con entidades bancarias
tema 15
Securización
- Problemas y riesgos en el mundo real
- HTTPS
- Configuración CORS
- Tipos de ataques
- Configuraciones frente a ataques
- Recomendaciones y buenas prácticas
tema 16
Testing en Laravel
- Introducción
- Test Unitarios con PHPUnit
- Testing con Pest
- Testing de peticiones HTTP
- Testing en Postman
- Mocking y Stubbing
- Testing en comandos de Artisan
- Testing en múltiples navegadores
tema 17
Builds de producción y despliegue
- Configuraciones de hosting local
- Configuraciones en la nube
- Generación de builds de producción
- Despliegues y comprobación de disponibilidad
- Pruebas con Postman
tema 18
Introducción al desarrollo con Vue en Typescript y puesta en marcha
- Configurando Visual Studio Code para desarrollar con Typescript y Vue
- ¿Qué es Vue?
- ¿Qué es Vue CLI?
- Comandos esenciales de Vue CLI
- Opciones de creación de proyecto y guardado de plantillas
- Creando el primer proyecto Vue y TypeScript
tema 19
Interacción con el DOM
- Las plantillas de Vue
- Instancias y sintaxis de las plantillas de Vue
- Gestión de datos y binding
- ¿Qué son las directivas y cómo se usan?
- El Re-renderizado
- Eventos: Objetos, datos y modificadores
- Los eventos de teclado
- Uso de código en las plantillas
- El binding doble
- Las propiedades y la reacción ante los cambios
- La escucha activa ante cambios
- Uso de clases CSS para dar estilos de manera dinámica
tema 20
Componentes
- ¿Qué es un componente?
- Almacenando datos en componentes
- Registrando componentes
- El componente raíz (root)
- Creando componentes
- Usando componentes
- Buenas prácticas de estructuración del proyecto
- Estructuras de carpetas alternativas
- ¿Cómo se nombran los componentes?
- Dando estilos a los componentes
tema 21
La comunicación entre componentes
- El problema de la comunicación entre componentes
- Las Props como método de comunicación vertical descendente
- Nombrado de Props
- Uso de Props en componentes hijo
- Validando las Props de un componente
- Los eventos como método de comunicación vertical ascendente
- Comprendiendo el flujo unidireccional del flujo de datos
- Funciones Callback como método de comunicación
- Bus de eventos
tema 22
Renderizado condicional y bucles
- El renderizado condicional con v-if
- Alternativas a v-if
- Renderizado con bucles v-for
- Alternativas a v-for
- Bucles sobre objetos literales
- Bucles sobre listas
tema 23
Instancias de Vue
- Conceptos básicos de la instancia de Vue
- Uso de múltiples instancias
- Accediendo a la instancia de VueJS
- Uso de datos y métodos con VueJS
- $el
- $data
- $refs
- Uso de $refs en las plantillas
- La API de Vue
- Montando una plantilla
- Uso de componentes
- Limitaciones de determinadas plantillas
- Actualización del DOM por parte de Vue
- El ciclo de vida de Vue
tema 24
Uso avanzado de componentes
- El paso de contenido
- Paso de contenido a través las funciones de composición
- ¿Qué son las funciones de composición?
- La importancia de reutilizar código
tema 25
Webpack y Vue
- La utilidad del Servidor de Desarrollo
- ¿Qué es el Workflow y por qué es necesario?
- Instalación y análisis de Vue CLI
- Usando Vue Cli para crear proyectos
- Entendiendo Webpack y la estructura de carpetas
- Los archivos .vue y los objetos
- El entorno de producción y cómo realizar una build
- Depuración de un proyecto Vue
tema 26
Manejo de Formularios
- Binding en campos de tipo input
- Agrupando datos
- Pre-Poblando los inputs de un formulario
- Modificadores de inputs
- Binding de un textarea y guardado de saltos de línea
- Uso de checkboxes y almacenamiento de datos en arrays
- Uso de radio buttons
- Uso de desplegables
- ¿Qué es el v-model y para qué sirve?
- Creando un Custom Control
- Enviando un formulario
tema 27
Directivas
- ¿Qué son las directivas?
- ¿Cómo funcionan las directivas?
- Introducción a funciones Hook
- Creando una directiva
- Pasando valores a directivas personalizadas
- Pasando argumentos a directivas personalizadas
- Modificando directivas personalizadas
- Registrando directivas
- Usando múltiples modificadores
- Pasando valores complejos a directivas
tema 28
Filtros y Mixins
- ¿Qué es un filtro?
- Creando un filtro
- Filtros globales
- Encadenado de múltiples filtros
- Filtros vs Propiedades
- ¿Qué son los mixins?
- Creando un mixin
- Usando un mixin
- Creando mixin globales
- Los mixins y el ámbito
tema 29
Animaciones y Transiciones
- ¿Qué es una transición?
- Preparando el código para usar transiciones
- Montando una transición
- Accediendo a clases CSS para transiciones
- Creando una transición “fade”
- Creando una transición “slide”
- Propiedades para transiciones y animaciones con mixins
- Animaciones v-if y v-show
- Usando una animación inicial
- Uso de clases CSS diversas
- Uso de nombres y atributos dinámicos
- Transiciones entre múltiples elementos
- Escucha activa ante eventos de transición con Hooks
- Entendiendo las animaciones en TypeScript
- Exclusión de CSS de una animación
- Creando una animación en TypeScript
- Animando componentes dinámicos
- Uso de “transition-group” para animación de listas
- Añadiendo animaciones
tema 30
Peticiones HTTP
- Configuración de “vue-resource”
- Peticiones HTTP
- Interceptando Peticiones
- Interceptando Respuestas
- ¿Qué es un “resource”?
- Creación de recursos personalizados
- Recursos vs Peticiones HTTP tradicionales
- Comprendiendo plantillas URL
- Introducción a Axios
- Configuración del proyecto
- Configuración de Axios a nivel del proyecto
- Envío de peticiones HTTP con Axios
- Accediendo a las respuestas y su contenido
- Configuración global para las peticiones de Axios
- Uso de interceptores en Axios
- Instancias personalizadas de Axios
tema 31
Routing en VueJS
- ¿Qué es “vue-router” y por qué es necesario?
- Configuración de “vue-router”
- Configurando y cargando rutas
- Modos de enrutado: Hash vs Historial
- Router Links
- Active Links y estilo
- Navegación imperativa
- Configurando parámetros para las rutas
- Obteniendo parámetros de las rutas
- Usando parámetros de las rutas
- Reaccionando ante cambios en los parámetros de las rutas
- Nested Routing – Child Routes
- Navegando a las rutas “child”
- Dinamizando los Router Links
- Named Routes
- Usando parámetros Query
- Named Router Views
- Redireccionamiento
- Transiciones entre rutas
- Pasando fragmentos Hash
- Controlando el comportamiento de Scroll
- Router Guards
- “beforeEnter” Guards
- “beforeLeave” Guards
- Carga “lazy” de las rutas
tema 32
Autenticación
- La autenticación en SPAs
- Configuración del proyecto
- Añadiendo un registro
- Añadiendo un login
- Uso de “Vuex” para el envío de peticiones de autenticación
- Almacenando datos de autenticación en Vuex
- Autenticación con JWT
- Accediendo a otros recursos de Vuex
- Enviando el Token al Backend
- Auth Guards
- Actualizando el estado de la aplicación
- Añadiendo un logout
- Auto login y Auto logout
tema 33
Responsive Frameworks
- Introducción a Responsive Frameworks
- Viewport
- Densidades de pantalla
- Diseños líquidos
- Ritmo Vertical
- Media Queries
- Introducción a Bootstrap
- Características de Bootstrap
- Paso a Paso para empezar con Bootstrap
- Añadiendo Bootstrap a un proyecto VueJS
- El Container de Bootstrap
- Responsive Breakpoints de Bootstrap
- Z-Index en Bootstrap
- El sistema de Grid de Bootstrap
- La tipografía en Bootstrap
- Las listas en Bootstrap
- Las tablas en Bootstrap
- Las imágenes en Bootstrap
- Las figuras en Bootstrap
- Otras utilidades de Bootstrap
- Los componentes de Bootstrap
- ¿Qué es el Material Design?
- Vuetify como Responsive Framework alternativo a Bootstrap
- ¿Por qué Vuetify es una buena opción?
- El Generador de Temas de Vuetify
- Instalación
- El Grid de Vuetify
- Los Layouts de Vuetify
- Elevation en Vuetify
tema 34
Despliegue de proyecto Vue
- Preparación para el despliegue
- Desplegando la aplicación de VueJS
tema 35
Estado de la aplicación
- El problema del manejo del estado de la aplicación
- El concepto de estado centralizado
- Comprendiendo los getters
- Mapeo de getters y propiedades
- Las mutaciones y el asincronismo
- Comprendiendo las Acciones
- Mapeo de acciones y funciones
- El binding doble (v-model) y Vuex
- Más buenas prácticas de estructuración de proyectos
- Uso de namespaces
tema 36
Gráficas con ChartJS
- Introducción a ChartJS
- Instalaciones
- Creación de gráficas
tema 37
PWAs y Notificaciones Push
- Configuraciones de proyecto Vue como PWA
- Entendiendo el Service Worker y sus métodos
- Gestión de versiones con Service Worker y control de recarga
- Comunicación con API de Laravel para obtener notificaciones en tiempo real
tema 38
Sistemas de Pago
- Consumiendo servicios de pago de proyecto Laravel
- Creación de componentes para el sistema de pagos
tema 39
Testing en Vue con Jest y Cypress
- Introducción a Jest
- Configuraciones personalizadas de Jest
- Sintaxis y léxico de jest
- Matchers de Jest
- Generación de informes de coverage
- Probando componentes Vue con Testing Library
- Entendiendo los selectores y XPath
- Jest-Dom y sus matchers personalizados
- Jest Mocks
- Jest Spies
- Introducción a Cypress
- Entendiendo el testing e2e
- Configuraciones para trabajar con Cypress y Typescript
- Configuraciones disponibles de cypress.json
- Automatización de pruebas con Cypress
- Personalización de comandos Cypress
- Conectando informes con Cypress Dashboard
- Ejecutando Cypress en modo headless
- Scripts para automatización de ejecución de tests unitarios y e2e
tema 40
Linting
- Introducción a EsLint
- Configuraciones personalizadas
- Aplicando reglas
- Eliminando reglas
- Extendiendo reglas
- Ejecutando eslint
- Sobreescribiendo código con Eslint basado en reglas
tema 41
Builds y Despliegues
- Creación de builds de producción
- Despliegues locales
Preguntas Frecuentes de Desarrollo FullStack con Laravel y Vue
¿Cuáles son los beneficios de realizar el curso de Desarrollo FullStack con Laravel y Vue?
El curso de Desarrollo FullStack con Laravel y Vue ofrece una formación completa que abarca tanto el backend como el frontend de las aplicaciones web. Aprenderás a crear aplicaciones modernas y escalables utilizando dos de los frameworks más populares hoy en día. Este conocimiento te permitirá integrarte mejor en cualquiera de los roles de desarrollo en una empresa y te proporcionará una ventaja competitiva en el mercado laboral.
¿El curso de Desarrollo FullStack con Laravel y Vue se puede bonificar a través de FUNDAE?
Sí, el curso de Desarrollo FullStack con Laravel y Vue es bonificable a través de FUNDAE. Las empresas pueden beneficiarse de las ayudas a la formación para sus empleados, lo que puede significar una reducción del coste del curso hasta el 100% del mismo, dependiendo de los créditos formativos disponibles en FUNDAE. Además, ofrecemos un servicio de gestión de esta bonificación con un coste adicional del 10% del valor del curso más IVA, que también es bonificable.
¿En qué modalidad se imparte el curso de Desarrollo FullStack con Laravel y Vue?
El curso se imparte en modalidad de aula virtual personalizada, lo que significa que las clases se realizan a través de videoconferencia utilizando Zoom. Esto permite a los participantes acceder a las sesiones de formación en tiempo real con el formador desde cualquier lugar y momento, con la comodidad adicional de contar con grabaciones de cada clase para revisión posterior.
¿Qué habilidades desarrollaré con el curso de Desarrollo FullStack con Laravel y Vue?
Al completar este curso, adquirirás habilidades prácticas en la creación de aplicaciones web completas utilizando Laravel para el backend y Vue para el frontend. Aprenderás a manejar bases de datos, autenticación, API REST, desarrollo responsivo, así como a implementar componentes interactivos y dinámicos. Serás capaz de gestionar proyectos de desarrollo web de principio a fin, integrando buenas prácticas de programación y pruebas automatizadas.
¿Cómo puedo inscribirme en el curso de Desarrollo FullStack con Laravel y Vue?
Para inscribirte, simplemente completa los formularios de inscripción disponibles en nuestra web. Asegúrate de proporcionar toda la información necesaria para que podamos procesar tu inscripción lo más rápido posible. Nuestro equipo también te puede asistir en el proceso de gestión de bonificaciones si decides beneficiarte de las ayudas disponibles a través de FUNDAE.