Mobile Apps
Construindo Mobile Apps com Ionic
Theo Alexandre Miliani
Desenvolvedor web 17 anos
O Que é o Ionic?
Ionic é um framework JavaScript para confecção
de Aplicativos em webview.
Híbrido, sendo que o mesmo código serve para
todos os dispositivos.
Tem acesso ao hardware através do cordova.
Como se Instala o Ionic?
Para Instalar o Ionic no Visual Studio, devemos
instalar uma extensão que insere os templates e
modifica o intelisense para que possamos usar.
No prompt de comando instalamos o node.js, para
usar o gerenciador de pacotes NPM e rodamos o
comando npm install –g cordova ionic
Iniciando no VS
Ao Abrir o Visual Studio Basta selecionar novo
projeto que ele aparecerá entre as opções
Iniciando no Prompt
No prompt, devemos criar a estrutura de pastas e
entrar nelas para só então rodar o comando:
Ionic Start
Se abrirá um menu que guiará para os passos
seguintes
Testando no VS
No Visual Studio, basta que se clique no botão:
Simular no Navegador
Porém, antes de rodar a primeira vez será pedido
que se instale uma extensão
Testando no prompt
No prompt de comando basta apenas que depois de
entrar no projeto do App rodemos o comando:
Ionic serve
E pro caso de testar já no tamanho aproximado da
tela do celular:
ionic serve --lab
Testando no Celular
Para se testar no celular temos que instalar um app próprio
chamado Ionic View, criar uma conta, logar no no app e no
prompt de comando rodar o comando
Ionic Upload
Isso já fara com que o app do celular possa recuperar o
projeto e testar
Procurando Templates
Como tudo no mundo existe templates lindos e
gratuitos no Google, bastante apenas procurar

Conhecendo o Ionic

  • 1.
    Mobile Apps Construindo MobileApps com Ionic Theo Alexandre Miliani Desenvolvedor web 17 anos
  • 3.
    O Que éo Ionic? Ionic é um framework JavaScript para confecção de Aplicativos em webview. Híbrido, sendo que o mesmo código serve para todos os dispositivos. Tem acesso ao hardware através do cordova.
  • 4.
    Como se Instalao Ionic? Para Instalar o Ionic no Visual Studio, devemos instalar uma extensão que insere os templates e modifica o intelisense para que possamos usar. No prompt de comando instalamos o node.js, para usar o gerenciador de pacotes NPM e rodamos o comando npm install –g cordova ionic
  • 5.
    Iniciando no VS AoAbrir o Visual Studio Basta selecionar novo projeto que ele aparecerá entre as opções
  • 6.
    Iniciando no Prompt Noprompt, devemos criar a estrutura de pastas e entrar nelas para só então rodar o comando: Ionic Start Se abrirá um menu que guiará para os passos seguintes
  • 7.
    Testando no VS NoVisual Studio, basta que se clique no botão: Simular no Navegador Porém, antes de rodar a primeira vez será pedido que se instale uma extensão
  • 8.
    Testando no prompt Noprompt de comando basta apenas que depois de entrar no projeto do App rodemos o comando: Ionic serve E pro caso de testar já no tamanho aproximado da tela do celular: ionic serve --lab
  • 9.
    Testando no Celular Parase testar no celular temos que instalar um app próprio chamado Ionic View, criar uma conta, logar no no app e no prompt de comando rodar o comando Ionic Upload Isso já fara com que o app do celular possa recuperar o projeto e testar
  • 10.
    Procurando Templates Como tudono mundo existe templates lindos e gratuitos no Google, bastante apenas procurar