Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Web/Curso LitElement

Curso completo de LitElement

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Lit es una nueva solución que te permite crear Web Components de forma rápida y sencilla. Podemos destacar su alto rendimiento y una buena experiencia de desarrollo reactiva y declarativa.

Formación en LitElement bonificable para empresas

¿A quién va dirigido?

Desarrolladores web con experiencia en HTML, CSS, JavaScript y TypeScript que deseen ampliar sus conocimientos y habilidades en el desarrollo de aplicaciones web utilizando LitElement.

Objetivos

Aprender los fundamentos de LitElement para desarrollar aplicaciones web con Web Components reactivos y declarativos
Aprender a gestionar componentes, el sistema de enrutado, servicios y formularios
Gestionar estilos y trabajar con librerías externas en proyectos Lit
Aprender a realizar tests sobre las aplicaciones LitElement y automatizar su ejecución
Crear un proyecto completo de Lit y publicarlo en Firebase

¿Qué vas a aprender?

Lit es una nueva solución que te permite crear Web Components de forma rápida y sencilla. Podemos destacar su alto rendimiento y una buena experiencia de desarrollo reactiva y declarativa.

Requisitos

Es necesario tener experiencia y conocimientos en HTML, CSS y Javascript (ES6 o posteriores)
Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT y Visual Studio Code
Contar con una cuenta de Github donde poder ubicar los proyectos del curso
Disponer de un equipo con acceso a un usuario con permisos suficientes para instalar software

Temario del curso

tema 1

Introducción a LitElement

¿Qué es LitElement y por qué es importante en el desarrollo de aplicaciones web?
Ventajas de utilizar LitElement en proyectos de desarrollo web
Comparación con otros enfoques de desarrollo web (frameworks, librerías)
Configuración del entorno de desarrollo para trabajar con LitElement
Creación de un proyecto web con LitElement y Javascript
Creación de un proyecto web con LitElement y Typescript

tema 2

Componentes en LitElement

Concepto de componentes web en LitElement
Creación y uso de componentes en LitElement
Composición y anidación de componentes en LitElement
Uso de mixins y controllers en LitElement
Creación de un contexto de la aplicación en LitElement

tema 3

Ciclo de vida de los componentes en LitElement

Ciclo de vida de los componentes en LitElement
Control de la renderización y actualización de los componentes en LitElement
Uso de los eventos del ciclo de vida en LitElement
Gestión de eventos en los componentes de LitElement
Renderizado desde el lado del servidor en proyectos con LitElement

tema 4

Renderizado y estilado en LitElement

Renderizado y actualización de elementos en LitElement
Uso de propiedades reactivas en LitElement
Aplicación de estilos y estilado de componentes en LitElement
Uso de SCSS para estilado en LitElement
Configuración para la depuración de código desde Visual Studio Code

tema 5

Uso de plantillas en LitElement

Uso de expresiones en plantillas de LitElement
Uso de condicionales en plantillas de LitElement
Uso de listas y directivas built-in en plantillas de LitElement
Creación de directivas personalizadas en plantillas de LitElement
Anidación y composición de componentes en plantillas de LitElement

tema 6

Decoradores de LitElement

Uso de decoradores para la definición de propiedades en LitElement
Uso de decoradores para la definición de eventos en LitElement
Uso de decoradores para la configuración del componente en LitElement
Uso de decoradores para el estilado en LitElement
Uso de decoradores para la configuración del ciclo de vida en LitElement

tema 7

Sistema de enrutado en LitElement

Introducción al sistema de enrutado en aplicaciones web con LitElement
Configuración del sistema de enrutado en LitElement
Creación y configuración de rutas en LitElement
Protección de rutas en aplicaciones web con LitElement
Uso de parámetros en las rutas en LitElement

tema 8

Seguridad y autenticación en LitElement

Implementación de sistemas de autenticación en aplicaciones web con LitElement
Protección de rutas y acceso restringido en aplicaciones web con LitElement
Gestión de permisos y control de acceso en aplicaciones web con LitElement
Implementación de medidas de seguridad en aplicaciones web con LitElement
Prevención de vulnerabilidades comunes en aplicaciones web con LitElement

tema 9

Formularios reactivos y validación de campos en LitElement

Uso de formularios reactivos en LitElement
Validación de campos y formularios en LitElement
Implementación de reglas de validación personalizadas en LitElement
Control de eventos y acciones en formularios con LitElement
Utilización de plugins y bibliotecas para la manipulación y validación de formularios en LitElement

tema 10

Peticiones HTTPS y manejo de datos en LitElement

Envío y recepción de datos utilizando peticiones HTTPS en LitElement
Manipulación y transformación de datos utilizando LitElement
Implementación de técnicas de carga y manejo de datos asíncronos en LitElement
Trabajo con promesas y Observables en LitElement
Configuración y uso de linting en proyectos LitElement

tema 11

Uso de servidores y emulación del DOM en LitElement

Uso de servidores para renderizar desde el lado del servidor en proyectos con LitElement
Emulación del DOM en aplicaciones con LitElement
Autorización de componentes en LitElement
Desarrollo de aplicaciones universales con LitElement
Preparación y configuración de aplicaciones con LitElement para renderizado desde el lado del servidor

tema 12

Starter Kits de LitElement y adición de Lit a proyectos existentes

Exploración de los Starter Kits disponibles para LitElement
Selección y configuración de un Starter Kit para el desarrollo con LitElement
Integración de LitElement en un proyecto web existente
Configuración y personalización de un proyecto LitElement con Starter Kits
Mejores prácticas y recomendaciones al utilizar Starter Kits de LitElement

tema 13

Proyecto final: Desarrollo de una aplicación web completa con LitElement

Definición y alcance del proyecto final
Diseño y planificación de la aplicación con LitElement
Implementación de la aplicación utilizando LitElement y las mejores prácticas aprendidas
Pruebas, despliegue y evaluación del proyecto final
Presentación y demostración del proyecto final

Testimonios de nuestros clientes

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

Curso de LitElement bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada