Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como develop

Desarrollar WebApps con Angular y Material Design

Angular 7 Hola mis queridos lectores de mis memorias de desarrollo de software en una fábrica de software, en este caso les vengo a conversar sobre cómo instalar Material Design en Angular 7. Lo primero que debemos crear es el proyecto en angular con la sentencia: ng new md-demo Una vez que se ha creado nuestra aplicación de demo, añadimos el comando: ng add @angular/material Esto va añadir los componentes necesarios para que todo funcione correectamente, pero deberás contestar las siguientes preguntas: Escojer un tema de los 4 que ya vienen pre - fabricados o si tienes ya uno creado, seleccionar la opción CUSTOM Instalar HAMMER.JS es una libreria que ayudará a reconocer los gestos en los mobiles Instalar las animaciones que trae Material Design. Listo Al terminar la instalación este comando ng add @angular/material ha cambiado el index.html, el package.json, y los CSS de forma Global. Para probar que todo comience a funcionar en la aplicación debemos añadir e...

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

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 es...