Ionic
O que é o Ionic?
O Ionic é um framework utilizado para criar softwares e aplicativos que funcionem tanto em uma página da web como em Android e IOS, usando praticamente o mesmo código fonte.
E como isso é feito?
Tudo é no fundo uma página web rodando HTML, CSS e principalmente Javascript. Dentro dos aplicativos estão rodando web views, que nada mais são que navegadores web disfarçados de aplicativo.
Mas é só isso?
Não! Um dos adicionais do Ionic está em que ele facilita o acesso à câmera, gps e outros hardwares do smartphone de forma padronizada, e isso não fácil de se fazer apenas com javascript.
A explicação é simples e talvez incorreta em alguns pontos mas é o suficiente para entender o objetivo do Ionic e qual o seu valor.
Instalando e Desinstalando o Ionic
Aqui explicarei como instalar o Ionic no seu PC. O Ionic depende do Node JS, do NPM (Node Package Manager) e do Cordova para funcionar.
Instalando do Node.js
O Node (ou NodeJS) é um software (interpretador) que permite que o Javascript seja rodado como linguagem de programação no backend.
Ué, mas o Ionic não é um framework para front-end? Sim! Só que o Node.js ajuda tanto no desenvolvimento do frontend (que é o caso do Ionic), que se tornou padrão para muitos projetos que usam javascript como linguagem de programação.
De que forma o NodeJS ajuda no desenvolvimento frontend?
- O Node.js instala o NPM (node package manager). O NPM ajuda o desenvolvedor a baixar/instalar/atualizar bibliotecas nos seus projetos de software em javascript. Ele faz mais ou menos o que Maven/Gradle faz no Java ou o Pip/Conda no Python.
- Durante o desenvolvimento da aplicação, o Node.js cria um servidor HTTP permitindo ver em tempo real o aplicativo e os efeitos de alterações no código instantaneamente.
Para instalar o NodeJS (juntamente com o NPM), use esses ótimos tutoriais do Digital Ocean:
Instalando Node no Ubuntu
Instalando Node no Debian
Instalando o Cordova
O Cordova é o software que permite o Ionic interagir com o hardware do celular e do browser (câmera, acelerômetro, gps). Sem o Cordova seria extremamente difícil (ou até impossível) acessar essas funções do celular usando apenas Javascript puro.
# Para instalar a última versão do Cordova globalmentenpm install -g cordova # Para instalar a última versão do Cordova localmente npm install cordova
Como instalar a última versão do Ionic no pc?
# Para instalar o Ionic globalmentenpm install -g ionic@latest # Para instalar o Ionic localmente npm install ionic@latest
Como instalar o Ionic 3?
# Para instalar o Ionic globalmentenpm install -g ionic@3 # Para instalar o Ionic localmente npm install ionic@3
Como desinstalar o Ionic?
# Para desinstalar o Ionic globalmentenpm unininstall -g ionic # Para desinstalar o Ionic localmente npm uninstall ionic