Vídeos do curso
Desenvolvimento de aplicativos com Ionic por Patrick Miranda

42

Iniciar curso

01 - Preparando o ambiente - Ionic 4 & Angular13m

Nessa video aula, vamos preparar o ambiente para começarmos a desenvolver aplicativos hibridos utilizando o Ionic como framework de desenvolvimento.

Utilizaremos como editor de texto padrão, o visual studio code, devido a sua excelente capacidade de integração.

02 - Primeiro aplicativo - Ionic 4 & Angular10m

Nesta vídeo aula é mostrado como instalar o ionic e o cordova globalmente em sua máquina. Criamos também o nosso primeiro aplicativo hibrido com abas utilizando ionic e subimos o servidor dele pelo Visual Studio Code.

03 - Entendendo a estrutura - Ionic 4 & Angular15m

Nesse vídeo buscamos explicar de maneira sucinta a estrutura do Ionic, mostrando um pouco do nosso primeiro aplicativo.

04 - Typescript? - Ionic 4 & Angular19m

Nesta vídeo aula buscamos apresentar de maneira sucinta o TypeScript, linguagem que permite tipagem, Classes, Interfaces e várias coisas que o Javascript puro não permite.

Vamos ver a respeito das suas functions, tipos de variaveis e o binding para o documento HTML.

05 - Apresentando o The Movie DB - Ionic 4 & Angular09m

Nesta video aula é apresentado o site http://www.themoviedb.org, site onde iremos usar a API para consumir dados do nosso próximo aplicativo

06 - Compreendendo a diretiva *NgFor - Ionic 4 & Angular14m

Nesta vídeo aula buscamos compreender como funciona a diretiva *ngFor em um array de string no template utilizando Cards

07 - *NgFor com Array de Objetos - Ionic 4 & Angular12m

Nesta vídeo aula buscamos demonstrar o uso da diretiva *NgFor com um array de objetos

08 - Consumindo API JSON - Ionic 4 & Angular18m

Nesta Vídeo aula, vamos dar os primeiros passos para consumir um json fornececido pelo The Movie DB

09 - Providers? Economia de Código - Ionic 4 & Angular22m

Nesta vídeo o aula, buscamos entender o básico dos providers, componentes utilizados para unificação de códigos. Também refatoramos os mesmos, para melhor compreensão e utilização do código

10 - Apresentando dados na página - Ionic 4 & Angular30m

Nesta vídeo aula alteramos nossa aba About para listar os filmes mais populares segundo o TheMovieDB. Utilizamos para isso o provider criado na aula anterior, o nosso conhecimento a respeito da diretiva *NgFor, e o componente ion-card em nosso HTML. Também demos uma breve pincelada sobre os ícones do Ionic.

11 - Criando página de Detalhes - *NgIf - Ionic 4 & Angular35m

Nesta aula fizemos uma página de detalhes para que ao clicar em um dos itens da lista de filmes essa página fosse mostrada.

É uma aula longa, por isso abordamos vários conceitos importantes, tais como:

- criar uma nova página (utilizando Generate)
- usar a função (click) do angular
- chamar uma nova tela
- passar parâmetros entre Telas
- Diretiva IMPORTANTISSÍMA *NgIf

12 - Rodando aplicativo no Emulador - Ionic 4 e Angular21m

Nesta vídeo aula iremos ensinar como configurar o ambiente de desenvolvimento para conseguir rodar nosso aplicativo em um emulador de android, e também damos dicas de como rodar no seu próprio device (altamente recomendado).

Comandos utilizados:
- ionic cordova platform add android
- ionic cordova run android --device
- ionic cordova run android --emulator

13 - Criando Banco de dados com SQLite - Ionic 4 & Angular26m

Nesta vídeo aula, começaremos a utilizar o plugin nativo do cordova para banco de dados, o SQLite.

Além da instalação, criaremos nosso banco e suas tabelas modeladas segundo JSON fornecido pelo TheMovieDB

14 - Criando Models - Ionic 4 & Angular15m

Nessa aula, mostramos uma forma de criação dos Models/ Pojo/ Poco utilizando o Ionic, e principalmente os recursos do TypeScript.

Com a aula fica evidente a Orientação a Objetos, que é uma forma organizada e fácil de se trabalhar, além de ser padrão em várias linguagens.

15 - Criando o CRUD MovieDAO - Ionic 4 & Angular25m

Nesta vídeo aula, iremos criar o CRUD para cadastrar dados no SQLite nativamente. Utilizamos a mesma ideia do DAO (Data Access Object) que vimos nas aulas de JavaFX.

Criamos os seguintes métodos/funções:
- Insert
- Update
- Remove
- getAll

16 - Inserindo dados com SQLite - Ionic 4 & Angular35m

Nesta vídeo aula, primeiramente ensinamos como debugar o seu aplicativo pelo Google Chrome quando você está usando um Emulador ou Seu próprio dispositivo.

Feito isso, nós implementamos um botão na página de detalhes dos filmes, que quando clicado salva no nosso banco de dados SQLite o filme escolhido.

17 - Consultando dados com SQLite - Ionic 4 & Angular21m

Nessa vídeo aula, ensinaremos a consultar os dados que foram cadastrados na aula passada, utilizando o SQLite, plugin nativo do Cordova

18 - Deletando dados com SQLite - Ionic 4 & Angular07m

Nesta vídeo aula, ensinaremos como deletar dados do nosso banco Offline utilizando SQLite, plugin nativo do Cordova

19 - Alterando dados com SQLite e Diretiva NgModel - Ionic 4 & Angular32m

Nesta vídeo aula, ensinaremos primeiramente as formas de binding utilizando a diretiva NgModel e mostrando a diferenças entre [NgModel], [(NgModel)] e (ngModelChange).

Por fim, demonstraremos como fazer update utilizando o SQLite, plugin nativo do Apache Cordova.

Nosso projeto está disponível também em:
Inglês Espanhol Hindi

Nossos melhores cursos gratuitos

1

Informática básica com Mateus

09 horas e 19 minutos

2994

2

Inglês completo com Rui Ventura

20 horas e 00 minutos

2536

3

Manutenção eletrônica de celulares e tablets por Infocell JK

05 horas e 14 minutos

1452

4

Operador de caixa 1 - Mix

01 horas e 34 minutos

1211

5

Marketing digital por Curso em Vídeo

15 horas e 39 minutos

1203

6

Inglês para Ensino fundamental por Telecurso

06 horas e 40 minutos

1038

7

Curso de maquiagem com Sandra Pinatto

11 horas e 03 minutos

1027

8

Curso de fotografia por Canon Brasil

01 horas e 19 minutos

1021

9

Curso de Libras com Prof. Luiz

03 horas e 45 minutos

943

10

Recepcionista por Qualificação Gratuita

02 horas e 33 minutos

895

11

Massoterapia / Massagem com Rodolfo Correa

01 horas e 11 minutos

840

12

Assistente administrativo por INT Cursos

14 horas e 02 minutos

794

Conheça um pouco sobre o nosso projeto que vem mudando a vida de milhares de pessoas através de cursos gratuitos.

+700 cursos gratuitos +300 categorias +1 Milhão de downloads +50 Mil certificados emitidos Cursos em 3 diferentes idiomas

Achou um curso legal no youtube e deseja vê-lo em nosso projeto, clique aqui para indicar novos cursos.