Descripción:
Cada día, más personas de todo el mundo acceden a información en línea. Pero muchos no usan Internet en conexiones rápidas o dispositivos de alta potencia. Cuando los sitios web se desarrollan solo para las conexiones y dispositivos más rápidos, la experiencia de muchos usuarios se ve afectada. Para ofrecer a los visitantes del sitio una mejor experiencia, la comunidad de desarrollo ha encontrado formas de mejorar el rendimiento del sitio web. En el camino, los desarrolladores han mejorado la accesibilidad para los usuarios de tecnologías de asistencia, la confiabilidad para conexiones volubles y el diseño de sitios web para una amplia gama de dispositivos. A veces puede ser abrumador realizar un seguimiento de todos los nuevos avances en tecnología web. Creemos que los desarrolladores quieren crear sitios rápidos, pero es demasiado fácil cometer errores en el camino. Ahí es donde entra AMP. AMP fue creado para facilitar que los desarrolladores se concentren en crear mejores funciones sin brindar a los clientes una experiencia de usuario deficiente.
Objetivo:
Al término del Curso de Desarrollo de Accelerated Mobile Pages (AMP) , los alumnos serán capaces de desarrollar sitios y aplicaciones web con todo el poder de APM.
Temario:
Parte 1.Bienvenido a la Comunidad AMP
¿Por qué AMP? | Cómo ayuda AMP | Aprendizaje de AMP para aprender desarrollo web
Parte 2. Introducción al curso
¿Para quién es este curso?
Requisitos previos | Siga el código con Glitch | Configuración del Validador AMP | Lo que construiremos
Parte 3. Nuestro primer AMP Page
Comenzando nuestro viaje | Validación y el caché AMP | Ejercicio 1: Uso del Validador AMP | La anatomía de una página AMP | CSS y AMP | Ejercicio 2: Convertir nuestro HTML Page | Una página de AMP válida … Casi
Parte 4. Pensar en componentes
Agregar características a nuestro sitio | ¿Qué son los componentes web? |Ejercicio 3: nuestro primer componente – | Organizar y dimensionar componentes | Ejercicio 4: incrustar video
Parte 5. Encontrar el componente correcto
Navegar por la documentación del componente AMP | Ejercicio 5: crear una presentación de diapositivas de imagen | Descubriendo Nuevos Componentes | Ejercicio 6: Agregando Enlaces para Compartir en Redes Sociales
