Desenvolvendo apps híbridos com Ionic

Hoje em dia a plataforma mobile tem se tornado uma das principais escolhas dos desenvolvedores na hora de desenvolver suas aplicações pela versatilidade e praticidade dada aos usuários. Nesta palestra entenderemos como o Ionic pode ajudar você a matar esses dois coelhos que são Android e iOS desenvolvendo apps híbridos com (quase) a mesma elegância e performance de uma linguagem nativa.

Transcript

2. Desenvolvendo apps híbridos com Ionic Huge 15 de junho, 2016
3. Isabella Silveira Web Engineer @ Huge. Front-End, Back-End, Agile
 e Integração Contínua.
4. 1. Introdução 2. Ionic e o desenvolvimento híbrido 3. Vantagens e desvantagens 4. Boas práticas 5. Conclusão Agenda
5. Introdução.
6. Hoje em dia, a quantidade de aplicativos tem aumentado drasticamente.
11. Mas para isso é necessário desenvolver nas duas plataformas para todos os devices?
14. Ionic e o desenvolvimento híbrido.
16. Framework de desenvolvimento mobile híbrido que utiliza HTML5, CSS3 e JavaScript.
17. Conhecendo a stack. Ionic e o desenvolvimento híbrido.
21. Framework open source mantido pela Google, especialmente bom para implementação de SPAs.
26. Desenvolvimento híbrido. Ionic e o desenvolvimento híbrido.
27. Mesmo código que roda em diferentes plataformas.
28. Vantagens e desvantagens.
29. Vantagens. Vantagens e desvantagens.
30. Código em Angular, HTML5 e CSS3: maior facilidade para achar profissionais capacitados.
31. Mesmo profissional para lidar com diferentes tipos de aplicações.
33. Sem preocupação com as (muitas) novas plataformas.
34. Possibilita desenvolvimento responsivo e mobile first.
35. Usa virtual DOM.
36. Desenvolvimento com maior nível de abstração, menos preocupações técnicas.
37. Muitos componentes e transições built-in.
38. Implementação de interface mais fácil.
39. Possibilidade de emular e testar em diferentes devices.
40. Compartilhamento rápido e eficiente do app.
42. $ ionic login $ ionic upload $ ionic share alguem@gmail.com
43. Desvantagens. Vantagens e desvantagens.
44. Execução menos rápida.
45. Muitas transições acontecendo ao mesmo tempo prejudicam a execução.
46. Recursos nativos são limitados.
47. Boas práticas.
48. Performance. Boas práticas.
49. Muita atenção ao digest cycle.
51. Evite o uso excessivo de watchers.
52. Quando puder, use one-way binding.
53. <p>{{::atributo}}</p> ou <p ng-bind=“::atributo”></p>
54. Use track by em ng-repeats.
55. Qualidade de software. Boas práticas.
56. Testes automatizados.
57. Praticidade. Boas práticas.
58. Continuous Deployment.
60. Generator.
63. Conclusão.
64. Desenvolvimento híbrido vale muito a pena para equipes de desenvolvimento pequenas.
65. Dependendo do layout e das animações, ele roda como nativo.
66. A performance de aplicativos híbridos ainda não é igual à dos nativos.
67. Porém tudo se encaminha para isso.
68. Questions?
69. Exemplo de projeto em ionic em github.com/bella-silveira
70. Get in touch. /in/isabellasilveira isilveira@hugeinc.com @silveira_bells /bella-silveira