Ionic Framework: Construa aplicativos para todas as plataformas mobile
De Adrian Gois
()
Sobre este e-book
Neste livro, Adrian Gois explora o Ionic Framework, orientando o leitor desde sua instalação, com a preparação do ambiente de desenvolvimento, passando pelos comandos básicos até chegar a aspectos avançados. Por meio da criação de um aplicativo de exemplo, que será um Cardápio Móvel, você vai evoluir seu desenvolvimento conforme aprende a teoria sobre Ionic e insere novos componentes na prática.
Relacionado a Ionic Framework
Ebooks relacionados
VRaptor: Desenvolvimento ágil para web com Java Nota: 0 de 5 estrelas0 notasAplicações mobile híbridas com Cordova e PhoneGap Nota: 0 de 5 estrelas0 notasWeb Services REST com ASP .NET Web API e Windows Azure Nota: 0 de 5 estrelas0 notasCordova avançado e PhoneGap: Um guia detalhado do zero à publicação Nota: 0 de 5 estrelas0 notasAPIs REST em Kotlin: Seus serviços prontos para o mundo real Nota: 0 de 5 estrelas0 notasSOA aplicado: Integrando com web services e além Nota: 0 de 5 estrelas0 notasDo PHP ao Laminas: Domine as boas práticas Nota: 3 de 5 estrelas3/5Desenvolvimento web com ASP.NET MVC Nota: 0 de 5 estrelas0 notasColetânea Front-end: Uma antologia da comunidade front-end brasileira Nota: 0 de 5 estrelas0 notasEntrega contínua em Android: Como automatizar a distribuição de apps Nota: 0 de 5 estrelas0 notasIonic 6: Desenvolvimento multiplataforma para dispositivos móveis Nota: 0 de 5 estrelas0 notasAngular 11 e Firebase: Construindo uma aplicação integrada com a plataforma do Google Nota: 0 de 5 estrelas0 notasExplorando APIs e bibliotecas Java: JDBC, IO, Threads, JavaFX e mais Nota: 0 de 5 estrelas0 notasVire o jogo com Spring Framework Nota: 0 de 5 estrelas0 notasMeteor: Criando aplicações web real-time com JavaScript Nota: 5 de 5 estrelas5/5Mezzio e PHP 7: Uma união poderosa para criação de APIs Nota: 2 de 5 estrelas2/5Programando Um Sistema Web Em Java Com Jsf, Hibernate E Primefaces Nota: 0 de 5 estrelas0 notasXamarin Forms e MVVM: Persistência local com Entity Framework Core Nota: 0 de 5 estrelas0 notasFront-end com Vue.js: Da teoria à prática sem complicações Nota: 5 de 5 estrelas5/5Yesod e Haskell: Aplicações web com Programação Funcional pura Nota: 0 de 5 estrelas0 notasBack-end Java: Microsserviços, Spring Boot e Kubernetes Nota: 0 de 5 estrelas0 notasZend Expressive e PHP 7: Uma união poderosa para a criação de APIs Nota: 0 de 5 estrelas0 notasCodeIgniter: Produtividade na criação de aplicações web em PHP Nota: 0 de 5 estrelas0 notasGraphQL: A revolucionária linguagem de consulta e manipulação de dados para APIs Nota: 0 de 5 estrelas0 notasConstruindo APIs REST com Node.js: Caio Ribeiro Pereira Nota: 5 de 5 estrelas5/5A Web Mobile: Design Responsivo e além para uma Web adaptada ao mundo mobile Nota: 0 de 5 estrelas0 notasDesvendando o CodeIgniter 4 Nota: 0 de 5 estrelas0 notasProgressive Web Apps: Construa aplicações progressivas com React Nota: 3 de 5 estrelas3/5Programação Para Internet Nota: 0 de 5 estrelas0 notasCaixa de Ferramentas DevOps: Um guia para construção, administração e arquitetura de sistemas modernos Nota: 0 de 5 estrelas0 notas
Programação para você
Orientação a Objetos em C#: Conceitos e implementações em .NET Nota: 5 de 5 estrelas5/5Orientação a Objetos: Aprenda seus conceitos e suas aplicabilidades de forma efetiva Nota: 5 de 5 estrelas5/5Python: Escreva seus primeiros programas Nota: 4 de 5 estrelas4/5O universo da programação: Um guia de carreira em desenvolvimento de software Nota: 5 de 5 estrelas5/5Introdução a Data Science: Algoritmos de Machine Learning e métodos de análise Nota: 0 de 5 estrelas0 notasLógica de programação com Portugol: Mais de 80 exemplos, 55 exercícios com gabarito e vídeos complementares Nota: 0 de 5 estrelas0 notasIntrodução à programação em C: Os primeiros passos de um desenvolvedor Nota: 4 de 5 estrelas4/5Lógica de Programação: Crie seus primeiros programas usando Javascript e HTML Nota: 4 de 5 estrelas4/5Estruturas de Dados: Domine as práticas essenciais em C, Java, C#, Python e JavaScript Nota: 0 de 5 estrelas0 notasMySQL: Comece com o principal banco de dados open source do mercado Nota: 4 de 5 estrelas4/5O Guia Definitivo para Geração de Renda com o ChatGPT para Empreendedores Nota: 0 de 5 estrelas0 notasHTML5 e CSS3: Domine a web do futuro Nota: 4 de 5 estrelas4/5Scrum 360: Um guia completo e prático de agilidade Nota: 5 de 5 estrelas5/5Arduino: Guia para colocar suas ideias em prática Nota: 5 de 5 estrelas5/5Python e mercado financeiro: Programação para estudantes, investidores e analistas Nota: 5 de 5 estrelas5/5Trilhas Python: Programação multiparadigma e desenvolvimento Web com Flask Nota: 5 de 5 estrelas5/5Desenvolvimento web com PHP e MySQL Nota: 3 de 5 estrelas3/5Manual de sobrevivência do novo programador: Dicas pragmáticas para sua evolução profissional Nota: 4 de 5 estrelas4/5Aprenda a programar com Python: Descomplicando o desenvolvimento de software Nota: 5 de 5 estrelas5/5SEO Prático: Seu site na primeira página das buscas Nota: 0 de 5 estrelas0 notasMachine Learning: Introdução à classificação Nota: 0 de 5 estrelas0 notasLinux Essentials: um guia do sistema operacional Linux para iniciantes Nota: 0 de 5 estrelas0 notasPostgreSQL: Banco de dados para aplicações web modernas Nota: 5 de 5 estrelas5/5Guia do mestre programador: Pensando como pirata, evoluindo como jedi Nota: 3 de 5 estrelas3/5Business Intelligence: Implementar do jeito certo e a custo zero Nota: 4 de 5 estrelas4/5Django de A a Z: Crie aplicações web rápidas, seguras e escaláveis com Python Nota: 0 de 5 estrelas0 notasCertificação Linux Essentials Nota: 4 de 5 estrelas4/5Guia prático de TypeScript: Melhore suas aplicações JavaScript Nota: 0 de 5 estrelas0 notasReact Native: Desenvolvimento de aplicativos mobile com React Nota: 5 de 5 estrelas5/5Desenvolvimento de Jogos em HTML5 Nota: 5 de 5 estrelas5/5
Avaliações de Ionic Framework
0 avaliação0 avaliação
Pré-visualização do livro
Ionic Framework - Adrian Gois
Sumário
ISBN
Agradecimentos
O autor
Prefácio
1. Introdução
2. Iniciando nossa aplicação
3. Conhecendo os nossos arquivos
4. Completando o menu
5. Detalhando os itens
6. Fazendo pedidos
7. A bandeja
8. A conta
9. Usando a câmera
10. Recursos
ISBN
Impresso e PDF: 978-85-5519-288-3
EPUB: 978-85-5519-289-0
MOBI: 978-85-5519-290-6
Você pode discutir sobre este livro no Fórum da Casa do Código: http://forum.casadocodigo.com.br/.
Caso você deseje submeter alguma errata ou sugestão, acesse http://erratas.casadocodigo.com.br.
Agradecimentos
A realização deste projeto tornou-se possível e real com o apoio e confiança de algumas pessoas. Faço questão de deixar aqui o meu agradecimento a elas.
Em primeiro lugar, quero agradecer ao Adriano Almeida pela oportunidade e confiança na minha obra. À Vivian Matsui que foi fundamental para aprender e continuar aprendendo os macetes de uma boa escrita.
Agradeço à minha família pela paciência e compreensão incondicional, principalmente à minha filha Letícia por ter cedido
o tempo em que poderíamos estarmos juntos, como também seu colo para descanso e relaxamento em momentos de estresse.
Este parágrafo não é um simples agradecimento, mas um intenso agradecimento e dedicação à memória de meus pais, principalmente minha mãe, falecida no mesmo ano de publicação, por ter deixado o legado de uma boa educação e ter me apoiado e incentivado a estudar TI para seguir a profissão onde me sinto realizado e feliz.
O autor
Adrian GoisFigura -1.1: Adrian Gois
Em 1995 recebi de presente de minha querida e saudosa mãe meu primeiro computador com o SO Windows 95: um ITAUTEC equipado com um processador Pentium que fez me apaixonar à primeira vista pela tecnologia. A partir daí, comecei a ingressar no mundo da internet desde já, pesquisando como programar aquela máquina.
Fiz assim meus primeiros programas na linguagem Clipper e, logo em seguida, comecei a estudar HTML e JavaScript. Depois disto, nunca mais deixei de lado o fascínio por computadores. Assim me tornei bacharel em Ciência da Computação pela UNIFACS/Salvador-BA, fundei a empresa ABG TI SOLUTIONS (http://www.abgsolucoes.com.br), onde obtive experiência em Desenvolvimento de Sistemas em grandes empresas multinacionais, passando por linguagens como Java, JavaScript, C, C++, Delphi, entre outras que permeiam o mundo do desenvolvimento.
Hoje lidero uma equipe de TI em uma fábrica de software com arquiteturas diversas, passando por .NET até Microsoft SharePoint, com contratos em empresas de grande e médio porte. Desenvolvo projetos de aplicativos híbridos, utilizando a tecnologia deste livro.
Prefácio
Já parou para imaginar, enquanto você lê esta pequena frase, quantos smartphones estão sendo utilizados no mundo? Pois bem! Segundo a TeleGeography, em 2015 tínhamos 7,1 bilhões de chips ativos no mundo, ou seja, quase a quantidade de habitantes do globo terrestre. Com isso, podemos inferir sobre o grande potencial de mercado que é o de smartphones e telefonia.
Com a invenção dos smartphones, surgiram tanto grandes como descartáveis ideias de aplicativos. No início, tudo era muito restrito ao desenvolvimento destas ideias em uma plataforma e, a partir de seu sucesso ou não, a migração do código para outras plataformas, principalmente na dupla iOS versus Android.
Por conta disto, surgiram os frameworks para compilação híbrida de aplicativos sendo desenvolvidos em uma única linguagem. Hoje, sabe-se que isso é possível com a mesclagem de HTML, JavaScript e CSS, basicamente.
Dentro destes frameworks, o foco desta obra é Ionic framework. Nele é possível utilizar componentes responsivos e atrativos para o desenvolvimento dos aplicativos, com a possibilidade de compilação e fácil instalação nas mais diversas plataformas – seja Windows Phone, Android, iOS, BlackBerry etc.
O livro é dividido em 10 capítulos, nos quais inicialmente é explanado sobre a instalação e preparação do ambiente de desenvolvimento e, em seguida, um capítulo dedicado a explicar os comandos básicos do framework. Posteriormente, vamos evoluindo na criação e entendimento dos artefatos do aplicativo e, a cada novo capítulo, temos novas inserções de componentes.
Ao final, dedico dois capítulos a recursos extras, como utilização da câmera do dispositivo, consumo de serviços do firebase do Google, entre outros recursos avançados.
Esta leitura levará você em uma viagem ao mundo do desenvolvimento de aplicativos, sem se preocupar com a plataforma nativa à qual ele será destinado, tornando as coisas mais fáceis para manutenção e evolução.
Público-alvo
Este livro é direcionado aos desenvolvedores que já tenham, pelo menos, uma base em JavaScript, HTML5 e CSS. No decorrer do livro, mesmo o leitor não tendo experiência com as tecnologias que permeiam o Ionic, como AngularJS e Cordova/Phonegap, pretendo fazê-lo alcançar um nível de conhecimento básico sobre todas elas.
É aconselhável também uma base de conhecimento em lógica de programação, para que se evolua no desenvolvimento de um Caso de uso que utilizaremos como exemplo para os capítulos. Sendo assim, se já programou nessa tríade (HTML, JS e CSS) e quer iniciar no mundo de aplicativos com o Ionic Framework, não se preocupe, você está no lugar certo.
Código-fonte
Durante a leitura deste livro, desenvolveremos um aplicativo denominado Cardápio Móvel e seu código fonte pode ser clonado através do link: https://github.com/adriangois/codigo-livro-ionicframework.
Capítulo 1
Introdução
Com o nascimento dos dispositivos inteligentes, surgiu uma grande quantidade de Sistemas Operacionais. Com isso, surgia também a dificuldade em padronizar uma linha de desenvolvimento de aplicações que fossem portáveis ou multiplataforma.
O Java ME, lançado em 1999, foi a plataforma criada da subdivisão do Java 2 (Java 1.2). Com o objetivo de integrar dispositivos limitados em termo de hardware, veio como promessa da já citada padronização, visto que todos os aplicativos rodariam em uma Máquina Virtual (VM – Virtual Machine), não importando em qual sistema/dispositivo estaria hospedado. Tudo isso provido pela portabilidade da tão crescente tecnologia Java.
Com o passar do tempo, em junho de 2007, a Apple Inc viria a anunciar o primeiro SmartPhone com seu iOS como Sistema Operacional Móvel. Consequentemente, o grupo Google criou o Sistema Operacional Android para dispositivos, baseado no núcleo do Linux. Além destes, outros nasceram no mesmo contexto, como por exemplo, Windows Phone e o Blackberry.
Com essa variedade de Sistemas Operacionais em uso no mundo, o leitor deve estar imaginando a dificuldade de agilizar o processo de desenvolvimento e compilação dos aplicativos, a fim de torná-los portáveis para as distintas plataformas, sem que fosse necessário reprogramar na linguagem de programação nativa de cada dispositivo.
Uma luz no fim do túnel veio com o surgimento do HTML5, em que se criou uma segunda camada, que seria o intermediário entre a linguagem do sistema nativo (iOS, Android, Windows Phone, BlackBerry etc.) e a aplicação, construída basicamente em HTML5, CSS3 e JavaScript. Esta camada seria responsável pela compilação final do aplicativo, provendo à camada view (JavaScripts, CSS e HTML) os recursos da plataforma nativa (dispositivo para o qual estará sendo compilado).
Surgiu também o PhoneGap com o propósito de facilitar a vida de muitos desenvolvedores, disponibilizando acesso aos diversos hardwares (câmeras, GPS, acelerômetros) nos variados dispositivos móveis. Ou seja, tudo o que estaria disponível somente via linguagem nativa agora é possível acessar por meio de chamadas na linguagem JavaScript.
A imagem a seguir ilustra como funciona, na prática, o PhoneGap. Nele, a entrada é de um conjunto de artefatos na tríade já citada (HTML, CSS e JavaScript), passando por um build que gera no final o aplicativo na plataforma escolhida.
Processo de build do PhoneGapFigura 1.1: Processo de build do PhoneGap
Apesar de o PhoneGap não ser o principal foco do livro, à medida que formos implementando nosso caso de uso (um aplicativo de Cardápio Móvel que explicaremos mais à frente), nos familiarizaremos com ele utilizando alguns de seus plugins.
Dentro de todo este contexto e aprimorando mais o processo de desenvolvimento, em 2013 nasceu o Ionic Framework, mesclando outros frameworks já existentes, como o PhoneGap citado anteriormente e AngularJS. O Ionic é um open source SDK que usa um conceito chamado native-feeling mobile apps, o que quer dizer desenvolvimento de aplicativos móveis com tecnologias web como, HTML, CSS e JavaScript.
O foco do framework é o front view dos aplicativos, ou seja, ele fornece componentes para o desenvolvimento da interface dos aplicativos, não sendo um substituto do PhoneGap (que foca no acesso aos recursos), por exemplo. Na prática, o Ionic nos fornece uma gama de componentes para serem utilizados na view, fazendo o controle através do AngularJS e, por fim, é compilado através do PhoneGap. Esta é a junção de vários frameworks para um fim específico.
No progresso de nossa leitura, vamos ver que, para estender a capacidade