Obrigado por enviar sua consulta! Um dos membros da nossa equipe entrará em contato com você em breve.
Obrigado por enviar sua reserva! Um dos membros da nossa equipe entrará em contato com você em breve.
Programa do Curso
Introdução ao Ionic e ao Cenário Multiplataforma
- O que é o Ionic e quando escolhê-lo em detrimento de soluções nativas ou Flutter
- Arquitetura de Web Components que impulsiona a interface do usuário do Ionic
- Suporte a frameworks nos ecossistemas Angular, React e Vue
- Casos de uso reais para PWA e aplicativos móveis
Configuração do Ambiente de Desenvolvimento
- Instalação e configuração do Node.js e npm
- Instalação da CLI (interface de linha de comando) do Ionic
- Criação e estruturação de um novo projeto Ionic
- Execução de aplicativos no navegador e no modo de dispositivo conectado
Estrutura do Projeto e Arquitetura em Detalhe
- Páginas, módulos e componentes reutilizáveis
- Compreensão e configuração do sistema de roteamento
- Padrões de serviços e injeção de dependência
- Diretórios de ativos e configuração de ambientes
Componentes de Interface Principais e Layout
- Uso de ion-header, ion-toolbar e ion-content para a estrutura da página
- Controles de entrada: ion-input, ion-select, ion-checkbox
- Botões, FAB (Floating Action Button), cartões, listas e sistema de grade
- Convenções modernas de controles de formulários no Ionic
- Prática: construção de uma página de login e layout do painel
Estratégias de Navegação e Roteamento
- Integração com Angular Router e React Router
- Padrões de navegação entre páginas e links diretos (deep linking)
- Carga preguiçosa (lazy loading) para melhor performance
- Padrões de navegação por abas e menu lateral
Estilização e Temática
- Variáveis CSS e o sistema de cores do Ionic
- Implementação do suporte ao modo escuro
- Fontes dinâmicas e personalização da paleta no Ionic 8
- Estilização responsiva em diferentes pontos de quebra (breakpoints) de dispositivos
Formulários e Validação
- Framwork de formulários reativos para Angular
- Hooks personalizados e padrões de validação para React
- Tratamento de erros e feedback visual de validação
- Criação e validação de formulários complexos com múltiplos passos
Serviços e Integração de APIs
- Configuração do cliente HTTP e interceptores
- Realização de chamadas de API RESTful e tratamento de respostas
- Boas práticas de gerenciamento de estado
- Bordas de erro (error boundaries) e recuperação de falhas de rede
Capacitor e Recursos Nativos do Dispositivo
- Compreensão da ponte do Capacitor e do ecossistema de plugins
- Instalação e configuração do Capacitor em um projeto existente
- Acesso à câmera e ao seletor de imagens
- Geolocalização e integração de mapas
- Armazenamento nativo e preferências
- Prática: captura de imagens e armazenamento de dados no dispositivo
Componentes Avançados de Interface
- Modais, pop-ups (popovers) e alertas no Ionic moderno
- Notificações tipo toast e sobreposições de carregamento
- Melhorias do Ionic 8 na arquitetura de eventos e sobreposições
- Considerações de performance para sobreposições de interface complexas
Técnicas de Otimização de Performance
- Boas práticas de divisão de código e carga preguiçosa (lazy loading)
- Redução do tamanho do bundle e evitar armadilhas comuns
- Otimização de renderização para listas e grandes conjuntos de dados
Aplicativo da Web Progressivo (PWA) e Pipeline de Build
- Conversão do aplicativo para um PWA
- Configuração de service workers e capacidades offline
- Manifesto do app e prompts de instalação de PWA
Processos de Build e Implantação
- Geração e empacotamento para Android e iOS em produção
- Configuração dos requisitos e metadados para submissão nas lojas de aplicativos
- Gestão da configuração do ambiente entre homologação (staging) e produção
Projeto Final: Construção de um Mini Aplicativo Completo
- Design da arquitetura do aplicativo e fluxo de navegação
- Implementação de uma página de login com autenticação
- Criação de um painel (dashboard) com integração de dados em tempo real
- Adição de um recurso nativo de câmera via Capacitor
- Revisão de código, testes e preparação para implantação
Requisitos
- Conhecimento prático de HTML, CSS e JavaScript/TypeScript
- Familiaridade com pelo menos um framework moderno (Angular, React ou Vue)
- Experiência básica com linha de comando utilizando Node.js e npm
Público-Alvo
- Desenvolvedores front-end que estão migrando para o desenvolvimento móvel multiplataforma
- Desenvolvedores full-stack construindo aplicativos móveis híbridos
- Desenvolvedores móveis em busca de uma base de código unificada para iOS, Android e PWA
14 Horas
Treinamento Corporativo Personalizado
Soluções de treinamento projetadas exclusivamente para empresas.
- Conteúdo Personalizado: Adaptamos o programa e os exercícios práticos aos objetivos e necessidades reais do seu projeto.
- Horário Flexível: Datas e horários adaptados à agenda da sua equipe.
- Formato: Online (ao vivo), In-Company (em suas instalações) ou Híbrido.
Preço por grupo privado, treinamento online ao vivo, a partir de 2600 € + VAT*
Entre em contato conosco para obter um orçamento preciso e conhecer nossas promoções mais recentes
