Archivo de la etiqueta: ioni 4

Libro: Desarrollo de aplicaciones móviles multiplataforma y PWAs con Ionic y Firebase desde cero.

Hola a todos,

Como diría Francisco Umbral, ¡He venido a hablar de mi libro! ;-P

Hoy vengo a anunciaros que por fin he publicado en Amazon mi libro para aprender a programar aplicaciones multiplataforma con ionic.

Ionic es un framework que nos permite crear de una manera rápida y sencilla aplicaciones móviles multiplataforma (Android, IOS, Windows, PWAs…) utilizando tecnologías web (HTML, JAVASCRIPT, CSS), por lo que si eres desarrollador web podrás reciclar tus conocimientos y crear aplicaciones móviles de una manera sencilla.

En este libro aprenderás de una manera sencilla y con una curva de aprendizaje suave todo lo necesario para crear aplicaciones móviles con ionic desde cero.

La principal ventaja de utilizar Ionic es que es multiplataforma, es decir que con un mismo código podemos generar apps para Android, IOS y Windows, por lo que el tiempo y coste de desarrollo y mantenimiento de una app se reduce sensiblemente.

Otra ventaja es que si dispones de conocimientos previos en desarrollo web frontend ya tienes medio camino andado ya que la curva de aprendizaje será mucho menor.
Además Ionic dispone de muchos componentes ya creados para que sin apenas esfuerzos puedas desarrollar una app de apariencia profesional sin necesidad de ser un gran diseñador.

El libro está en español por lo que será de especial utilidad para aquellos que no se arreglen bien con el inglés.

El propósito del libro es hacer la curva de aprendizaje lo más suave posible, empezando a desarrollar cosas prácticas desde el principio y aprendiendo cosas nuevas según las vamos necesitando en lugar de abrumaros con mucha teoría al principio sin ver su aplicación práctica, ya creo que esto puede hacer que muchos desistan por el camino.

En cambio es mucho más motivador ver que nada más empezar se puede hacer cosas que funcionan aunque sean sencillas y ir sobre la marcha aprendiendo conceptos a medida que los vamos necesitando.

Para que te hagas una idea del contenido del libro te muestro el índice con el contenido del mismo:

  • Introducción
    • ¿Qué es ionic?
    • Ventajas de utilizar ionic para desarrollar apps
    • Desventajas de utilizar ionic para desarrollar apps
    • Diferencia entre Ionic 1, ionic 2 y 3 e Ionic 4
  • Cómo obtener el código de los ejemplos de este libro
  • Instalar ionic y las herramientas necesarias para el desarrollo
    • Instalar Node.js
    • Instalar ionic
    • Instalar Android studio.
    • En windows
    • Instalar Android Studio en Mac
    • Instalar un editor de código compatible con TypeScript
  • Hola Mundo en Ionic
  • Estructura de un proyecto Ionic
  • Modificando nuestro hola mundo
  • Mini Juego de acertar números
  • Personalizando el diseño de nuestra aplicación
    • Variables SASS y Variables CSS4
    • Colores
    • Utilidades CSS – Estilos predefinidos
    • Alineación del texto
    • Transformación de texto
    • Atributos de Texto según tamaño de pantalla
    • Emplazamiento de elementos
    • Elementos float
    • Elementos Flotantes según tamaño de pantalla
    • Visualización de elementos
    • Visualización u ocultación de elementos en función del tamaño de la pantalla
    • Espaciado del contenido
    • Padding
    • Margin
  • Navegación
    • Ionic Generator
    • Navegar entre páginas utilizando routerLink en la plantilla html
    • Navegar entre páginas programáticamente
    • Volver a la página anterior
    • Pasando datos entre páginas
    • Menú lateral
    • Navegación por Tabs
  • Pipes
  • Creando una aplicación para guardar nuestros sitios geolocalizados
    • Descripción de la aplicación
    • Mostrando el mapa
    • Promesas y Async/Await
    • Iniciando el mapa
    • Añadiendo un marcador al mapa
    • Añadiendo FAB
    • Modales
    • Creando el formulario
    • Utilizando la cámara
    • Creando un Service
    • Probando nuestra aplicación misSitios en el móvil
    • Ejecutar nuestra aplicación en un dispositivo android:
    • Ejecutar nuestra aplicación en un dispositivo iOS:
    • Guardando nuestros sitios en una base de datos local
    • Ionic storage
    • Mostrar el detalle del sitio
    • Modificar nuestros sitios
    • Eliminar un sitio desde el listado deslizando el item con “ItemSliding”
    • Alerts
  • Preparar la app para la publicación usando capacitor
    • Generar el splash screen y los iconos en Android
    • Generar el splash screen y los iconos en iOS
    • Generar ejecutable firmado para poder subirlo a google play.
  • Ionic Native y Capacitor
  • Componentes personalizados
  • Peticiones http
    • http.get
    • Promesas y Observables
    • http.post
  • Firebase
    • Autenticación con correo y contraseña
    • Alta de usuarios
    • Login de usuarios
    • Guards: Guardián de navegación
    • Logout
    • Database: Cloud Firestore – Guardar nuestros sitios en la nube
    • Obtener listado de sitios de firestore.
  • Apache Cordova
    • Añadiendo plataformas
    • Ejecutando nuestra app en el dispositivo móvil
    • Ionic Native
    • Preparar la app para la publicación usando cordova
    • Generar el splash screen y los iconos
    • Configurando nuestra app: Modificando el archivo config.xml
    • Evitar rotación de pantalla
    • Firmar el apk para subirlo a Google Play
  • Generar una PWA (Aplicación Web Progresiva)
    • ¿Que es una PWA?
    • Creando un hola mundo de ejemplo
    • Configurar la PWA
    • Preparar la aplicación para el entorno de producción
    • Alojar nuestra aplicación en Firebase Hosting:
  • Ahora te toca a tí

Si te ha gustado el contenido sobre ionic que he compartido en este blog y quieres tenerlo más completo y mejor organizado y de paso apoyarme ya puedes comprar este libro en amazon:

Lo puedes encontrar en versión tapa blanda:

https://www.amazon.es/dp/1700622722

También está disponible en Kindle:

 

No quiero aburriros más así que muchas gracias a todos los que me habéis apoyado 🙂

Un saludo y hasta el próximo post.

Si necesitas desarrollar una aplicación móvil no dudes en solicitarme un presupuesto sin compromiso: