45 lines
1.6 KiB
Markdown
45 lines
1.6 KiB
Markdown
|
---
|
||
|
|
title: Ionic
|
||
|
|
localeTitle: Iónico
|
||
|
|
---
|
||
|
|
## Marco jónico
|
||
|
|
|
||
|
|
Ionic es un marco de desarrollo de aplicaciones móviles HTML5 destinado a crear aplicaciones móviles híbridas.
|
||
|
|
|
||
|
|
Las aplicaciones híbridas tienen muchos beneficios sobre las aplicaciones nativas puras, específicamente en términos de soporte de plataforma, velocidad de desarrollo y acceso a código de terceros.
|
||
|
|
|
||
|
|
### Construyendo aplicaciones híbridas con Ionic
|
||
|
|
|
||
|
|
Aquellos que estén familiarizados con el desarrollo web encontrarán la estructura de una aplicación jónica sencilla. En su esencia, es solo una página web que se ejecuta en un shell de aplicación nativa. Eso significa que podemos usar cualquier tipo de HTML, CSS y Javascript que queramos.
|
||
|
|
|
||
|
|
La mayor parte de una aplicación Ionic se escribirá en HTML, Javascript y CSS. Ionic también utiliza AngularJS para una gran parte de la funcionalidad principal del marco.
|
||
|
|
|
||
|
|
### Antes de que podamos empezar a jugar con Ionic. Preparemos nuestro sistema primero:
|
||
|
|
```
|
||
|
|
nodeJS and npm
|
||
|
|
Ionic 2
|
||
|
|
Cordova
|
||
|
|
Android Environment (or iOS if you're working on a MacOS)
|
||
|
|
```
|
||
|
|
|
||
|
|
### Primero lo primero, necesitamos tener Node.js y npm.
|
||
|
|
```
|
||
|
|
sudo apt-get update
|
||
|
|
sudo apt-get install nodejs
|
||
|
|
```
|
||
|
|
|
||
|
|
### Gestor de paquetes Node.js (npm)
|
||
|
|
|
||
|
|
\`\` \`
|
||
|
|
sudo apt-get install npm
|
||
|
|
```
|
||
|
|
### Ionic 2 and cordova
|
||
|
|
```
|
||
|
|
|
||
|
|
sudo npm instalar -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
|
||
|
|
```
|
||
|
|
|
||
|
|
Inicio ionico MyFirstApp blank cd MyFirstApp servicio iónico \`\` \`
|