Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015

43

Transcript of Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015

Rangel Torrezan

● Formado em Ciência da Computação (UEL).

● MBA Gerenciamento de Projetos (FGV).

● Experiências com desenvolvimento WEB com Java, PHP,

Groovy/Grails, JavaScript… Python!

● Gerente de Projeto Softplan.

● Co-founder Keeps / Endireitados.

Eu preciso de um APP nativo?

As Desvantagens do Nativo● Conhecimento em cada plataforma● Bases de código inteiramente separados● Maiores custos de desenvolvimento

Mais Plataformas. Mais problemas

Porque ainda continuamos programando em múltiplas plataformas?

Existe uma alternativa?

● HTML5 funcionando como nativo

● Camada nativa envolvida com Tecnologias WEB

● Acesso direto a APIs nativas

● Ambiente familiar aos devs WEB

● Única base de código

“Oh No! The Zuck has spoken!”

Você pretende desenvolver um APP do Facebook?

● Tem um budget considerável para projeto?

● Tem um time com experiência em DEV nativo?

● A receita do seu projeto depende desse app?

Então faça Nativo

APP híbridos são lentos!

mas os tempos mudaram ...

Não Estamos mais em 2007!

Ano Dispositivo Processador RAM

2007 iPhone 620 MHz 128 MB

2010 iPhone 4 1 GHz 512 MB

2015 iPhone 6 1.4 GHz dual-core 1 GB

Dispositivos Mobile melhoraram muito ...

Padrões WEBMelhorando rapidamente

● caniuse.com● Android / Chrome● IOs / Safari

● Deficiências para aplicações híbridas

● Lacuna entre web e nativas

● Componentes de interface de estilo nativo

● Componente de interações

ESCALANDO OS OMBROS DE GIGANTES

ANGULAR

Aceleração de Hardware

Componentes

É apenas uma app AngularJSConfiguração em SOCKarma/Jasmine unit testsProtractor e2e tests

Testes em Ionic Angular

13,000+ Estrelas no Github

Top 50 mais "estrelados" repositórios no Github

Top 10 trending JS repositórios Github

Média de 2,300 downloads/dia do Ionic CLI

Adoção pelo mundo!

… Mas tem mais do Ionic

http://showcase.ionicframework.com/

Referências

Site: http://ionicframework.com

Tutoriais: http://learn.ionicframework.com

Fórum: http://forum.ionicframework.com

GitHub: http://github.com/driftyco/ionic

DEMO TIME!