Conteúdo do curso

0h13m

IONIC 2 [#1] - COMO CRIAR APLICATIVOS COM IONIC 2

Neste primeiro episódio mostro como configurar o ambiente para começar a desenvolver aplicativos com IONIC 2 TYPESCRIPT e ANGULAR 2. Além disso explico as novidades da RC1 e ANGULAR 2.

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/IonicApp2

Links importantes

Ionic 2 Framework e Angular 2:
Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

Para administrar seu Banco de dados Mysql e criar um servidor local com Apach e PHP:
Wamp Server: http://www.wampserver.com/en/

IntelXDK:
Caso você ainda não conheça o Intel XDK segue o link para download:
https://software.intel.com/pt-br/intel-xdk

Siga-me no twitter: https:/

0h06m

IONIC 2 [#2]- INICIANDO O APP (MENU)

Neste 2º episódio mostro como criar um menu na unha para maior entendimento na hora da edição do aplicativo. Além disso mostro mais Pakages do Atom para facilitar o desenvolvimento. SHOW EM?!!

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:

Links importantes

Ionic 2 Framework e Angular 2:
Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2, Typescript e HTML5. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

Para administrar seu Banco de dados Mysql e criar um servidor local com Apach e PHP:
Wamp Server: http://www.wampserver.com/en/

IntelXDK:
Caso você ainda não conheça o Intel XDK segue o link para download:
https://software.intel.com/pt-br/intel-xdk

Siga-me no twitter: https://twitter.com/sergiofullsta

0h12m

IONIC 2 [#3]- RECUPERAÇÃO DE DADOS MYSQL, PHP

Neste terceiro episódio mostro como recuperar dados utilizando OBSERVABLE, INJECTABLE, MySql, PHP e inserindo em uma lista na view com IONIC 2 TYPESCRIPT e ANGULAR 2.

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto co a API utilizada está disponível no GIT HUB:
https://github.com/Sergio1981/IonicApp2

Links importantes

Ionic 2 Framework e Angular 2:
Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

Para administrar seu Banco de dados Mysql e criar um servidor local com Apach e PHP:
Wamp Server: http://www.wampserver.com/en/

IntelXDK:
Caso você ainda não conheça o Intel XDK segue o link para download:
https://software.intel.com/pt-br/intel-xdk

Siga-me no twitter: https

0h10m

IONIC 2 [#4] - NGFOR, NGIF E ONINIT

Neste quarto episódio mostro a diferença do ngFor e ngIf do angular 1 para o v2 e mostro a utilização do OnInit de forma simples com IONIC 2 TYPESCRIPT e ANGULAR 2.

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/IonicApp2

Links importantes

Ionic 2 RC2 bug fixes: https://github.com/driftyco/ionic/releases/tag/v2.0.0-rc.2

Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

Para administrar seu Banco de dados Mysql e criar um servidor local com Apach e PHP:
Wamp Server: http://www.wampserver.com/en/

Siga-me no twitter: https://twitter.com/sergiofullstack

0h06m

IONIC 2 [#5] - PROPERTY BINDING, EVENT BINDING TWO WAY DATA BINDING

Neste quinto episódio mostro a utilização do PROPERTY BINDING, EVENT BINDING e como usar o TWO WAY DATA BINDING em uma introdução ao de formulários para cadastro. Tudo em um vídeo curto e otimizado para assistir em celulares!! Legal em? Eu sei...eu sou demais! Bons estudos! Flows!

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/IonicApp2

Links importantes

Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

Para administrar seu Banco de dados Mysql e criar um servidor local com Apach e PHP:
Wamp Server: http://www.wampserver.com/en/

Siga-me no twitter: https://twitter.com/sergiofullstack

0h13m

IONIC 2 [#6] - FORMULÁRIOS VALIDATORS, FORMBUILDER E NGFORM

Fala ae pessoal! Neste sexto episódio mostro como utilizar o VALIDATORS e o FORMBUILDER para validar formulários pelo componente e NGFORM para validar pela view! Vídeo ESSENCIAL para envio de dados já que formulário é o mais importante de um sistema! Já estamos na RC3, então enviarei para o git com o commit deste episódio no repositório IonicApp2-RC3!

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/Ioni-app-2-rc3

Links importantes

Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

Para administrar seu Banco de dados Mysql e criar um servidor local com Apach e PHP:
Wamp Server: http://www.wampserver.com/en/

Siga-me

0h09m

IONIC 2 [#7] - ENVIANDO DADOS PARA UM SERVIDOR MYSQL

Neste sétimo episódio mostro como enviar os dados para um banco OFFLINE LOCAL MYSQL, utilizando as duas técnicas usadas no episodio 6, iniciando com NGFORM para validar pela view e VALIDATORS com FORMBUILDER para validar formulários pelo componente! Este vídeo depende do episódio 6, então assistam o anterior e depois este, ok? Está curto, é rapidinho! Valews, bons estudos!

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/Ioni-app-2-rc3

Links importantes

Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

Para administrar seu Banco de dados Mysql e criar um servidor local com Apach e PHP:
Wamp Server: http://www.wamp

0h10m

IONIC 2 [#8] - COMO ATUALIZAR A VERSÃO DO SEU PROJETO

Neste oitavo episódio mostro como ATUALIZAR as RCs. Temos duas técnicas principais e para isso precisamos atualizar o Node, o Cordova e, principalmente, o Ionic. Então nem preciso dizer que está imperdível! Por este ano eu paro e volto só ano que vem em? Bons estudos e boas festas!

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/Ioni-app-2-rc3

INSTRUÇÕES DE ATUALIZAÇÃO DA FRAMEWORK - Ionic:
https://github.com/driftyco/ionic/blob/master/CHANGELOG.md

Siga-me no twitter: https://twitter.com/sergiofullstack

Links importantes

NODEJS: https://nodejs.org/en/

Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

0h12m

IONIC 2 [#9] - DELETANDO DADOS COM BANCO MYSQL

Neste nono episódio mostro como fazer o DELETE de dados em um banco offline MYSQL alterando de forma simples a API, o front-end e o provider. Está imperdível! Lembrando que esta técnica é muito similar a outras para este fim. Por tanto, vejo vc por lá

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/Ioni-app-2-rc3

INSTRUÇÕES DE ATUALIZAÇÃO DA FRAMEWORK - Ionic:
https://github.com/driftyco/ionic/blob/master/CHANGELOG.md

Siga-me no twitter: https://twitter.com/sergiofullstack

Links importantes

NODEJS: https://nodejs.org/en/

Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation/

Angularjs 2: https://angular.io/

Typescript: https://www.typescriptlang.org/

0h13m

IONIC 2 [#10] - UPDATE DE DADOS COM BANCO MYSQL

Neste nono episódio mostro como fazer o UPDATE de dados em um banco offline MYSQL alterando de forma simples a API, o front-end, o provider e finalizando nosso CRUD. No próximo vídeo mostro uma ferramenta incrível para criação do design dos aplicativos que tenho certeza que vão gostar! Lembrando que todo o projeto com as APIs estão no Git Hub, link na descrição do vídeo.

Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/Ioni-app-2-rc3

INSTRUÇÕES DE ATUALIZAÇÃO DA FRAMEWORK - Ionic:
https://github.com/driftyco/ionic/blob/master/CHANGELOG.md

Siga-me no twitter: https://twitter.com/sergiofullstack

Links importantes

NODEJS: https://nodejs.org/en/

Para que você possa entender melhor este app é importante que saiba o minimo de
Ionic 2, Angular 2 e Typescript. Segue os links:

Ionic 2 - Instalation: http://ionicframework.com/docs/v2/getting-started/installation

0h09m

XD ADOBE [#11] - FERRAMENTA INCRÍVEL PARA DESIGN DE APLICATIVOS

Neste Episódio Extra mostro uma ferramenta SENSACIONAL para criar o design e as views animadas de suas aplicações! Assim é possível saber como ficará todo o fluxo de sua app antes mesmo de iniciar as linhas de código. CONFIRA!


Não se esqueçam de se inscrever:
http://www.youtube.com/channel/UC-8goXO6sjFuIbanvBd-jfA?sub_confirmation=1

O projeto está disponível no GIT HUB:
https://github.com/Sergio1981/Ioni-app-2-rc3

eXperience Design CC da ADOBE: http://www.adobe.com/br/products/experience-design.html