freeCodeCamp/guide/spanish/ionic/index.md

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

 Ahora sientate y relajate, dale tiempo a que finalice, puede tomar varios minutos en función de tu conexión a internet.
 Una vez terminado, empecemos generando un nuevo proyecto basado en la plantilla "blank":

```
  ionic start MyPrimeraApp blank 
  cd MyPrimeraApp
  ionic serve
```