
Introducción al curso de PWAs y Responsive
Aprenderemos que es una PWA, que caracteristicas tiene, que es un service worker, etc
En esta clase veremos cuales son las herramientas necesarias para desarrollar PWA´s
Daremos los primeros pasos en la creación del proyecto de la webapp progresiva
Crearemos el código html para el header
En esta clase hablaremos sobre los iconos de la aplicación pwa
HTML para la parte de servicios de la web
Html para la parte de videos
Html del footer de la web
Estilos y maquetación general de la web
Maquetación web de la cabecera de la pagina, el logo y el menú
En esta clase maquetaremos la marquesina de la web
Le daremos estilos a la parte de los servicios del sitio web
Maquetación de los videos de la pwa
Aprenderemos a utilizar los media queries en CSS3
Responsive para el logo y el menu
Seguimos mejorando la adaptación a móvil de la aplicación
Responsive del resto de la web con HTML 5 y CSS 3
Haremos un scroll suavizado para navegar en la landing page
Configuraremos la PWA con las meta etiquetas en el html
Crearemos el manifiesto de la aplicación web progresiva
Empezaremos a programar el service worker para la PWA
Programaremos el evento Install del service worker con JavaScript
Configuraremos el evento activate del service worker
Programaremos el evento fetch del service worker con JavaScript
Instalaremos una consola de comandos en nuestro sistema operativo
Publicaremos nuestra aplicación online para poder instalarla en cualquier dispositivo
Probaremos nuestra PWA en nuestro dispositivo movil
Como crear aplicaciones web progresivas en Angular 6
Bienvenido al Curso de Aplicaciones Web Progresivas(PWA) y Responsive Web Design, en el que aprenderemos a desarrollar las aplicaciones móviles del futuro usando tecnologías web.
Durante el curso aprenderemos:
Maquetación web.
Responsive Design, para que tus webs se adapten perfectamente a la pantalla de cualquier dispositivo.
Desarrollo de PWA, usando JavaScript.
Github Pages, para publicar de forma gratuita nuestros sitios web en internet.
Angular PWA, para convertir cualquier proyecto con Angular a una aplicación web progresiva.
Entre otras cosas!!
¿Que es una Aplicación Web Progresiva?
Las PWA nos permiten crear aplicaciones web para dispositivos móviles.
Simulan ser una aplicación nativa y comparten características con ellas.
Pueden instalarse en cualquier dispositivo.
Se pueden ejecutar sin conexión.
Son rápidas y ligeras.
¿Cual será el proceso de desarrollo de las PWA´s en el curso?
Primero desarrollaremos un sitio web.
Haremos una maquetación responsive, adaptable a todo tipo de pantalla.
Crearemos un manifiesto.
Usaremos los Service Wokers en JavaScript
Al finalizar el curso:
Sabrás maquetar paginas web responsivas.
Sabrás crear aplicaciones web progresivas.
Trataremos todos los temas paso a paso y poco a poco hasta conseguir crear nuestras propias Progressive Web Apps
Para aprovechar al 100% el curso te recomendamos tener conocimientos básicos en HTML, CSS y JavaScript, aún así dentro del curso haremos todo lo más paso a paso y desde cero posible.
Si quieres aprender desarrollo de este nuevo tipo de aplicaciones PWA y aumentar tus oportunidades laborales ¡Este es tu curso!
Échale un vistazo al programa del curso para ver todos temas que aprenderás.
Únete al curso y sube de nivel: ¡¡ Aprende Responsive y desarrollo de aplicaciones PWA !!