Saltar al contenido
niroqui

Curso HTML5 práctico: Creación de app web nativa e híbrida para hotel Video2brain |MEGA| 1LINK

2 de febrero de 2019

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:

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

 

usuario vip

USUARIOS PREMIUM

Descarga directa sin publicidad y cero cortadores 

Uploaded, Uploadbin, File-Up, Katfile, Mega

LINK DIRECTO

¿Aun no tienes cuenta Premium? Clic Aquí

 

 Link Descarga:

 Contraseña / Password :

www.niroqui.com
¿No sabes como descargar? Te dejamos un vídeo tutorial  Clic Aquí