Curso Ionic esencial: Creación de aplicaciones móviles

Curso Ionic esencial: Creación de aplicaciones móviles

Información de: Ionic esencial

Apps para iOS; Android y Windows con HTML5

Descubre Ionic, la plataforma de creación de aplicaciones móviles híbridas que utiliza los frameworks más modernos y potentes: Angular, Sass y Cordova. Conoce estos frameworks que los componen y aprende a crear fácilmente aplicaciones para iOS, Android y Windows, con su batería de controles para móvil, que te permitirán comunicar tu aplicación con el sistema operativo para usar, por ejemplo, la cámara o la geolocalización.

Introducción Ionic esencial

Antes de avanzar en el curso es imprescindible entender bien en qué consiste la plataforma Ionic y de qué se compone, así que en este capítulo de introducción vamos a explicar un poco los conceptos básicos de Ionic.
  • Desarrollo móvil híbrido   01:55
  • Apache Cordova para compilar aplicaciones híbridas   03:40
  • Angular, MVC y databinding   03:19
  • Ionic y sus versiones   03:39
  • Ionic view: ver aplicaciones sin necesidad de instalarlas   02:30

Instalación de Ionic

Ya que Ionic mezcla muchas tecnologías distintas, puede parecer un poco farragosa su instalación. Sin embargo en este capítulo vamos a descubrir que no es tan complicada como pudiera parecer, siguiendo unos cuantos simples pasos.
  • NPM y las instalaciones. Instalación de NodeJS   02:07
  • Proceso de instalación de Ionic   02:23
  • Proceso de instalación y configuración de Java   03:18
  • Instalación de Android Studio y configuración de Android   05:10
  • Aplicaciones IOS y compilación con XCode   01:52

La base de Ionic: TypeScript y Angular

Ionic 3 se basa en Angular 4 y este, se basa en TypeScript, lo que supone que, para poder sentirnos ágiles desarrollando con Ionic, necesitamos tener un mínimo de conocimientos de estos. Este capítulo va a ser una introducción a ambos.
  • Instalación de TypeScript   02:27
  • Variables y constantes en TypeScript   04:17
  • Uso de clases de Typescript: javascript orientado a objetos   05:10
  • Herencia e importación de clases   04:42
  • Funciones anónimas   03:26
  • Los decoradores de TypeScript   02:09
  • Instalación y estructura de Angular   04:43
  • Elementos de Angular como módulos, componentes o directivas   07:53
  • Selectores y templates. Databinding   07:29
  • Tipos de databinding   11:00

Bases de Ionic. Creación de nuestra primera app

Este capítulo lo vamos a dedicar a explicar los conceptos básicos de Ionic: utilizaremos el cli para automatizar tareas, aprenderemos a crear aplicaciones basadas en plantillas y repasaremos la estructura básica de las apps.
  • El cli de Ionic para automatizar tareas   06:19
  • Plantillas de inicio de las aplicaciones   05:30
  • Subir aplicaciones a los servicios de Ionic   03:46
  • Estructura de archivos en Ionic   05:22
  • El archivo config.xml   07:07
  • Depuración de la app. Flujo de trabajo   07:45
  • Emulación de la app   06:09

Las bases de las aplicaciones Ionic

En este capítulo aprenderemos cómo se cargan las apps de Ionic, cómo se estructuran sus contenidos y cómo se organiza la navegación en la plantilla de aplicaciones basadas en pestañas, que es un buen ejemplo de navegación en app Ionic.
  • Flujo inicial de la app   06:01
  • Estructura de las páginas: header, content y footer   02:07
  • Navegación principal con tabs y el ion-view   05:21

SASS y Ionic: estilos de la aplicación

En la plantilla tabs que hemos instalado se aplica SASS, así que haremos en este capítulo una brevísima introducción a los archivos SCSS y hablaremos de las variables de SASS en Ionic y su uso para personalizar las apps.
  • Bases de SASS   01:53
  • Variables de SASS   05:15
  • Los archivos .scss de las páginas   02:40
  • Modificación de los colores por defecto de la app de Ionic   06:00

Los botones en Ionic

La forma más habitual de añadir interactividad es usando botones. Ionic ofrece muchas formas de añadir botones que cambian no solo su aspecto sino, incluso, su funcionamiento. En este capítulo vamos a usar botones y botoneras.
  • Tipos de botones en Ionic   05:19
  • Ionic y el uso de botones con iconos   06:13
  • Botoneras: ion-segment. Directiva ngIf   07:29
  • Personalización del header. Ion-navbar y ion-toolbar   06:05
  • Rejillas de elementos: ion-grid   05:23

Listados de elementos en Ionic

La función principal de las aplicaciones suele ser mostrar información y, generalmente, esta proviene de listas de elementos, así que dedicaremos un capítulo entero a trabajar con listas de elementos y su forma de dibujarse en la app.
  • Listas basadas en el componente ion-list   03:58
  • Formas de mostrar filas en las listas   05:47
  • Organización de los elementos de las listas   02:55
  • Listas con imágenes y listas con varios textos   07:41
  • Botones y otros componentes en los elementos de las listas   05:21
  • Preparar el navegador para evitar problemas de CORS   03:25
  • Creación del provider para cargar datos externos   08:29
  • Infinite scroll. Barras de búsqueda   07:40

Componentes personalizados

No hay por qué limitarse a los componentes de Ionic; otra de las características de esta plataforma es que permite hacer nuestros propios controles e incluso luego reutilizarlo en otros proyectos. En este capítulo haremos un header personalizado y añadiremos también una botonera en dicho header.
  • Creación y adición de un nuevo componente a las páginas   04:06
  • Pasando variables al componente   04:02
  • Navegación secundaria. NavController   06:05
  • Pasar datos con el NavController: página de detalle   05:29
  • Aplicación de estilos al nuevo componente   04:57

Formularios y controles de formulario en Ionic

Hasta ahora hemos aprendido a mostrar datos al usuario y a ofrecerle formas de interactuar, pero aún no le hemos dado formas de enviarnos datos a nosotros. Para eso están los formularios y, con Ionic, se hacen muy fácilmente.
  • Distribución de elementos en formularios. Trabajar en campos   05:25
  • Listas desplegables en formularios   02:57
  • Selecciones en formularios: checks, radios y toggles   05:07
  • Controles de formulario avanzados   04:14
  • Template driven forms   09:46
  • Data driven forms   07:34

Otros componentes típicos de Ionic

En este capítulo haremos un breve repaso a algunos de los componentes más típicos, con ejemplos prácticos que nos servirán como ayuda para poder utilizar cualquier otro componente de los muchos que tiene Ionic.
  • Cards para organizar la información   03:52
  • Popovers y modals para hacer navegación secundaria   07:14
  • Prompts y alertas en Ionic   06:38
  • Otros componentes de Ionic   02:13

Apache Cordova. Despliegue de la app

Vamos a utilizar plugins de Cordova para controlar el teléfono. El último capítulo también se corresponde a la última fase del desarrollo de aplicaciones, que es la compilación de la aplicación y su subida a las tiendas.
  • Los Plugins de Cordova. Añadiendo plugins   03:39
  • Trabajo con plugins: geolocalización   07:28
  • Depuración de la aplicación en el teléfono   03:55
  • Compilación para Android   05:35
  • Cómo subir la app a Play Store   03:48
  • Compilación para IOS   09:03

Capturas:

Ionic-esencial-1.th.jpgIonic-esencial-2.th.jpgIonic-esencial-3.th.jpgIonic-esencial-4.th.jpg

Trailer:

Datos técnicos:

  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 888 MB
  • Idioma: Español
  • Formadores: Jorge González Villanueva
  • Contenido: 68 Videos
  • Duración: 5:43 horas
  • Software: Ionic
  • Archivos Base: Si Incluye
  • Fecha de publicación: 13-jul-2017
  • Empresa: Video2Brain
¡No más Publicidad invasiva e intrusiva!

Hemos decidido quitar la publicidad invasiva e intrusiva, cada vez los anunciantes son más agresivos, con la finalidad de infectar y secuestrar los ordenadores de los navegantes. Por ese motivo hemos decidido quitar por completo los Pop-up y Pop-Under. Ahora te pedimos que simplemente desactives tu ADBlock o sistema anti-publicidad y apoyes a la comunidad con el mantenimiento, haciendo clic en los anuncios, por lo menos cada vez que entres a visitarnos. Ya sea en los que están encima de los enlaces de Descarga, (Publicidad de productos) o los anuncios del acortador "Abelhux" (Publicidad de Google) Toda está publicidad es completamente segura. Esta acción es importante para seguir manteniendo los servidores de la comunidad, esperamos tu apoyo. Atte: TeamNsN.
Ionic.esencial!
Atención! Usted no tiene permiso para ver este texto.... Primero debes Registrarte!
Archivos Base!
Atención! Usted no tiene permiso para ver este texto.... Primero debes Registrarte!
Esta es una imágen Magnet
Subido: RoBeRtS (29 Septiembre 2017 12:43)
Administración: [Actualización]
Contraseña: www.descargasnsn.com | Tamaño: 888.14 Mb
Contenido:
Ionic.esencial (3 Archivos)
file DescargasNsN.url (186 b)
txt Informacion del archivo.txt (11.78 Kb)
rar TRRFD6GF63FD0G4S.rar (888.13 Mb)
Contraseña:
DescargasNsN
Página oficial:Enlace al artículo oficial

Si te gusta o te ayuda este artículo. Apoya a los desarrolladores comprando este material.

  • 55
  • 6 149

Añadir comentario

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Comentarios 55

  1. Offline
    dermo 11 Octubre 2017 08:48
    + 0 -
    Estos cursos de programación de Video2Brain, suelen ser básicos, pero precisamente por ello recomendables para empezar, tanto si no tienes conocimientos previos como si ya los tienes en otros lenguajes o frameworks. Gracias.
  2. Offline
    Ricard300 9 Octubre 2017 18:03
    + 0 -
    muchas gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  3. Offline
    morenasana 5 Octubre 2017 13:02
    + 0 -
    Gracias!!!
    xxx
  4. Offline
    reynald0 4 Octubre 2017 07:11
    + 0 -
    Un curso completo de Android Studio, Amigos
  5. Offline
    bruce33 2 Octubre 2017 22:49
    + 0 -
    gracias por el curso
  6. Offline
    exisyzeta 2 Octubre 2017 22:03
    + 0 -
    Muchas gracias por el aporte.
  7. Offline
    condor7 2 Octubre 2017 20:53
    + 0 -
    Buen día, alguien sabe porque no me sale para habilitar el captcha en Mozilla de Abelhux, tengo que pasarme a chrome, agradeciendo su información saludos, gracias por tan excelentes aportes.
  8. Offline
    cotcho 2 Octubre 2017 20:00
    + 0 -
    gracias por el aporte
  9. Offline
    mar_juy 2 Octubre 2017 17:23
    + 0 -
    Estupendo aporte. Muchas gracias.
  10. Offline
    bocha10 2 Octubre 2017 16:51
    + 0 -
    Muy bueno!
    Muchas gracias
    --------------------
    El eterno Bocha, la Leyenda que vino de Zárate
  11. Offline
    JOMMA 2 Octubre 2017 12:44
    + 0 -
    Grandisimo y buen curso. Gracias
    --------------------
    El que no vive para servir, no sirve para vivir
  12. Offline
    mataku 2 Octubre 2017 08:45
    + 0 -
    Gracias por el curso.
  13. Offline
    orlando_hugo 2 Octubre 2017 03:33
    + 0 -
    Buenisimo, muchas gracias
  14. Offline
    yurito63 1 Octubre 2017 17:27
    + 0 -
    Excelente curso, muchas gracias.
  15. Offline
    pcmac 1 Octubre 2017 13:33
    + 0 -
    Muy buen aporte, gracias
  16. Offline
    zipi2010 1 Octubre 2017 10:14
    + 0 -
    gracias por el curso
  17. Offline
    rafagarcia819 1 Octubre 2017 04:45
    + 0 -
    Gracias por el aporte
  18. Offline
    polomagri 1 Octubre 2017 01:54
    + 0 -
    Gracias por el aporte
  19. Offline
    leonel1023 30 Septiembre 2017 19:50
    + 0 -
    Excelente, gracias por el aporte¡¡
  20. Offline
    ianpoe 30 Septiembre 2017 19:07
    + 0 -
    Gracias por este importante aporte.
  21. Offline
    sergio55555 30 Septiembre 2017 17:28
    + 0 -
    Muchas gracias!!!
  22. Offline
    rgomezram 30 Septiembre 2017 16:21
    + 0 -
    Gracias!!!!
  23. Offline
    bug273 30 Septiembre 2017 15:31
    + 0 -
    Este curso tiene muy buena pinta! Gracias! sunglasses
  24. Offline
    yrobles 30 Septiembre 2017 14:03
    + 0 -
    Muchas gracias por el aporte!! Sois geniales :)
  25. Offline
    r3ivax 30 Septiembre 2017 07:27
    + 0 -
    Gracias puede ser muy interesante smile
  26. Offline
    abdiel01 30 Septiembre 2017 07:13
    + 0 -
    Gracias por el aporte.
  27. Offline
    kitdarness 30 Septiembre 2017 06:18
    + 0 -
    Gracias por compartir
  28. Offline
    data24 30 Septiembre 2017 05:33
    + 0 -
    gracias por el aporte
  29. Offline
    Usuario_01 30 Septiembre 2017 05:02
    + 0 -
    Gracias por Compartir
  30. Offline
    gpsantos 30 Septiembre 2017 03:42
    + 0 -
    otimo muito obrigado
  31. Offline
    Dignorah Polanco 30 Septiembre 2017 02:54
    + 0 -
    Muy interesante, gracias por compartir
  32. Offline
    Leo-Peru 30 Septiembre 2017 01:16
    + 0 -
    gracias, descargando.
  33. Offline
    tuxmy 29 Septiembre 2017 23:22
    + 0 -
    Muy agradecido por el aporte tan valioso.

    Esperando PHP Manejo de Imagenes y Formularios.

    Bendiciones!
  34. Online Offline
    Nestorin 29 Septiembre 2017 22:47
    + 0 -
    Gracias por este curso
  35. Offline
    pedritos 29 Septiembre 2017 22:37
    + 0 -
    Gracias por el aporte
  36. Offline
    darkangelmon 29 Septiembre 2017 21:23
    + 0 -
    Muchas gracias, buena info
  37. Offline
    leonardowshi 29 Septiembre 2017 21:08
    + 0 -
    Buen aporte, gracias por compartir!
  38. Offline
    ANNA 29 Septiembre 2017 21:03
    + 0 -
    Interesantisimo curso. Gracias por aportarlo.
    --------------------
    No preocupa el grito de los corruptos, sino el silencio de los buenos.
  39. Offline
    yomero 29 Septiembre 2017 20:44
    + 0 -
    excelente muchas gracias por el aporte!!
  40. Offline
    yirel 29 Septiembre 2017 20:32
    + 0 -
    Mil gracias! Excelente curso
  41. Offline
    robinsonpc 29 Septiembre 2017 19:50
    + 0 -
    Excelente curso
  42. Offline
    askarakatiski 29 Septiembre 2017 19:30
    + 0 -
    Como siempre y por siempre

    GRACIAS

    Un saludo
  43. Offline
    Chris Bows 29 Septiembre 2017 18:15
    + 0 -
    Sstupendo, muchas graciass.
  44. Offline
    dorian 29 Septiembre 2017 18:01
    + 0 -
    Qué alegría me he llevado!
  45. Offline
    Frontbabel 29 Septiembre 2017 17:51
    + 0 -
    Muy interesante. Muchas gracias !
  46. Offline
    joseas080 29 Septiembre 2017 17:48
    + 0 -
    es algo que estaba buscando ... gracias !!!
  47. Offline
    pascualhf3 29 Septiembre 2017 17:36
    + 0 -
    muchas gracias
  48. Offline
    kia2016 29 Septiembre 2017 17:07
    + 0 -
    Gracias mil por el aporte....
  49. Offline
    yonidep 29 Septiembre 2017 16:54
    + 0 -
    Excelente trabajo muchas gracias1!!
  50. Offline
    rimpanchon 29 Septiembre 2017 16:41
    + 0 -
    Gracias totales.