Curso de Transform a React Application into a Progressive Web App (PWA)
React es una biblioteca JavaScript utilizada para crear aplicaciones web front-end. Las aplicaciones web progresivas son aplicaciones web que funcionan y aparecen como aplicaciones nativas en Android, Windows, y más. La transformación de una React aplicación integra características nativas como la usabilidad offline, las notificaciones de impulso, etc.
Este entrenamiento guiado por instructores, en vivo (online o on-site) está dirigido a los desarrolladores que desean transformar una React aplicación en una Progresiva Web App.
Al final de este curso, los participantes podrán:
- Establecer el entorno de desarrollo necesario para comenzar a transformar una aplicación React.
- Cache usando Service Worker para hacer un trabajo de aplicación React offline.
- Crea y diseña una notificación push.
- Instalar la aplicación web progresiva en un dispositivo móvil.
Formato del curso
- Lecciones y discusiones interactivas.
- Muchos ejercicios y prácticas.
- Implementación de manos en un entorno de laboratorio en vivo.
Opciones de Customización de Curso
- Para solicitar una formación personalizada para este curso, por favor contacta con nosotros para organizar.
Programa del Curso
Introducción
React y bibliotecas de JavaScript
- Procesos utilizados en JavaScript librerías para el desarrollo de aplicaciones web
Visión general del ciclo de desarrollo de aplicaciones web
- Aplicaciones nativas frente a aplicaciones progresivas
- Javalógica de script, plantillas CSS y plantillas HTML
React Se vuelve nativo con aplicaciones web progresivas
- Multiplataforma
- Retrocompatibilidad
- Paridad de características
Aplicaciones web progresivas y notificaciones push
- API de inserción
- 2012 Por Elder E
Preparación del entorno de desarrollo
- Instalación y configuración de Node.Js
- Instalación y configuración de NPM
Programación y optimización de la aplicación React
- Creación de una nueva aplicación repetitiva React
- Instalación de routers dom para navegar y guardar en la aplicación React
- Codificación de una lista de tareas pendientes
- Actualización de los estilos predeterminados
- Registro de Service Worker
Configuración de iconos y notificaciones push
- Creación y aplicación de estilo de notificaciones push
- Creación y aplicación de estilo de iconos
Implementación de la aplicación
- Ejecución de la aplicación React en un simulador móvil o en un dispositivo móvil
Prueba de la aplicación
- Comprobación de laaplicación React con Lighthouse para determinar si cumple con el estándar PWA
Resumen y conclusión
Requerimientos
- Experiencia con React
Audiencia
- Desarrolladores
Los cursos de formación abiertos requieren más de 5 participantes.
Curso de Transform a React Application into a Progressive Web App (PWA) - Booking
Curso de Transform a React Application into a Progressive Web App (PWA) - Enquiry
Transform a React Application into a Progressive Web App (PWA) - Consultas
Consultas
Testimonios (1)
El intercambio de conocimientos generales por parte de Narendra y todos los recursos de desarrollo compartidos
Pako Diale
Curso - Transform a React Application into a Progressive Web App (PWA)
Traducción Automática
Próximos cursos
Cursos Relacionados
Advanced Progressive Web App (PWA)
14 HorasEsta capacitación en vivo dirigida por un instructor Colombia (presencial o remota) está dirigida a desarrolladores que desean crear aplicaciones web progresivas avanzadas que realicen funciones exclusivas relacionadas con las notificaciones push y la disponibilidad sin conexión.
Al final de esta formación, los participantes serán capaces de:
- Configure el entorno de desarrollo necesario para comenzar a desarrollar una aplicación web progresiva avanzada.
- Cree notificaciones push que habiliten las suscripciones.
- Caché con Service Worker para hacer que una aplicación web funcione sin conexión.
- Cree notificaciones push que soliciten a los visitantes frecuentes que instalen la aplicación.
Advanced React
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (en línea o en el sitio) está dirigida a desarrolladores que desean crear React componentes y diseñar aplicaciones complejas.
Al final de esta capacitación, los participantes serán capaces de:
- Comprenda los conceptos avanzados de React, incluidas las API de contexto, los HOC, el estado externo, las API asíncronas, etc.
- Compila componentes componibles con React.
- Habilite la autenticación del lado del servidor y del lado del cliente.
- Implemente bibliotecas React y Redux para administrar aplicaciones complejas con estado.
- Reduzca el código y optimice el rendimiento de una aplicación.
- Pruebe e implemente una aplicación.
Ant Design
7 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (en línea o en el sitio) está dirigida a desarrolladores que desean usar Ant Design para mejorar la experiencia del usuario para su aplicación React.
Al final de esta capacitación, los participantes podrán implementar los componentes de React de Ant Design para desarrollar hermosas aplicaciones web de clase empresarial.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 HorasEsta capacitación en vivo dirigida por un instructor (en línea o presencial) está dirigida a desarrolladores que desean utilizar la pila FARM (FastAPI, React y MongoDB) para crear aplicaciones web dinámicas, de alto rendimiento y escalables.
Al final de esta formación, los participantes serán capaces de:
- Configure el entorno de desarrollo necesario que integre FastAPI, React y MongoDB.
- Comprenda los conceptos clave, las características y los beneficios de la pila FARM.
- Aprenda a crear API REST con FastAPI.
- Aprenda a diseñar aplicaciones interactivas con React.
- Desarrolle, pruebe e implemente aplicaciones (front-end y back-end) mediante la pila FARM.
Choosing the Right JavaScript Framework
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (presencial o remota) está dirigida a desarrolladores que necesitan decidir qué marco JavaScript usar para desarrollar aplicaciones front-end.
Al final de esta formación, los participantes serán capaces de:
- Configure un entorno de desarrollo óptimo para empezar a desarrollar aplicaciones front-end.
- Implemente aplicaciones de demostración para probar las limitaciones y beneficios de un marco JavaScript.
- Decida qué marco de JavaScript es el más adecuado.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 HorasEsta formación en línea o presencial dirigida por un instructor está dirigida a desarrolladores .NET de nivel principiante que desean adquirir competencia en JavaScript, Node.js y React para desarrollar y migrar sistemas/plataformas de forma activa.
Al final de esta capacitación, los participantes podrán:
- Escribir y depurar código JavaScript de manera efectiva.
- Construir y desplegar aplicaciones del lado del servidor utilizando Node.js.
- Desarrollar interfaces de usuario dinámicas y receptivas con React.
- Integrar componentes de front-end y back-end para crear aplicaciones de pila completa.
- Entender las mejores prácticas para migrar sistemas legado a plataformas modernas basadas en JavaScript.
Testing React Apps with Jest
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (presencial o remota) está dirigida a ingenieros que desean usar Jest para probar React aplicaciones y componentes.
Al final de esta formación, los participantes serán capaces de:
- Instale y configure un entorno de prueba adecuado.
- Escriba pruebas asincrónicas para React aplicaciones y componentes.
- Ejecute Jest pruebas avanzadas que incluyen simulacros, espías y esbozos.
MERN Fullstack Development
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (en línea o en el sitio) está dirigida a desarrolladores web que desean utilizar MERN Stack para el desarrollo fullstack.
Al final de esta formación, los participantes serán capaces de:
- Integre React con MongoDB, Express y Node.js.
- Cree una aplicación web fullstack desde cero.
- Implemente la seguridad de las aplicaciones a través de la autorización y la autenticación.
Building Micro Frontends with React
21 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (en línea o en el sitio) está dirigida a desarrolladores que desean usar React para desarrollar, probar e implementar micro-frontends para aplicaciones web de gran tamaño, lo que las hace altamente escalables, independientes de la tecnología y más fáciles de mantener.
Al final de esta capacitación, los participantes serán capaces de:
- Configura el entorno de desarrollo necesario para empezar a desarrollar micro-frontends con React.
- Comprender la arquitectura, los conceptos básicos y las ventajas de los micro-frontends.
- Aprenda a crear, integrar, probar e implementar microfrontends con React.
- Implemente micro-frontends con federación de módulos.
- Aplique el flujo de trabajo de nivel de producción de la canalización de CI/CD.
- Conozca los problemas comunes con CSS en micro-frontends y cómo solucionarlos.
- Obtenga información sobre cómo implementar otros marcos de frontend con React.
Desarrollo Avanzado con Next.js 14
21 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (en línea o en el sitio) está dirigida a desarrolladores web y arquitectos técnicos de nivel intermedio a avanzado que deseen explorar los avances de Next.js 14 y obtener el conocimiento para crear aplicaciones web de vanguardia.
Al final de esta capacitación, los participantes serán capaces de:
- Aprovechar todo el potencial de Next.js 14 para crear aplicaciones complejas.
- Utilizar las funciones más recientes, como Middleware, React Server Components y Edge Functions.
- Implementar las mejores prácticas para el rendimiento, la escalabilidad y el SEO.
- Solucionar problemas comunes en aplicaciones Next.js de manera efectiva.
Next.js 14 - Advanced
21 HorasEste entrenamiento en vivo y dirigido por un instructor en Colombia (en línea o en el lugar) está dirigido a desarrolladores de nivel avanzado que desean dominar las últimas características en Next.js 14, optimizar el rendimiento y implementar técnicas modernas React.
Al final de esta capacitación, los participantes podrán:
- Implementar ganchos avanzados React y características concurrentes.
- Comprender y utilizar eficazmente las estrategias de enrutamiento Next.js.
- Aprovechar los componentes del servidor, las acciones del servidor y los enfoques de representación híbrida.
- Optimizar la recuperación de datos, la caché y la regeneración estática incremental.
- Utilizar Next.js como solución backend con Edge Functions y Edge Runtime.
- Gestionar el estado utilizando React Context, Redux y bibliotecas de estado atómico.
- Optimizar el rendimiento de la aplicación para Web Core Vitals.
- Probar, monitorear y desplegar aplicaciones Next.js de manera eficiente.
Aplicaciones Progresivas
14 HorasEn esta capacitación en vivo dirigida por un instructor Colombia (presencial o remota), los participantes aprenderán a desarrollar su primera aplicación web progresiva a medida que avanzan en una serie de ejercicios prácticos que culminan en la creación e implementación de una PWA funcional.
React with Next.js
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (en línea o en el sitio) está dirigida a desarrolladores web que desean utilizar Next.js para crear React aplicaciones.
Al final de esta capacitación, los participantes serán capaces de:
- Desarrolle aplicaciones web del lado del servidor y sitios estáticos en Next.js.
- Gestione y almacene datos con MongoDB.
- Proteja una aplicación web con la autenticación AuthO.