Ionic práctico: App con REST

Instalación de Ionic. Archivos base del programa

¡Prueba gratis durante 10 días

nuestros 1197 cursos !

Prueba gratis Mostrar modalidades de suscripción
Ahora pasamos ya a instalar Ionic, así que también explicamos por encima qué vamos a necesitar para completar esta instalación dentro de nuestro ordenador. No se trata tanto de explicar la instalación al 100% como de comentar lo necesario.

Transcripción

Para trabajar con este proyecto necesitaré instalar Ionic. En realidad, va más allá del ámbito del curso, explicar todo lo necesario para instalarlo en profundidad, pero viene bien ver rápidamente cómo podemos instalarlo. Dentro de la web de Ionic, en el apartado de "Getting Start," en "Installation", tenemos una breve guía de cómo se instala. Es muy fácil, lo primero que necesitamos es tener instalado node, que tiene un par de descargas para los dos sistemas operativos. Simplemente los descargamos, se ejecutan y ya tenemos instalado este node. El siguiente paso es trabajar con el terminal para hacer la instalación de Ionic. Esa instalación, me exige que cree una nueva ventana del terminal e utilizaré este terminal para moverme hasta la carpeta donde voy a crear mi proyecto. De hecho, he creado una carpeta, "Proyectos Ionic", que es donde he movido el terminal y aquí es donde voy creando los distintos proyectos de trabajo con Ionic. A mí, me gusta que estén todos en una misma carpeta. Volviendo al terminal, el siguiente paso debería ser instalar Ionic y eso lo tengo lo fácil, copio el código desde la web y lo pego. Si lo pego sin más, dependiendo del sistema operativo funcionará o no. En mi caso, no funcionará, me dará error. Eso es debido a que necesito permisos. Así que voy a poner "Sudo" delante espacio y luego volveré a colocar el código de Ionic. Ahora sí, me pedirá la contraseña y va a ejecutar esta instalación. Una instalación que llevará instantes. Cuando ha terminado, el siguiente paso es instalar un proyecto nuevo de Ionic. De hecho, me da el código Ionic para todas ordenes que utiliza el cliente de Ionic, el "CLI", por otro lado, "Start" que es el método que sirve para crear un nuevo proyecto, y, finalmente, el nombre que quiero darle. De todas formas, hay plantillas ya predefinidas y utilizaré una de estas. Lo que quiero hacer es la típica aplicación con un pequeño botón que abre un lateral, en el que sale un listado con las opciones posibles. Y eso es lo que quiero precisamente, que me genere un "Side menú". Un side menú que sirve para este tipo de aplicación. Asi que utilizaré Ionic, Start, luego le voy a poner un nombre, lo llamaré, por ejemplo, "Pájaros", porque será una aplicación para avistar pájaros, y como digo, utilizo esta plantilla y además defino que sea para la versión 2 con ese V2. Pulso el "Intro", y ahora genera una estructura de carpetas. Cuando termine, debería pasarme a la carpeta que se ha generado. Y de hecho, si abro el explorador, se vé que se ha creado esa carpeta y que dentro de la misma, tengo todos los archivos necesarios de trabajo. Volviendo de nuevo al terminal, utilizo fáclmente el CLI a mi gusto. Por ejemplo, se puede utilizar "Serv", que servirá para hacer una simulación. Vamos a verlo, como ejecutándolo, creará una simulación en el navegador predeterminado de la aplicación en funcionamiento. Aquí la tenemos arrancada, y podemos verla en funcionamiento como decía. Personalmente para trabajar con Ionic en la fase de trabajo con el navegador, me gusta utilizar Firefox y Firebook. Me gusta hacerlo porque puedo ponerlo en la parte de la derecha y me sirve para tener la informacion que necesito de depuracion, mientras que además tengo el aspecto de teléfono móvil que me interesa utilizar. Ya tenemos la aplicación instalada, y, a partir de aquí, es ir creando el resto de elementos.

Ionic práctico: App con REST

Practica creando una aplicación con Ionic, gracias a la combinación de AngularJS, HTML5 y un back-end basado en PHP para servir datos a tu app así como modificar registros.

3:00 horas (38 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:24/11/2016
Duración:3:00 horas (38 Videos)

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.