Aprende Ionic 2 desde cero: Curso inmersivo

Aprende rápido a desarrollar aplicaciones móviles para Android y iOS partiendo de cero con metodología learning-by-doing
4.3 (53 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
601 students enrolled
$145
Take This Course
  • Lectures 79
  • Length 9 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 8/2016 Spanish

Course Description

Adquiere rápidamente los conocimientos necesarios para crear aplicaciones móviles que funcionen tanto en Android como en iOS.

Consigue unos fundamentos sólidos en Ionic 2 partiendo de cero y con una metodología de learning-by-doing.

Instalación del entorno, ejecución y debugging en dispositivo
ECMAScript 6, Angular 2, TypeScript, SaSS...
Componentes, servicios y directivas
Listas, botones, inputs, alert views, modales, navegación
Plugins nativos: googlemaps, geolocalización...
Comunicación con servidor

Un framework para dominarlos a todos

Aprender Ionic 2 pone una herramienta útil y potente en tus manos. Ionic 2 es gratuito, fácil de aprender y te permite crear aplicaciones iOS, Android, Windows Phone y hasta webs mobile ¡¡¡con el mismo código!!!

El desarrollo de aplicaciones móviles es cada vez más demandado y aprender Ionic 2 te dejará muy bien posicionado como desarrollador en las principales plataformas móviles del mercado, con una tecnología de vanguardia que va a tener mucho recorrido en los próximos años.

¿Qué te vas a encontrar?

Adecuado para todos los perfiles, el temario está estructurado en 2 apps para que logres una base sólida de de los componentes de Ionic para desarrollar aplicaciones y las herramientas de desarrollo y debugging más habituales, con un enfoque100% práctico y metodología learning-by-doing.

Empezando con la instalación del entorno y las herramientas necesarias para desarrollar en Ionic, verás también una pincelada de las tecnologías que hay detrás de Ionic 2.

Ya en contexto, desarrollarás una aplicación de geolocalización muy sencilla para iniciarte al mundo de Ionic 2. Aprenderás también a utilizar plugins nativos y a lanzar y debugar la aplicación en iOS y Android.

Con estas bases ya adquiridas, pasarás a la fase de inmersión, desarrollando una aplicación más compleja con varios componentes habituales, conectándote con una API REST para enviar, obtener y guardar datos y personalizando su diseño.

What are the requirements?

  • Tener conocimientos básicos de Javascript o de programación orientada a objetos es recomendable para seguir con más facilidad el curso, aunque no imprescindible. Se proporcionarán recursos para reforzar las bases de Angular 2 ES6 y TypeScript.
  • Tener conocimientos básicos de HTML y CSS es recomendable.

What am I going to get from this course?

  • Instalar el entorno necesario para desarrollar aplicaciones con Ionic 2
  • Desarrollar aplicaciones móviles para iOS y Android utilizando Ionic 2
  • Utilizar componentes habituales de Ionic 2 como listas forms, inputs, alerts, navegación...
  • Generar estilos CSS con SaSS y aplicarlos de forma dinámica
  • Utilizar conceptos habituales de ECMAScript 6, Angular 2 y TypeScript con facilidad
  • Usar el plugin de Googlemaps para mostrar mapas nativos
  • Usar el plugin de Geolocalización para obtener la ubicación del usuario
  • Debugar tanto desde el servidor de desarrollo como al ejecutar en dispositivo

Who is the target audience?

  • Este curso de Ionic 2 es ideal para cualquiera que quiera aprender a desarrollar aplicaciones móviles multi-plataforma y tenga poca o ninguna experiencia con Ionic 2. No se necesitan conocimientos previos en Ionic, Angular, ni TypeScript.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción al curso
Introducción
00:48
IMPORTANTE: Ionic2.beta11 y Ionic 2 RC0
01:39
Instalación de entorno en Windows
Preview
05:31
Instalación de entorno en Linux
05:59
Instalación de entorno en Mac
09:21
Repositorios y tips
02:41
Section 2: Toma de contacto: aplicación de geolocalización
1 - Creación del proyecto
05:21
2 - Angular2: Promises, arrow functions y función de bootstrap
06:01
3 - CLI de Ionic, creando una página nueva
03:56
4 - Intro a Googlemaps con ionic-native
05:44
5 - Centrando el mapa de Googlemaps de ionic-native
06:43
6 - Captura de excepciones en promises y Chrome inspector
Preview
04:56
7 - Requisitos de Googlemaps, creando API_KEY para iOS
03:41
8 - Requisitos de Googlemaps, creando API_KEY para Android
04:40
9 - Instalando el plugin Cordova necesario para Googlemaps
04:10
10 - Ejecutando la aplicación en dispositivo iOS
02:36
11 - Debugando en iOS
05:55
12 - Resolviendo bug de ionic+GoogleMaps en iOS
03:58
13 - Ejecutando la aplicación en dispositivo Android
04:02
14 - Debugando en Android
08:24
15 - Plugin de Geolocalización y ionic-native
04:43
16 - Añadiendo marcador a la geolocalización
03:19
17 - Resultados de geolocalización con marcador en iOS
03:17
18 - Resultados de geolocalización con marcador en Android
04:10
Section 3: Aplicación Listas de Tareas con prioridades
3.1 - Introducción y creación del proyecto
04:31
3.2 - Página inicial
03:31
3.3 - Usando listas
03:53
3.4 - Repitiendo elementos: Directiva estructural *ngFor
03:47
3.5 - Modelo de datos
06:12
3.6.1 - Añadiendo estilos de forma dinámica
04:39
3.6.2 - Añadiendo estilos de forma dinámica
04:07
3.7 - Checkboxes y eventos
04:22
3.8 - Botones flotantes
06:07
3.9.1 - Modal View: Lanzando una modal view
04:49
3.9.2 - Modal View: Añadiendo un header
07:25
3.9.3 - Modal View: Inputs
04:55
3.9.4 - Modal View: Diseño con Flexbox
06:22
3.9.5 - Modal View: Añadiendo items a la lista
03:59
3.10.1 - Formularios: Importando los providers
07:38
3.10.2 - Formularios: Validación con template reference variables
05:48
3.10.3 - Formularios: Transiciones CSS
07:18
3.11 - Servicios
10:01
3.12 - Sliding List Actions
09:50
3.13.1 - Pasando parámetros a la ModalView: NavParams I
04:47
3.13.2 - Pasando parámetros a la ModalView: NavParams II
08:41
3.14.1 - Filtrando con Pipes I
10:51
3.14.2 - Filtrando con Pipes II
04:59
3.14.3 - Afinando el diseño con SaSS
08:42
3.15 - Inmutabilidad y pipes puras
11:52
3.16 - setTimeout / clearTimeout
05:07
3.17 - Navegación básica
06:44
3.18 - Diseño de la vista ListsViews con SaSS
08:12
3.19 - Utilizando Alert Views
Preview
10:26
3.20 - Añadiendo nuevas listas
12:02
3.21 - Navegación con parámetros
13:23
3.22.1 - Guardando datos en local con LocalStorage, introducción
03:28
3.22.2 Listas en LocalStorage
12:44
3.22.3 Tareas en LocalStorage
13:38
3.23.1 - Instalando el servidor de desarrollo
05:09
3.23.2 - Introducción a API REST: enviar y recibir datos del servidor
06:51
3.24.1 - GET de listas de la API REST
10:54
3.24.2 - Endpoint base de la API REST
04:04
3.25.1 - POST de una lista a la API REST
07:27
3.25.2 - POST de una lista, mostrando un loader
07:47
3.25.3 - POST de una lista, COLD vs HOT Observables
05:58
3.26.1 - DELETE de una lista - evento PRESS
12:24
3.26.2 - DELETE de una lista a la API REST
10:06
3.27.1 - GET de las tareas de una lista desde API REST, parte I
07:33
3.27.2 - GET de las tareas de una lista desde API REST, parte II
09:31
3.28- POST de un item a una lista mediante API REST
13:34
3.29.1 - PUT de un todo a la API REST
10:30
3.29.2 - PUT de un todo a la API REST, recarga de datos
05:32
3.30 - DELETE de una tarea mediante API REST
06:59
3.31 - Recomendaciones finales
01:08
Section 4: Actualización a Ionic 2 RC0
4.1 - Actualizar a Ionic 2 RC0
02:21
4.2 - Actualizando la Aplicación Listas de Tareas, parte 1
17:13
4.3 - Actualizando la Aplicación Listas de Tareas, parte 2
13:14
4.4 - Actualizando la Aplicación de Geolocalización, parte 1
12:08
4.5 - Actualizando la Aplicación de Geolocalización, parte 2
03:08

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Enrique Oriol, SW Engineer & entrepreneur

Soy Ingeniero de Software, CTO en una startup de Barcelona que combina su pasión por la manipulación 3D con la consultoría tecnológica en proyectos mobile, incluyendo backend, frontend y aplicaciones híbridas y nativas. Me gustan especialmente el enfoque mobile con tecnologías web como Angular, Ionic y las client-side apps.

A lo largo de mi carrera profesional he desarrollado aplicaciones de Realidad Aumentada, backends de gestión y e-commerce móviles para empresas internacionales, ganando una visión global de las necesidades del mercado real del desarrollo software.

En mi tiempo libre me gusta enseñar programación ya sea a través de mi blog, en meetups locales de software o mediante cursos educativos.

Ready to start learning?
Take This Course