Visão Geral

Este Curso Progressive Web Apps PWA, foi criado para oferecer aos participantes uma compreensão profunda dos fundamentos, dos recursos e do processo de desenvolvimento dos Progressive Web Apps. Os PWAs combinam o melhor dos aplicativos da Web e móveis, oferecendo confiabilidade, velocidade e envolvimento do usuário. Ao final do Curso Progressive Web Apps PWA, os participantes serão capazes de criar, otimizar e implementar PWAs de forma eficaz.

Objetivo

Após concluir este curso de Progressive Web Apps (PWA), você será capaz de:

• Entender os principais conceitos e vantagens dos PWAs.
• Desenvolver aplicativos da Web com recursos off-line usando service workers.
• Implementar práticas recomendadas para otimização de desempenho em PWAs.
• Aproveitar os recursos do PWA, como notificações push e instalação da tela inicial.
• Implantar e testar PWAs de forma eficaz em diferentes ambientes.

Publico Alvo

• Desenvolvedores da Web e engenheiros de front-end.
• Desenvolvedores de aplicativos móveis em transição para tecnologias da Web.
• Engenheiros de software que buscam integrar conceitos de PWA em aplicativos da Web existentes.
• Profissionais de TI e entusiastas de tecnologia interessados no desenvolvimento moderno de aplicativos da Web.

Pre-Requisitos

• Basic knowledge of HTML, CSS, and JavaScript.
• Familiarity with web development frameworks is a plus but not mandatory.

Materiais

Conteúdo Programatico

Module 1: Introduction to Progressive Web Apps

1. What are Progressive Web Apps?
2. Key features of PWAs: reliability, performance, and engagement.
3. Advantages of PWAs over traditional web and mobile apps.
4. Examples of successful PWAs in the industry.

Module 2: Core Technologies for PWAs

1. Understanding service workers.
2. Caching strategies and offline functionality.
3. Web App Manifest: configuring your app’s metadata.

Module 3: Building a Basic PWA

1. Setting up the development environment.
2. Creating a simple web app with PWA features.
3. Registering and managing service workers.
4. Adding a Web App Manifest for installation.

Module 4: Enhancing PWA Functionality

1. Implementing push notifications.
2. Background sync for seamless updates.
3. Optimizing performance with lazy loading and caching.
4. Enabling progressive enhancement for compatibility.

Module 5: Testing and Debugging PWAs

1. Tools for PWA testing: Lighthouse and DevTools.
2. Debugging service worker issues.
3. Ensuring cross-browser and device compatibility.

Module 6: Deploying PWAs

1. Hosting and deployment options.
2. Making PWAs discoverable on the web.
3. Tips for App Store and Play Store integration.

Module 7: Best Practices and Advanced Techniques

1. Security considerations for PWAs.
2. Using frameworks and libraries for PWA development (e.g., Angular, React).
3. Accessibility and internationalization in PWAs.