Curso HTML5 práctico: Creación de app web nativa e híbrida para hotel

Curso HTML5 práctico: Creación de app web nativa e híbrida para hotel

Información de: Creación de app web nativa

Cada día se demanda más la creación de aplicaciones web operativas tanto en ordenador como en móviles, pero los usuarios de teléfono móvil suelen preferir utilizar aplicaciones nativas. Vamos a ver cómo evitar este problema. Vamos a crear una aplicación web para un hotel que ofrezca la posibilidad a sus clientes de compartir servicios. La navegación podrá ser desde el browser, pero compartirá su código con una aplicación híbrida, para que, cuando la compilemos, se convierta en una aplicación nativa para diferentes plataformas. Con este flujo de trabajo, ahorrarás mucho tiempo de desarrollo y ampliarás el público de tu aplicación.

HTML5, creación de un proyecto práctico

  • Descripción del proyecto de HTML5   02:25
  • Cuál es la base del proyecto: Angular e Ionic.   02:05
  • Instalación de Ionic 3   04:04
  • Herramientas de desarrollo de HTML5   02:21
  • Postman, la herramienta para hacer pruebas   04:40
  • Sobre las push notifications   01:45
  • Archivos base del curso de HTML5   01:21

Creación de la aplicación con Ionic 3

  • Creación de la app basándose en una plantilla   05:23
  • Creación de las páginas básicas de la aplicación   06:15
  • Preparar la navegación con las tabs   03:14
  • Modificaciones globales en el diseño: trabajar con colores   08:00
  • Cómo cambiar de color el tab activo en Ionic   04:13

Comunicación con el servidor en Angular

  • Creación de los servicios de comunicación con la API   02:52
  • Carga de la home fuera de los tabs   01:55
  • Sistema de login: creación de un data-driven form   05:42
  • Sistema de login: realizando el login   06:59
  • Control de errores en el servicio. Uso de toast   07:44
  • Comunicación entre formulario y servicio: data-driven form   07:45
  • CORS: Access Control Allow Origin   01:48
  • Completar el login. Almacenamiento local del token   07:36
  • Enrutamiento de la app: paso a la pantalla de Actividades   04:55

La pantalla de actividades de la API

  • Recuperación de información de las actividades desde la API   04:33
  • Control de autenticación en la app: headers de Oauth2   06:23
  • Cambio de página desde el servicio   05:20
  • Generación de diapositivas mediante el binding   08:41
  • Ir a vista de detalle de la API   02:13

Trabajar con la vista de detalle de la actividad

  • Carga de datos de detalle   03:42
  • Maquetación de la vista con ion-card   01:46
  • Formateo CSS final de la vista   01:45
  • Uso de Modal Controller y pantallas modales   03:38
  • Carga de datos de usuario desde el servidor   09:40
  • Envío a la API de la selección de actividad. Id del usuario   10:01
  • Resolución de errores en la vista. Recarga de datos   03:18

Trabajar con el apartado mis actividades

  • Recepción de datos de actividades por usuario   04:17
  • Creación del listado de actividades   06:21
  • Ver detalle para comunicar con el listado de actividades   01:13
  • Aplicación de slide en la lista de actividades   02:34
  • Eliminación de la actividad con el servicio   02:58

Formulario de usuario con HTML

  • Creación del template del formulario   02:39
  • Programar el formulario desde el controlador. Toggle y Select   04:30
  • Añadir valores iniciales mediante data-driven form   04:53
  • Envío de los datos de modificación del usuario   04:30

Implementación de push notifications en el móvil

  • Integración del plugin en la app   01:38
  • Preparación del sistema de test de las notificaciones   03:56
  • Configuración de la app para conectarse a OneSignal   08:53
  • Recepción de push notifications   02:51
  • Envío de notificaciones desde la app   11:36

Generación del proyecto para escritorio

  • Preparación del proyecto para el navegador   02:13
  • Uso de CSS para modificar aspectos en versión navegador   11:44
  • Modificación de la app para bloquear notificaciones   01:57
  • Control de templates mediante variables   01:20
  • Compilación de la aplicación para su uso en producción   02:07

Capturas:

Creacion-de-app-web-nativa-e-hibrida-para-hotel-1.th.jpg Creacion-de-app-web-nativa-e-hibrida-para-hotel-2.th.jpg Creacion-de-app-web-nativa-e-hibrida-para-hotel-3.th.jpg Creacion-de-app-web-nativa-e-hibrida-para-hotel-4.th.jpg Creacion-de-app-web-nativa-e-hibrida-para-hotel-5.th.jpg

Datos técnicos:

  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 684 MB
  • Idioma: Español
  • Formadores: Jorge González Villanueva
  • Contenido: 52 Videos
  • Duración: 3:56 horas
  • Software: HTML, HTML 5
  • Archivos Base: Si Incluye
  • Fecha de publicación: 06-ago-2018
  • Empresa: Video2Brain
HTML5.practico.Creacion.de.app.web.nativa.e.hibrida.para.hotel!
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!
Autor: RoBeRtS (28 Agosto 2018 02:50)
Gestión: [Actualizar]
Descargas: 3464 | Tamaño: 684.05 Mb
Ultima actividad: sin actividad
Contraseña: www.descargasnsn.com
Contenido:
HTML5.practico.Creacion.de.app.web.nativa.e.hibrida.para.hotel (3 Archivos)
file DescargasNsN.url (184 b)
rar GHGDD9F6G04545D.rar (684.03 Mb)
txt Informacion del archivo.txt (11.78 Kb)
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.

  • 63
  • 17 046

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 63

  1. Offline
    Naudys Angulo 26 Enero 2019 08:16
    + 0 -
    No dudo que es excelente aporte
  2. Offline
    oijm17 5 Enero 2019 12:22
    + 0 -
    Muchísmas gracias, por retirar la publicidad de verdad que era demasiado intrusiva. PD: Dejo mi click en uno de los anuncios, para colaborar.
  3. Offline
    Ashlord 28 Diciembre 2018 16:44
    + 0 -
    Gracias por el aporte
  4. Offline
    poroto030303 6 Noviembre 2018 19:26
    + 0 -
    MUCHAS GRACIAS !!! SON LO MAXIMO
  5. Offline
    Fablean 27 Septiembre 2018 16:08
    + 0 -
    Muchas gracias por compartir
  6. Offline
    exisyzeta 19 Septiembre 2018 12:20
    + 0 -
    Gracias por compartir
  7. Offline
    exisyzeta 17 Septiembre 2018 12:38
    + 0 -
    Muchas Gracias por compartir
  8. Offline
    jpinell 16 Septiembre 2018 01:40
    + 0 -
    Gracias por el curso
  9. Offline
    loverde 14 Septiembre 2018 01:00
    + 0 -
    muy muy buen curso, gracias smiley
  10. Offline
    enrope 11 Septiembre 2018 14:57
    + 0 -
    Muchas gracias por esta aporte, muy agradecido.
  11. Offline
    saul osman 7 Septiembre 2018 22:33
    + 0 -
    super..gracias..muchas
  12. Offline
    Ricard300 3 Septiembre 2018 12:19
    + 0 -
    muchas gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  13. Offline
    darkfox 3 Septiembre 2018 02:24
    + 0 -
    Genial aporte. Muchas gracias.
  14. Offline
    mar_juy 2 Septiembre 2018 21:10
    + 0 -
    Genial aporte. Muchas gracias.
  15. Offline
    exexo 1 Septiembre 2018 12:00
    + 0 -
    Gracias bajando el aporte
    1. Offline
      rafael160874 1 Septiembre 2018 12:52
      + 0 -
      Buenas tarde por donde lo pudistes bajar y gracias
  16. Offline
    yonidep 1 Septiembre 2018 04:23
    + 0 -
    thank you!!!
  17. Offline
    jeffry70 31 Agosto 2018 23:38
    + 0 -
    Que bien otro gran aporte
  18. Offline
    mataku 31 Agosto 2018 05:33
    + 0 -
    Gracias por el aporte.
  19. Offline
    jomarulu 30 Agosto 2018 22:47
    + 0 -
    Muchas gracias por el aporte!!!
  20. Offline
    moisesgood 30 Agosto 2018 22:40
    + 0 -
    Agradecido por el aporte
  21. Offline
    Dignorah Polanco 30 Agosto 2018 14:35
    + 0 -
    Interesante aporte, gracias
  22. Offline
    bermu 30 Agosto 2018 13:31
    + 0 -
    Muchas gracias por el aporte.
  23. Offline
    porta 30 Agosto 2018 09:26
    + 0 -
    salu2 gracias
  24. Offline
    MacNiako 30 Agosto 2018 05:13
    + 0 -
    Super aporte son geniales gracias
  25. Offline
    polomagri 29 Agosto 2018 23:23
    + 0 -
    Gracias por el aporte
  26. Offline
    abdiel01 29 Agosto 2018 22:55
    + 0 -
    Gracias por el aporte.
  27. Offline
    rafagarcia819 29 Agosto 2018 22:33
    + 0 -
    Gracias por el aporte
  28. Offline
    profdesign 29 Agosto 2018 17:46
    + 0 -
    Gracias por este apòrtaso, mill gracias tiozzz.
  29. Offline
    ticho 29 Agosto 2018 17:29
    + 0 -
    Tremendo aporte, gracias totales...
  30. Offline
    AlbertOs 29 Agosto 2018 15:24
    + 0 -
    Gracias por el aporte, se ve excelente
  31. Offline
    kurosawa 29 Agosto 2018 14:29
    + 0 -
    Muchas gracias
  32. Offline
    Ha Al 29 Agosto 2018 12:46
    + 0 -
    Se ve excelente.
  33. Offline
    jetbill 29 Agosto 2018 12:41
    + 0 -
    Gracias por compartir
  34. Offline
    falgri 29 Agosto 2018 12:27
    + 0 -
    Gracias por el curso

    Gracias por el curso
  35. Offline
    pcmac 29 Agosto 2018 08:52
    + 0 -
    Buen tutorial, gracias por el aporte
  36. Offline
    bug273 29 Agosto 2018 07:58
    + 0 -
    A full con html5!!!
  37. Offline
    phanatyk 29 Agosto 2018 07:48
    + 0 -
    Gran aporte. Muchas gracias por compartir.
  38. Offline
    elmumo 29 Agosto 2018 06:25
    + 0 -
    Gracias por el aporte!!!
  39. Offline
    hacker_nivek 29 Agosto 2018 03:29
    + 0 -
    Gracias, siempre con los buenos aportes.
  40. Offline
    VIRGONET2018 29 Agosto 2018 03:18
    + 0 -
    gracias por apoyo
  41. Offline
    jalbertor 29 Agosto 2018 02:27
    + 0 -
    Gracias por el curso..
  42. Offline
    ciar 28 Agosto 2018 23:40
    + 0 -
    muchas gracias, buen aporte
  43. Offline
    Efrain 28 Agosto 2018 23:28
    + 0 -
    Gracias por compartirnos el curso.
  44. Offline
    ibcalu 28 Agosto 2018 23:04
    + 0 -
    Muchas gracias.
  45. Offline
    milongamadre 28 Agosto 2018 22:30
    + 0 -
    Muy interesante, se agradece!
  46. Offline
    djtonny 28 Agosto 2018 21:33
    + 0 -
    mil gracias por el aporte
  47. Offline
    Castle_24 28 Agosto 2018 21:04
    + 0 -
    mil gracias por el aporte!
  48. Offline
    int2001 28 Agosto 2018 19:55
    + 0 -
    Gracias por el aporte
  49. Offline
    cotcho 28 Agosto 2018 19:33
    + 0 -
    gracias por el aporte
  50. Offline
    concejero 28 Agosto 2018 18:47
    + 0 -
    Gracias por el curso