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
¡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 la caja de comentarios o debajo de la caja de portada, (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.
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!
Esta es una imágen Magnet
Subido: RoBeRtS (28 Agosto 2018 16:50)
Administración: [Actualización]
Contraseña: www.descargasnsn.com | Tamaño: 684.05 Mb
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.

  • 58
  • 10 285

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 58

  1. Offline
    exisyzeta 19 Septiembre 2018 15:20
    + 0 -
    Gracias por compartir
  2. Offline
    exisyzeta 17 Septiembre 2018 15:38
    + 0 -
    Muchas Gracias por compartir
  3. Offline
    jpinell 16 Septiembre 2018 04:40
    + 0 -
    Gracias por el curso
  4. Offline
    loverde 14 Septiembre 2018 04:00
    + 0 -
    muy muy buen curso, gracias smiley
  5. Offline
    enrope 11 Septiembre 2018 17:57
    + 0 -
    Muchas gracias por esta aporte, muy agradecido.
  6. Offline
    saul osman 8 Septiembre 2018 01:33
    + 0 -
    super..gracias..muchas
  7. Offline
    Ricard300 3 Septiembre 2018 15:19
    + 0 -
    muchas gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  8. Offline
    darkfox 3 Septiembre 2018 05:24
    + 0 -
    Genial aporte. Muchas gracias.
  9. Offline
    mar_juy 3 Septiembre 2018 00:10
    + 0 -
    Genial aporte. Muchas gracias.
  10. Offline
    exexo 1 Septiembre 2018 15:00
    + 0 -
    Gracias bajando el aporte
    1. Offline
      rafael160874 1 Septiembre 2018 15:52
      + 0 -
      Buenas tarde por donde lo pudistes bajar y gracias
  11. Offline
    yonidep 1 Septiembre 2018 07:23
    + 0 -
    thank you!!!
  12. Offline
    jeffry70 1 Septiembre 2018 02:38
    + 0 -
    Que bien otro gran aporte
  13. Offline
    mataku 31 Agosto 2018 08:33
    + 0 -
    Gracias por el aporte.
  14. Offline
    jomarulu 31 Agosto 2018 01:47
    + 0 -
    Muchas gracias por el aporte!!!
  15. Offline
    moisesgood 31 Agosto 2018 01:40
    + 0 -
    Agradecido por el aporte
  16. Offline
    Dignorah Polanco 30 Agosto 2018 17:35
    + 0 -
    Interesante aporte, gracias
  17. Offline
    bermu 30 Agosto 2018 16:31
    + 0 -
    Muchas gracias por el aporte.
  18. Offline
    porta 30 Agosto 2018 12:26
    + 0 -
    salu2 gracias
  19. Offline
    MacNiako 30 Agosto 2018 08:13
    + 0 -
    Super aporte son geniales gracias
  20. Offline
    polomagri 30 Agosto 2018 02:23
    + 0 -
    Gracias por el aporte
  21. Offline
    abdiel01 30 Agosto 2018 01:55
    + 0 -
    Gracias por el aporte.
  22. Offline
    rafagarcia819 30 Agosto 2018 01:33
    + 0 -
    Gracias por el aporte
  23. Offline
    profdesign 29 Agosto 2018 20:46
    + 0 -
    Gracias por este apòrtaso, mill gracias tiozzz.
  24. Offline
    ticho 29 Agosto 2018 20:29
    + 0 -
    Tremendo aporte, gracias totales...
  25. Offline
    AlbertOs 29 Agosto 2018 18:24
    + 0 -
    Gracias por el aporte, se ve excelente
  26. Offline
    kurosawa 29 Agosto 2018 17:29
    + 0 -
    Muchas gracias
  27. Offline
    Ha Al 29 Agosto 2018 15:46
    + 0 -
    Se ve excelente.
  28. Offline
    jetbill 29 Agosto 2018 15:41
    + 0 -
    Gracias por compartir
  29. Offline
    falgri 29 Agosto 2018 15:27
    + 0 -
    Gracias por el curso

    Gracias por el curso
  30. Offline
    pcmac 29 Agosto 2018 11:52
    + 0 -
    Buen tutorial, gracias por el aporte
  31. Offline
    bug273 29 Agosto 2018 10:58
    + 0 -
    A full con html5!!!
  32. Offline
    phanatyk 29 Agosto 2018 10:48
    + 0 -
    Gran aporte. Muchas gracias por compartir.
  33. Offline
    elmumo 29 Agosto 2018 09:25
    + 0 -
    Gracias por el aporte!!!
  34. Offline
    hacker_nivek 29 Agosto 2018 06:29
    + 0 -
    Gracias, siempre con los buenos aportes.
  35. Offline
    VIRGONET2018 29 Agosto 2018 06:18
    + 0 -
    gracias por apoyo
  36. Offline
    jalbertor 29 Agosto 2018 05:27
    + 0 -
    Gracias por el curso..
  37. Offline
    ciar 29 Agosto 2018 02:40
    + 0 -
    muchas gracias, buen aporte
  38. Offline
    Efrain 29 Agosto 2018 02:28
    + 0 -
    Gracias por compartirnos el curso.
  39. Offline
    ibcalu 29 Agosto 2018 02:04
    + 0 -
    Muchas gracias.
  40. Offline
    milongamadre 29 Agosto 2018 01:30
    + 0 -
    Muy interesante, se agradece!
  41. Offline
    djtonny 29 Agosto 2018 00:33
    + 0 -
    mil gracias por el aporte
  42. Offline
    Castle_24 29 Agosto 2018 00:04
    + 0 -
    mil gracias por el aporte!
  43. Offline
    int2001 28 Agosto 2018 22:55
    + 0 -
    Gracias por el aporte
  44. Offline
    cotcho 28 Agosto 2018 22:33
    + 0 -
    gracias por el aporte
  45. Offline
    concejero 28 Agosto 2018 21:47
    + 0 -
    Gracias por el curso
  46. Offline
    willyuio 28 Agosto 2018 21:23
    + 0 -
    Mil gracias !!!!!!!!!!!!!!!!!!!!!!!!
  47. Offline
    yomero 28 Agosto 2018 19:37
    + 0 -
    gracias por el aporte!!!
  48. Offline
    basurapamisi 28 Agosto 2018 19:16
    + 0 -
    Gracias por compartir!!!
  49. Offline
    ahuizotle99 28 Agosto 2018 19:04
    + 0 -
    mil gracias por el aportes, son los mejores
  50. Offline
    tuxmy 28 Agosto 2018 18:38
    + +1 -
    Excelente aporte, mil gracias team NsN.