Conteúdo do curso

0h13m

01 - Preparando o ambiente - Ionic 4 & Angular

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.

0h10m

02 - Primeiro aplicativo - Ionic 4 & Angular

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.

0h15m

03 - Entendendo a estrutura - Ionic 4 & Angular

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

0h19m

04 - Typescript? - Ionic 4 & Angular

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.

0h09m

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

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

0h14m

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

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

0h12m

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

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

0h18m

08 - Consumindo API JSON - Ionic 4 & Angular

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

0h22m

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

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

0h30m

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

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.

0h35m

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

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

0h21m

12 - Rodando aplicativo no Emulador - Ionic 4 e Angular

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

0h26m

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

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

0h15m

14 - Criando Models - Ionic 4 & Angular

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.

0h25m

15 - Criando o CRUD MovieDAO - Ionic 4 & Angular

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

0h35m

16 - Inserindo dados com SQLite - Ionic 4 & Angular

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.

0h21m

17 - Consultando dados com SQLite - Ionic 4 & Angular

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

0h07m

18 - Deletando dados com SQLite - Ionic 4 & Angular

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

0h32m

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

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.