freeCodeCamp/guide/portuguese/ionic/index.md

45 lines
1.6 KiB
Markdown
Raw Normal View History

---
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 \`\` \`