Aprende Ionic 3 desde cero (antes Ionic 2): Curso inmersivo
4.2 (137 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.
961 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende Ionic 3 desde cero (antes Ionic 2): Curso inmersivo to your Wishlist.

Add to Wishlist

Aprende Ionic 3 desde cero (antes Ionic 2): Curso inmersivo

¡ACTUALIZADO a Ionic 3! Aprende rápido a desarrollar apps para Android y iOS partiendo de cero por learning-by-doing
4.2 (137 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.
961 students enrolled
Created by Enrique Oriol
Last updated 7/2017
Spanish
Current price: $15 Original price: $195 Discount: 92% off
30-Day Money-Back Guarantee
Includes:
  • 15.5 hours on-demand video
  • 7 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Instalar el entorno necesario para desarrollar aplicaciones con Ionic (v2 y v3)
  • Desarrollar aplicaciones móviles para iOS y Android utilizando Ionic (v2 y v3)
  • Utilizar componentes habituales de Ionic 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 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
View Curriculum
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.
Description

¡ ACTUALIZADO A IONIC 3 (y compatible con Ionic 2) ! 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 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, TypeScript, SaSS...
Componentes, servicios y directivas
Listas, botones, inputs, alert views, modales, navegación
Plugins nativos: googlemaps, geolocalización...
Comunicación con servidor
Almacenamiento persistente

Un framework para dominarlos a todos

Aprender Ionic 3 pone una herramienta útil y potente en tus manos. Ionic 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 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.

Ya en contexto, desarrollarás una aplicación de geolocalización muy sencilla para iniciarte al mundo de Ionic. 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.

Who is the target audience?
  • Este curso de Ionic 3 (y 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.
Curriculum For This Course
158 Lectures
15:30:53
+
Introducción al curso actualizada a Ionic 3.4
6 Lectures 27:18
Introducción
00:22


Repositorios de código
00:48


Instalación en el entorno Windows
07:17

Instalación en el entorno Linux
09:19
+
Ionic 3.4 - Toma de contacto: aplicación de geolocalización
19 Lectures 01:11:56
Actualización Ionic CLI v3
00:50

1 - Creación del proyecto
06:33

2 - Promises, arrow functions y componente inicial
02:47

3 - CLI de Ionic, creando una página nueva
03:04


5 - Geolocalización y centrado de mapa
03:03

6 - Captura de excepciones en promises y Chrome inspector
03:39

7 - Requisitos de Googlemaps, creando API_KEY para iOS
03:41

Si estás en windows, para usar el keystore tendrás que moverte al directorio 

C:Program Files/Java/jdk1.8.0_11/bin  

o alguno similar (tienes que buscarlo primero, dependerá de la versión de tu jdk o jre de java)


Y desde ahí ya podrías llamar al comando keytool, indicándole el path a tu debug.keystore, que en windows es ligeramente distinto.

Sería algo así:

keytool -list -v -keystore "C:\Users\username\.android\debug.keystore" -storepass android 

Donde username es tu usuario de windows.

8 - Requisitos de Googlemaps, creando API_KEY para Android
04:40

9 - Instalando el plugin Cordova necesario para Googlemaps
02:17

10 - Ejecutando la aplicación en dispositivo iOS
02:36

11 - Debugando en iOS
03:59

12 - Resolviendo bug de Ionic+GoogleMaps en iOS
02:11

13 - Ejecutando la aplicación en dispositivo Android
04:02

14 - Debugando en Android
07:53

15 - Plugin de Geolocalización y ionic-native
04:47

16 - Añadiendo marcador a la geolocalización
01:53

17 - Resultados de geolocalización con marcador en iOS
03:17

18 - Resultados de geolocalización con marcador en Android
04:10
+
Ionic 3.4 - Aplicación de lista de tareas con prioridades
52 Lectures 05:00:45
1 - Creación del proyecto
07:18


3 - Usando listas
02:54

4 - Repitiendo elementos, directiva estructural *ngFor
03:07

5 - Modelo de datos
05:52

6.1 - estilos dinámicos, parte 1
04:29

6.2 - Estilos dinámicos, parte 2
03:26

7 - Checkboxes y eventos
03:33

8 - Botones flotantes
04:19

9.1 - Modal view: lanzando una modal view
04:14

9.2 - Modal view, lanzando una modal view
05:25

9.3 - Modal view: inputs
04:22

9.4 - Modal view: diseño con flexbox
05:19

9.5 - Modal view: Añadir items a la lista
03:59

10.1 - Formularios: clases CSS de validación de Angular
03:37

10.2 Formularios: Validación con template reference variable
06:09

10.3 Formularios: transiciones CSS
05:11

11.0 - Importando el módulo Http en Ionic 3
00:27

11 - Servicios
07:11

12 - Sliding actions
06:41

13.1 - pasando parámetros a la modal view: nav params 1
02:50

13.2 - clonando parametros en la modal view: nav params 2
03:11

13.3 - actualizando el objeto todo
03:48

14.1 - filtrando con pipes I
08:20


14.3 - Afinando el diseño con SaSS
05:50

15 - Inmutabilidad y pipes puras
10:39

16 - setTimeout, clearTimeout
04:29

17 - Navegación básica
05:15

18 - Diseño de la visa ListsView con SaSS
06:40

19 - Usando Alert Views
07:45

20 - Añadiendo nuevas listas
09:32

21 - Navegación con parámetros
11:13

22.1 - Almacenamiento persistente: Introducción a Storage
03:00

22.2 - Almacenando listas con Storage
09:52

22.3 - Almacenando todos con Storage
08:14

23.1 - API REST: Instalando el servidor de desarrollo
04:59

23.2 - Introducción a API REST: enviar y recibir datos del servidor
06:07

24.1 - GET de listas de la API REST
10:47

24.2 - API REST GET de listas, endpoint base
03:38

25.1 - API REST POST de una lista
06:17

25.2 - POST de una lista: Actualizar la vista y loader spinner
06:45

25.3 - POST de una lista: cold & hot observables
05:10

26.1 - DELETE de una lista, eventos press y tap
09:45

26.2 - API REST DELETE de una lista
10:06

27.1 - GET de las tareas de una lista, parte 1
06:46

27.2 - GET de las tareas de una lista, parte 2
06:41

28 - API REST POST item de una lista
10:55

29.1 - API REST PUT de una tarea
07:53

29.2 - PUT de una tarea, recarga de datos
04:26

30 - API REST DELETE de una tarea
05:15

31 - Recomendaciones finales
00:51
+
Ionic 2 beta (versión antigua) - Introducción al curso
6 Lectures 25:59
Introducción
00:48

IMPORTANTE: Ionic2.beta11 y Ionic 2 RC0
01:39

Instalación de entorno en Windows
05:31

Instalación de entorno en Linux
05:59

Instalación de entorno en Mac
09:21

Repositorios y tips
02:41
+
Ionic 2 beta (versión antigua) - App de Geolocalización
18 Lectures 01:25:36
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


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
+
Ionic 2 beta (versión antigua) - Aplicación de lista de tareas con prioridades
50 Lectures 06:10:17
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.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
+
Actualización a Ionic 2 RC0
5 Lectures 48:04
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
+
Actualización de Ionic 2.0+ a Ionic 3
2 Lectures 01:22
Actualización de app geolocalización
00:39

Actualización de app TodoLists
00:42
About the Instructor
Enrique Oriol
4.5 Average rating
285 Reviews
2,826 Students
3 Courses
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 de software o mediante cursos educativos.