Ir al contenido principal

Ionic 4 Creación de Apps para un mundo Real

Hola, que tal amigos soy David Ortega Mazzini, he creado este blog ya cansado de ver en todos lados tutoriales de Ionic 4, que no sirven de nada en el mundo real, promesas de que te van a convertir en un super desarrollador y te vas a forrar de plata, y solo te enseñan hacer una aplicación de Lista de Tareas y tras de eso todo lo que enseñan esta en ingles, las variables propias del desarrollo, los servicios, todo casi en ingles, miles de tutoriales que los que hacen es CTRL + C y CTRL + V y no enseñan nada en serio relevante; o a crear aplicaciones para el mundo real.



El Cliente

En ningún lugar del Ecuador hay un cliente que te va a pedir una app de lista de tareas, ni tampoco aplicaciones tan simples, te piden cosas exigentes, facturación, contabilidad, declaración de impuesto a la renta, recargas, gestión de créditos, gestión de inventarios. etc.

Por eso he creado este blog para enseñar a crear apps reales, para el mundo cotidiano, para ese mundo empresario, para ese mundo que sí vas a vender tus apps y que en verdad te vas a enfrentar a retos que valgan la pena. No solo a TODO List.

Empecemos.

Que necesitamos para arrancar hacer apps con ionic 4? pues necesitamos prepararnos de mucha paciencia y el siguiente Software.

  1. Instalar Node.js desde aqui. https://nodejs.org/
  2. agrega este comando en windows npm install -g cordova ionic y si estas en MAC (OS) debes agregar sudo antes del comando.
  3. Instalar Android en caso de que quieras crear apps para android
  4. Instalar el java kit developer
  5. Instalar Android Studio
  6. Instalar XCode en caso de de que quieras crear apps para IOS
  7. xcode-select --install
Para verificar que esta todo bien, vamos a la ventana de comandos y ponemos:
ionic - v
Y el sistema debe mostrarte la versión actual, en mi caso 5.2.4.



Saludos

Comentarios

Entradas populares de este blog

Crear un PDF con Ionic 4 y PDF Make (Paso a Paso)

Uno de los requisitos que he tenido que crear en apps del mundo real es la necesidad de crear un contrato en PDF, el mismo que tenga una imagen, y se puede descargar al dispositivo. PDF MAKE Investigando he dado con una librería llamada PDF Make, aquí esta el sitio web si gustas darle un super vistazo al sin número de opciones que tiene.  http://pdfmake.org/#/ , hasta tiene una parte donde tu mismo puedes experimentar  http://pdfmake.org/playground.html  algunos cambios, pero nosotros lo tenemos que implementar en ionic 5. Así que veamos como. Ionic 5 y Generación de PDF Creamos una nueva aplicación en ionic con el comando: ionic start crearPdf blank Necesitamos dos directivas instalarla en nuestro proyecto, con los siguientes comandos: ionic cordova plugin add cordova-plugin-file npm install @ionic-native/file En el modulo general, en app.module.ts tenemos que llamar al modulo file que nos ayudará una vez creado el PDF, generar el archivo para descar...

Geolocalización con Ionic 4 y compatible con PWA

Hola mis amigos, el día de hoy vamos a crear una app de Geolocalización, esto nos ayudará a obtener las coordenadas de donde esta nuestro cliente para futuras implementaciones en diferentes escenarios, el día de hoy haremos una demo de geolocalización tanto que funcione para dispositivos, como para Web Browser. Empecemos. 1.- Creamos el proyecto en Ionic 4 con la sentencia: ionic start localizacion blank Esperamos que se cree la carpeta, las dependencias, etc, etc vamos a tomar un café y regresamos, (Y si, es necesario tener Internet en tu PC). 2.- Entramos al directorio creado con cd localización. 3.- Instalamos el plug-in que va hacer la magia por nosotros, el  Ionic 4 Geolocation plugin, usando el siguiente comando: ionic cordova plugin add cordova-plugin-geolocation 3.1.- Esto va instalar algunas dependencias de Ionic que serán necesarias para que funcione el proyecto. 3.2.- Instalamos las dependecias con el siguiente comando: npm install @ionic-nati...

Convertir una imagen PNG/JPG a base64 en Ionic 4

Las imágenes se trabajan en base64 para poderlas enviar a traves de un objeto JSON a las API's o micro servicios, por eso es importante que nuestra app internamente convierta un jpg,png desde los assets a una base64. En este episodio hablaremos de como seleccionar una imagen desde la galeria y convertirla en un string valido en base64. Primero crear el proyecto mediante el comando: ionic start imagenBase64 blank Entramos al directorio de la aplicación y vamos a instalar las dependencias que vamos a ir necesitando para este proyecto, las voy a ir listando a continuación cada una: ionic cordova plugin add cordova-plugin-camera npm install @ionic-native/camera ionic cordova plugin add cordova-plugin-file npm install @ionic-native/file ionic cordova plugin add cordova-plugin-crop npm install @ionic-native/crop Una vez instaladas todas estas dependencias ahora si vamos abrir el proyecto en nuestro editor de código favoritos, el mio es Visual Studio Code. Abrimos ...