Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Curso de Ionic - Criação de aplicações mobile

Aprenda a desenvolver aplicações mobile híbridas com o framework Ionic 2

Nível Intermediário Categoria Desenvolvimento Mobile

  • Curso com 06h39 de vídeos
  • Certificado com 14 horas
  • 12 exercícios

Sobre o curso

Ionic 2 é um framework open source para desenvolvimento de aplicações mobile híbridas baseado no Cordova e no Angular 2. Ele dá a oportunidade para o desenvolvedor utilizar tecnologias já conhecidas como HTML, CSS (com SAAS), JavaScript (através do TypeScript) e a facilidade em desenvolver aplicações que o Angular 2 oferece para criar aplicações mobile multi-plataforma, ou seja: um único código Ionic 2 permite que você gere aplicativos tanto para iOS quanto para Android e até mesmo Windows Phone!

Além disso, o Ionic 2 já oferece para os desenvolvedores componentes visuais cuidadosamente criados para a utilização em ambientes mobile, acelerando ainda mais o processo de criação de um aplicativo. E tudo isso através de uma simples e poderosa interface de linha de comando, o Ionic CLI.

Ionic 2 é um framework open source para desenvolvimento de aplicações mobile híbridas baseado no Cordova e no Angular 2. Ele dá a oportunidade para o desenvolvedor utilizar tecnologias já conhecidas como HTML, CSS (com SAAS), JavaScript (através do TypeScript) e a facilidade em desenvolver aplicações que o Angular 2 oferece para criar aplicações mobile multi-plataforma, ou seja: um único código Ionic 2 permite que você gere aplicativos tanto para iOS quanto para Android e até mesmo Windows Phone!

Além disso, o Ionic 2 já oferece para os desenvolvedores componentes visuais cuidadosamente criados para a utilização em ambientes mobile, acelerando ainda mais o processo de criação de um aplicativo. E tudo isso através de uma simples e poderosa interface de linha de comando, o Ionic CLI.

O que irá aprender?

Dentre outras coisas, neste curso você irá:

  • Compreender melhor quais são os objetivos do Ionic 2;
  • Entender a estrutura de um projeto Ionic 2 de ponta a ponta;
  • Utilizar o Ionic CLI para geração de artefatos de maneira mais rápida;
  • Criar interfaces utilizando os componentes visuais do Ionic 2;
  • Interagir com APIs REST através de Observables;
  • Utilizar plugins de acesso à recursos do aparelho, como câmera;
  • Realizar armazenamento de informações de maneira offline com SQLite e SecureStorage;
  • Lidar com Push Notifications no Ionic 2;
  • Migrar um projeto Ionic 2 para o recém criado Ionic 3.

Pra quem é esse curso?

Este curso é destinado a desenvolvedores que desejam se iniciar ou até mesmo aprimorar seus conhecimentos no desenvolvimento mobile híbrido.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Node.js 7.6 ou superior
  • Ionic 2.2.1
  • Visual Studio Code

Sobre o professor

Cleber Campomori

Cleber Campomori

Cleber é pós-graduado em Projeto e Desenvolvimento de Aplicações Web, além de Microsoft Specialist (HTML5/CSS3), Microsoft Certified Solutions Associate (MCSA) Web Applications e Microsoft Certified Solutions Developer (MCSD) Web Applications. Fascinado por Arquitetura de Software, Programação Funcional, Machine Learning e educação em geral. Também é conhecido como "o boladão".

Conteúdo programático

  1. Bem-vindo!

    Nesta aula, vamos entender melhor o que vem a ser o Ionic e o que precisamos ter instalado em nossas máquinas para que possamos desenvolver aplicações mobile com o Ionic

    8 aulas
    • Introdução
    • Entendendo melhor o Ionic
    • Mas o que é esse tal de Cordova?
    • A relação entre o Ionic e o Cordova
    • O que muda com o Ionic 2?
    • Como posso desenvolver com o Ionic?
    • Utilizando o Genymotion
    • Um adendo: Ionic 2 x Ionic 3
  2. Primeiros passos com o Ionic 2

    Vamos aprender a utilizar o Ionic CLI para criarmos nosso projeto utilizando o Ionic 2.

    1 aula
    • Criando nosso aplicativo com o Ionic 2
  3. Estrutura básica de uma aplicação Ionic

    Quando criamos uma aplicação Ionic, esta já vem com uma estrutura bem definida; estrutura essa que precisamos seguir. Vamos entender esta estrutura.

    2 aulas
    • Estrutura básica de uma aplicação Ionic: a pasta app
    • Estrutura básica de uma aplicação Ionic: páginas
  4. Criando a nossa página de login

    Chegou a hora de utilizarmos os componentes do Ionic 2 para criarmos uma página de login para nosso aplicativo.

    3 aulas
    • Utilizando o comando ionic generate para criar páginas
    • Aprendendo a validar formulários com o FormGroup
    • Descobrindo o AlertController e realizando transição entre páginas
  5. Criando e utilizando services e providers

    Não é uma boa prática deixarmos dentro das classes de componentização de nossas páginas a lógica necessária para se obter alguma informação... Neste cenário, o recomendável é utilizarmos services para essa finalidade. Sendo assim, vamos aprender a criar e utilizar services com o Ionic 2

    2 aulas
    • Criando e utilizando services no Ionic 2
    • Questionário
  6. Programação reativa, RxJS e Observables

    Antigamente, utilizávamos callbacks e/ou promisses para realizarmos a captura de métodos assíncronos com o JavaScript (como por exemplo, para capturarmos o resultado de uma requisição HTTP). No Angular 2 e o no Ionic 2, nós utilizamos uma outra estrutura chamada Observable. Vamos compreender melhor esta estrutura e entender melhor o paradigma de programação reativa.

    2 aulas
    • Utilizando programação reativa e observables para consumir uma API REST no Ionic 2
    • Questionário
  7. Mais componentes: utilizando um layout baseado em abas

    Vamos modificar o layout base de nosso aplicativo. Nesta aula, vamos aprender a implementar um aplicativo que utilize um layout baseado em abas.

    2 aulas
    • Implementando um layout baseado em abas em nossa aplicação
    • Questionário
  8. Adicionando mais recursos à nossa aplicação: barra de busca, acesso à câmera e muito mais!

    Vamos agora conhecer mais componentes oferecidos pelo Ionic 2 e, de quebra, enriquecer o nosso aplicativo.

    7 aulas
    • Armazenando recursos do aplicativo com o NativeStorage
    • Mais REST e Observables: criando a listagem de produtos
    • Criando um campo de busca de produtos
    • Filtrando categorias de produtos com o componente ActionSheet
    • Habilitando o acesso à câmera em nosso aplicativo
    • Atualizando a lista de produtos com o pull-to-refresh
    • Implementando a função de logoff na nossa aplicação
  9. Migrando do Ionic 2 para o Ionic 3

    O Ionic 3 foi lançado recentemente. Vamos ver as principais diferenças e como migrar nosso aplicativo do Ionic 2 para o Ionic 3

    1 aula
    • Migrando do Ionic 2 para o Ionic 3
Download da ementa

Cursos relacionados

Utilizada e amada por milhares! Veja mais opiniões reais

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 99,00 ECONOMIZE R$ 600,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!