Carregando...
JavascriptProgramação Front-End

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 globalmente
npm 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 globalmente
npm install -g ionic@latest
# Para instalar o Ionic localmente
npm install ionic@latest

Como instalar o Ionic 3?

# Para instalar o Ionic globalmente
npm install -g ionic@3
# Para instalar o Ionic localmente
npm install ionic@3

Como desinstalar o Ionic?

# Para desinstalar o Ionic globalmente
npm unininstall -g ionic
# Para desinstalar o Ionic localmente
npm uninstall ionic

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *