quevasaestudiar.com

SEGUINOS
TAMBIÉN EN
SEGUINOS
TAMBIÉN EN
educacionit

Sedes

  • Sucursal Ciudad de Buenos Aires Lavalle 648, 8° Piso
    Capital Federal


Más carreras de esta institución

Curso de Aplicaciones Web Progresivas

educacionit


  • Tipo de Carrera:Curso
  • Modalidad:Presencial y a Distancia
  • Provincia:Capital Federal
  • País:Argentina
 

Consultá

  • *
  • *
  • *
  • *Campos obligatorios
    Dejá tu celu y te contactaran por dudas!
  • Solicitar Información a cerca de:


Desarrollo JavaScript Mobile, AWP y SPA Aprende a desarrollar aplicaciones web progresivas con JavaScript. Desarrolla sitios con el mayor rendimiento posible y aprende a desarrollar aplicaciones mobiles en JS simulando apps nativas.

En este curso aprenderás a
Desarrollar aplicaciones JS que carguen de manera casi instantánea.
Utilizar en profundidad DevToos inspeccionando Remote Devices, Breakpoints y mucho mas
Desarrollar aplicaciones con apariencia de una app nativa instalada en el celular.
Dominar el paradigma Offline First y resolver problemas comunes (soporte de navegadores, polyfills, etc)
Trabajar con Services Workers
Enviar notificaciones a los usuarios (en web y en mobile)
Desarrollar aplicaciones con la posibilidad de trabajar sin conexión
Deteccion y desarrollo en diferentes entornos Mobiles
Utilizar dependencias, cache, local storage y muchos más...

Contenido del curso:

El curso comienza con una introducción al diseño adaptativo y material, trabajando con Media Queries exclusivamente mobile e importando librerías de diseño material. Luego, se trabajará con DevTools orientado a Chrome y se repasarán varias sugerencias de editores y código ordenado para tener un buen trabajo con JavaScript. Se diferenciará entre una web y una web progresiva y trabajará con esto último, generando una APP.

Promediando la cursada, se trabajará con Service Workers, que permitirá ejecutar una secuencia de comandos en segundo plano sin que la web ni el usuario hagan nada. Se generarán también SPA (Single Page Applications) pensando en la fluidez y la experiencia del usuario. Por último, se trabajará con el cacheo de datos, su utilización y actualización; además, mediremos la velocidad de nuestra aplicación y finalizaremos trabajando con protocolos de seguridad y el envío de notificaciones push a todos los usuarios.

PRÁCTICAS EN CLASE ::

Durante la cursada llevarás adelante un proyecto integrador donde generarás una APP totalmente adaptativa, incluyéndole un carrito de compras y la opción de incluir o eliminar ítems a la lista con o sin íconos. Además, llevarás adelante una aplicación de una sola página, orientada a una excelente experiencia de usuario, y manejarás Service Workers, para generar procesos en segundo plano que se activen en determinados momentos sin interacción del usuario. Por último, generarás un caching de los datos, las interacciones y finalizarás enviándole notificaciones estilo Push a todos los usuarios de esa app.


Se requieren conocimientos sólidos en:
Programación con JavaScript o haber realizado el curso Javascript Desarrollador Avanzado Front-End
Maquetación avanzada o haber realizado el curso Maquetado Avanzado: HTML5 y CSS3
Diseño responsivo o haber realizado el curso Responsive Web Design & Bootstrap


1. Introduccion a Responsive Design y Diseño Material
Mobile First

Diseño Material (UX Mobile for Google)

Frameworks JS de Diseño Material

Media Queries (CSS Mobile)

Lab1: Comprender Diseño Material de modo practico

Importando las librearias de diseño material

Crear el markup contenedor

Crear el markup de la lista

2. Buenas practicas de JS
Sugerencias de editores y codigo ordenado

Potenciando DevTools de Chrome para Mobile (trucos y nuevas tools)

¿Qué puedo hacer a partir de hoy?

Lab2: Hola Super (Hola Mundo!) en JS App Mobile

Nuestra primera App Progresiva en JS (Lista de Compras)

Crear una lista de compras

Eliminar una lista de compras

Agregando items a la lista

Eliminando Items a la lista

Agregando precios

3. Diferencias entre una Web y una Progressive Web App
Iconos

Splash Screen

manifest.json

Introduccion a Offline First

¿Qué puedo hacer a partir de hoy?

Lab3: Agregando Iconos y splash Screen

Agregar iconos al proyecto

Agregar manifest.json al proyecto

Chequear con DevTools de Chrome

4. Service Workers
Componentes de un service worker

Tipos de conexiones de internet

Promesas en Javascript

Lab4: Service Workers

Agregar service worker al proyecto

Agregar App a la pantalla de inicio del dispositivo movil

5. SPAs (Single Page Applications)
Introduccion a SPA

Como crear una spa con Jquery de modo facil

Consumiendo datos externos con AJAX

Guardar Datos en Local Storage

Lab5: Convertir nuestra Web en SPA

Secciones de nuestra app

Transiciones

Organizacion de Codigo para una SPA (Buenas Practicas)

6. Cacheo de Datos e interacciones
Introduccion al Caching Inteligente

Como cachear datos utilizando el service worker

Como actualizar el cache

Lab6: Agregando Caching a nuestra App

Configurar el cache

Actualizar el cache

Medir la velocidad de nuestra app Hola Super

7. HTTPS y Seguridad
Introduccion a HTTPS, como funciona y para que sirve

Como instalar https en tu hosting

Certificados Gratis para tu uso

Push Notifications

Como enviar notificaciones a los usuarios de tu app

Crear tu propio push server Vs Push Server de Pago

Lab7: Enviando Notificaciones a nuestros usuarios

Configurar Push Notifications del lado servidor

Configurar Push Notifications del lado cliente

Envio de notificacion de prueba

Deep links

MODALIDAD DE CURSADO
Modalidad Presencial
Cursos 100% prácticos con grupos reducidos.
Clases con uso de PC, una por alumno (no tienes que traer tu PC).
Coffee Break incluido.
Espacio de networking.
Posibilidad de volver a tomar el mismo curso gratis.

Modalidad Distancia
Cursos 100% prácticos con grupos reducidos.
Clase en tiempo real por video conferencia.
Profesor disponible para hacer consultas en vivo.
Grabación de las clases disponibles para ver en otro momento.
Asistencia administrativa personalizada todos los días.



educacionit

Sedes

  • Sucursal Ciudad de Buenos Aires Lavalle 648, 8° Piso
    Capital Federal


Más carreras de esta institución