Vídeos do curso

Desenvolvimento de aplicativos com Ionic por Patrick Miranda

Vídeos

Outros

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.

O que estão falando sobre o Cursa

Ihaia Gomes

Recebi o meu primeiro certificado Cursa! Certificado com uma aparência profissional e as aulas com um bom conteúdo. Continuem buscando a melhoria do app a cada dia mais, equipe Cursa, parabéns! Me sinto satisfeita.

Guilherme Alberani

Adorei a idéia do aplicativo principalmente a categoria linguagens porque sou filho de italiano e gostaria muito de aprender essa língua porém, os cursos em escolas são caros e esse aplicativo vai me ajudar bastante agora que consegui tirar minha dupla cidadania italiana, parabéns a equipe dos desenvolvedores gostei muito de verdade !!!

Carolina Quintanilha

Amei o aplicativo, me ajuda muito no currículo, e na minha vida construtiva, super indico pra todos. Parabéns aos criadores do app.

Leslie Campos

Excelente App. Para mim o melhor para aprendizado de muitos que já usei.

Camila Queiroz

Simplesmente maravilhoso, além de ajudar com atividades complementares os conteúdos são muitos interessantes. Estou apaixonada pelo app.

João Alves dos Santos

Muito bom, prático de usar, muito interessante poder fazer cursos com qualidade e com certificado. Útil para conhecimento e horas complementares. Muito interessante!!!

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.