---
title: Ionic
localeTitle: Iônico
---
## Estrutura iônica

O Ionic é uma estrutura de desenvolvimento de aplicativos móveis HTML5 voltada para a criação de aplicativos móveis híbridos.

Aplicativos híbridos têm muitos benefícios em relação a aplicativos nativos puros, especificamente em termos de suporte de plataforma, velocidade de desenvolvimento e acesso a código de terceiros.

### Construindo aplicativos híbridos com o Ionic

Aqueles familiarizados com o desenvolvimento da web encontrarão a estrutura de um aplicativo iônico simples. Em essência, é apenas uma página da web em execução em um shell de aplicativo nativo! Isso significa que podemos usar qualquer tipo de HTML, CSS e Javascript que quisermos.

A maior parte de um aplicativo iônico será escrita em HTML, Javascript e CSS. O Ionic também usa o AngularJS para muitas das principais funcionalidades do framework.

### Antes de podermos começar a jogar com o Ionic. Vamos preparar nosso sistema primeiro:
```
  nodeJS and npm 
  Ionic 2 
  Cordova 
  Android Environment (or iOS if you're working on a MacOS) 
```

### Primeiro, primeiro, precisamos ter o Node.js e o npm.
```
  sudo apt-get update 
  sudo apt-get install nodejs 
```

### Gerenciador de pacotes Node.js (npm)

\`\` \`  
sudo apt-get instala npm
```
### Ionic 2 and cordova 
```

sudo npm install -g ionic cordova
```
### Now sit back and relax, give it some time to finish, it can take several minutes depending on your internet connection. 
 Once that's done, Let's start off by generating a new project based on the “blank” template 
```

início iônico MyFirstApp em branco cd MyFirstApp saque iônico \`\` \`