Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 8D : 9H : 0M : 0S

Debes iniciar sesión

Para ver esta clase crea una cuenta sin costo o inicia sesión

Proyecto: Platzinger App

5/57

Ionic es un framework híbrido, pero aun con eso es rápido y como preparado para la web hace que sus comunicaciones web sean muy rápidas. Aprovechando esta velocidad de comunicación, nuestro proyecto será la aplicación Platzinger la cual tendrá las siguientes características:

  • Es una aplicación de mensajería instantánea.
  • Se podrán agregar amigos.
  • La comunicación será en tiempo real.
  • Se podrán enviar zumbidos.

El primer paso en nuestra aplicación es generarla, para ello haremos uso de Ionic CLI y su plantilla de sidemenu que nos crea una aplicación con navegación mediante un menú lateral, corremos el siguiente comando:

ionic start platzingermobile sidemenu

Una vez generada nuestra aplicación nos dirigimos a la carpeta del proyecto y creamos un servidor local que correrá nuestra aplicación, para ello ejecutamos el comando:

ionic serve

Dentro de la carpeta de nuestro proyecto viene una carpeta llamada node_modules, en esta carpeta vienen todas las dependencias de nuestro proyecto y dichas dependencias estarán marcadas en nuestro archivo package.json. Todo nuestro código lo tendremos alojado en la carpeta src.

El archivo principal de nuestra aplicación se encuentra dentro de src/app, nuestro archivo app.module.ts es el encargado importar funcionalidades de Ionic, generar y agregar nuevas pages, añadir módulos nuevos, entre otras cosas.

El app.component.ts es el componente principal de nuestra aplicación y se encarga de proveer funcionalidades de manera global en la aplicación.
Básicamente la única carpeta que estaremos modificando será la de src.

También pueden correr la app con el comando:
$ ionic serve -c
Con eso puedes verla en el navegador y en el teléfono si descargas la app Ionic DevApp y puedes usar ciertas características en tu dispositivo sin necesidad de compilar. Debes de tener una cuenta en Ionic para poder usarla y usarla en la misma red de Internet donde se estés ejecutando tu app (Aunque a veces falla, es cuestión de probar). Si usas esta app los logs los verás en la consola donde estés ejecutando el ionic serve -c.

Esta App se ve muy interesante, la voy a disfrutar y a mejorar bastante 😛

Hola! Les comparto el enlace al repositorio con todos los brances de código por si prefieren tenerlo de esta forma:
https://github.com/EduardoIbarra/msn_mobile_platzi_pre/compare/master...1_Pages

$ ionic start platzingermobile sidemenu

Esta App es super completa! voy a disfrutar desarrollándola!

mmmmm Tantos buenos proyectos que terminan en la caneca…

suena muy bueno el proyecto

Consulta, estoy ejecutando el comando para crear la aplicacion, pero no me hace la pregunta si deseo integrarlo a cordova y hacerlo nativo para ios y android.
¿a que se debe esto?

Todo va bien hasta ahora!!

hola, una pregunta yo estoy intentando crear el proyecto pero se queda colgado en esa parte que sale en la imagen, me podrían ayudar

error.PNG

porque a la hora de usar ionic serve --lab no funciona y en el curso basico si ?

Estoy empezando el curso y me aparece una diferente estructura de archivos y carpetas, es por la versión??
Puedo hacer algo para regresara a la versión que utilizan en el curso??

Hola, una pregunta. No me queda clara la diferencias entre la carpeta Resources y src/assets. En cual deberia guardar el icono de la app?

También pueden correr la app con el comando:
$ ionic serve -c
Con eso puedes verla en el navegador y en el teléfono si descargas la app Ionic DevApp y puedes usar ciertas características en tu dispositivo sin necesidad de compilar. Debes de tener una cuenta en Ionic para poder usarla y usarla en la misma red de Internet donde se estés ejecutando tu app (Aunque a veces falla, es cuestión de probar). Si usas esta app los logs los verás en la consola donde estés ejecutando el ionic serve -c.

Esta App se ve muy interesante, la voy a disfrutar y a mejorar bastante 😛

Hola! Les comparto el enlace al repositorio con todos los brances de código por si prefieren tenerlo de esta forma:
https://github.com/EduardoIbarra/msn_mobile_platzi_pre/compare/master...1_Pages

$ ionic start platzingermobile sidemenu

Esta App es super completa! voy a disfrutar desarrollándola!

mmmmm Tantos buenos proyectos que terminan en la caneca…

suena muy bueno el proyecto

Consulta, estoy ejecutando el comando para crear la aplicacion, pero no me hace la pregunta si deseo integrarlo a cordova y hacerlo nativo para ios y android.
¿a que se debe esto?

Todo va bien hasta ahora!!

hola, una pregunta yo estoy intentando crear el proyecto pero se queda colgado en esa parte que sale en la imagen, me podrían ayudar

error.PNG

porque a la hora de usar ionic serve --lab no funciona y en el curso basico si ?

Estoy empezando el curso y me aparece una diferente estructura de archivos y carpetas, es por la versión??
Puedo hacer algo para regresara a la versión que utilizan en el curso??

Hola, una pregunta. No me queda clara la diferencias entre la carpeta Resources y src/assets. En cual deberia guardar el icono de la app?