¿Qué quieres aprender?

Curso de Javascript AWP

Curso de Javascript AWP

EducacionIT

Curso online


Precio a consultar

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. 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.

¿Quieres hablar con un asesor sobre este curso?

Requisitos

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 Es recomendable contar con conocimientos b{asicos de GIT o haber realizado el curso Git: Desarrollo Colaborativo

Temario completo de este curso

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
Ver más