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 : 7H : 33M : 49S

Debes iniciar sesión

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

Intro a Ionic Framework, Angular, Platzinger, y Ionic CLI

1/57

En este Curso de Ionic Avanzado el profesor Eduardo Ibarra, también profesor de cursos como el de Ionic y el de Angular, te enseñara conceptos mas avanzados de Ionic desde implementar acceso nativo a cámara, geolocalización y hasta vibración misma del celular.

Revisaremos los conceptos básicos de Ionic de forma rápida, aunque es recomendable haber visto antes el Curso Básico de Ionic.

¿Qué es Ionic?
Es un framework basado en Angular para crear aplicaciones hibridas, gracias al uso de Cordova se puede acceder a las características nativas de los dispositivos.

¿Qué es Angular?
Es un framework basado en TypeScript que permite crear Single Page Applications.

¿Qué es Cordova?
Es un framework open-source usado para el desarrollo de aplicaciones móviles a partir de tecnologías web. Brinda una API en JavaScript para poder acceder a las características nativas del dispositivo.

Estos tres frameworks serían muy difíciles de ensamblar manualmente, sin embargo, existe la herramienta de consola Ionic CLI que te ayudara entre algunas cosas a:

  • Transpilar código de TypeScript a JavaScript.
  • Crear un servidor local el cual se refrescará automáticamente ante cualquier cambio que hagas en tus archivos.
  • Exportar tu app para iOS o Android.

En la sección de Archivos encuentras las slides completas de este curso en PDF!

Bienvenido y recuerda ir dejando todas tus dudas =)

Este curso me emociona, estaria bien un curso de los errores que se presentan, ahorita yo tengo esta app que me truena la hice en electronjs, agradeceria una ayuda

MacBook-Air-de-Alejandro:src alexhack$ npm run electron

> [email protected]0.1.0 electron /Users/alexhack/Desktop/workspace/backup/appsb
> npm run build-electron && electron dist/


> [email protected]0.1.0 build-electron /Users/alexhack/Desktop/workspace/backup/appsb
> ng build --prod && copy src\electron\* dist


Date: 2018-08-30T05:45:59.462Z
Hash: ceac8738a366a83aba62
Time: 7131ms
chunk {0} runtime.a66f828dca56eeb90e02.js (runtime) 1.05 kB [entry] [rendered]
chunk {1} styles.34c57ab7888ec1573f9c.css (styles) 0 bytes [initial] [rendered]
chunk {2} polyfills.cdf87a8e5b31fe8a11f1.js (polyfills) 130 bytes [initial] [rendered]
chunk {3} main.a2bc6cab25d0aa41c17a.js (main) 128 bytes [initial] [rendered]

ERROR in Error during template compile of 'AppModule'
  Function calls are not supported in decorators but 'OpaqueToken' was called in 'AngularFireModule'
    'AngularFireModule' references 'FirebaseUserConfig'
      'FirebaseUserConfig' calls 'OpaqueToken'.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected]0.1.0 build-electron: `ng build --prod && copy src\electron\* dist`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected]0.1.0 build-electron script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/alexhack/.npm/_logs/2018-08-30T05_45_59_516Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected]0.1.0 electron: `npm run build-electron && electron dist/`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected]0.1.0 electron script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/alexhack/.npm/_logs/2018-08-30T05_45_59_549Z-debug.log
MacBook-Air-de-Alejandro:src alexhack$```

¡Comenzemos con el curso!
Sería bueno un curso de TypeScript para complementar la carrera de Desarrollo con Angular.

Si…! que emoción! 😄

¿Qué es Ionic?
Es un framework completo para desarrollar aplicaciones moviles hibridas. Esta basado en Angular y usa Cordova para acceder a caracteristicas nativas de los dispositivos
¿Qué es Angular?
Es un framework basado en TypeScript que permite crear Single Page Applications.
¿Qué es Cordova?
Es un framework open-source usado para el desarrollo de aplicaciones móviles a partir de tecnologías web. Brinda una API en JavaScript para poder acceder a las características nativas del dispositivo.
Estos tres frameworks serían muy difíciles de ensamblar manualmente, sin embargo, existe la herramienta de consola Ionic CLI que te ayudara entre algunas cosas a:
Transpilar código de TypeScript a JavaScript.
Crear un servidor local el cual se refrescará automáticamente ante cualquier cambio que hagas en tus archivos.
Exportar tu app para iOS o Android.

que version de IONIC estas usando?

No compren este curso, termina siendo lo mismo que el de angular y no tiene nada de ionic

Ya vi el curso de ionic 4 sin embargo este proyecto se ve tan interesante y completo que lo abordaré haciendo los ajustes pertinentes para la versión de ionic 4! 😄

Amigos les comparto como quedo el vistaso final de mi version de Platzinger publicada en la Play Store. https://play.google.com/store/apps/details?id=io.ionic.platzinger 😄 PDTA: Todavía faltan algunas validaciones y correcciones de errores :p

En la sección de Archivos encuentras las slides completas de este curso en PDF!

Bienvenido y recuerda ir dejando todas tus dudas =)

Este curso me emociona, estaria bien un curso de los errores que se presentan, ahorita yo tengo esta app que me truena la hice en electronjs, agradeceria una ayuda

MacBook-Air-de-Alejandro:src alexhack$ npm run electron

> [email protected]0.1.0 electron /Users/alexhack/Desktop/workspace/backup/appsb
> npm run build-electron && electron dist/


> [email protected]0.1.0 build-electron /Users/alexhack/Desktop/workspace/backup/appsb
> ng build --prod && copy src\electron\* dist


Date: 2018-08-30T05:45:59.462Z
Hash: ceac8738a366a83aba62
Time: 7131ms
chunk {0} runtime.a66f828dca56eeb90e02.js (runtime) 1.05 kB [entry] [rendered]
chunk {1} styles.34c57ab7888ec1573f9c.css (styles) 0 bytes [initial] [rendered]
chunk {2} polyfills.cdf87a8e5b31fe8a11f1.js (polyfills) 130 bytes [initial] [rendered]
chunk {3} main.a2bc6cab25d0aa41c17a.js (main) 128 bytes [initial] [rendered]

ERROR in Error during template compile of 'AppModule'
  Function calls are not supported in decorators but 'OpaqueToken' was called in 'AngularFireModule'
    'AngularFireModule' references 'FirebaseUserConfig'
      'FirebaseUserConfig' calls 'OpaqueToken'.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected]0.1.0 build-electron: `ng build --prod && copy src\electron\* dist`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected]0.1.0 build-electron script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/alexhack/.npm/_logs/2018-08-30T05_45_59_516Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected]0.1.0 electron: `npm run build-electron && electron dist/`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected]0.1.0 electron script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/alexhack/.npm/_logs/2018-08-30T05_45_59_549Z-debug.log
MacBook-Air-de-Alejandro:src alexhack$```

¡Comenzemos con el curso!
Sería bueno un curso de TypeScript para complementar la carrera de Desarrollo con Angular.

Si…! que emoción! 😄

¿Qué es Ionic?
Es un framework completo para desarrollar aplicaciones moviles hibridas. Esta basado en Angular y usa Cordova para acceder a caracteristicas nativas de los dispositivos
¿Qué es Angular?
Es un framework basado en TypeScript que permite crear Single Page Applications.
¿Qué es Cordova?
Es un framework open-source usado para el desarrollo de aplicaciones móviles a partir de tecnologías web. Brinda una API en JavaScript para poder acceder a las características nativas del dispositivo.
Estos tres frameworks serían muy difíciles de ensamblar manualmente, sin embargo, existe la herramienta de consola Ionic CLI que te ayudara entre algunas cosas a:
Transpilar código de TypeScript a JavaScript.
Crear un servidor local el cual se refrescará automáticamente ante cualquier cambio que hagas en tus archivos.
Exportar tu app para iOS o Android.

que version de IONIC estas usando?

No compren este curso, termina siendo lo mismo que el de angular y no tiene nada de ionic

Ya vi el curso de ionic 4 sin embargo este proyecto se ve tan interesante y completo que lo abordaré haciendo los ajustes pertinentes para la versión de ionic 4! 😄

Amigos les comparto como quedo el vistaso final de mi version de Platzinger publicada en la Play Store. https://play.google.com/store/apps/details?id=io.ionic.platzinger 😄 PDTA: Todavía faltan algunas validaciones y correcciones de errores :p