JavGuerra,
Maquetación elaborada con HTML 5, CSS 3 y JavaScript Vanilla que incluye formulario y es accesible y responsive.
Conceptos FSWD
Práctica final del Ramp-up del Bootcamp de FSWD
Repositorio en GitHub: JavGuerra / conceptos-fswd
La página
Esta página corresponde a la práctica final del ramp-up del bootcamp sobre Full Stack Web Developer que estoy realizando en este momento.
En ella se muestran algunos conceptos aprendidos en esta primera fase, e incluye «algo más» de mi propia cosecha. A continuación algunas de estas mejoras.
14 características destacables de esta página web
- CSS transpilado con Sass.
- Usa JavaScript puro (Vanilla JS).
- La web implementa los criterios del estándar XHTML (revisado con Nu Html Checker).
- El diseño es adaptable (responsive) según el dispositivo.
- Usa la librería y los iconos de Bootstrap Icons y las fuentes de letra de Google Fonts.
- Aplica un efecto Paralax a la portada (hero).
- Implementa el protocolo Open Graph (head) para la correcta inserción de la web en redes sociales.
- Es compatible con Progessive Web Aplication (PWA) a través de fichero manifest.json, por lo que la página puede ser instalada en dispositivos móviles como una web app.
- Implementa técnicas de seguridad en el formulario:
- Es accesible (revisado con el complemento WAVE):
- Emplea párrafos y etiquetas contextuales sólo visibles para lectores de pantalla.
- Hace uso de etiquetas WAI-ARIA para describir eventos interactivos.
- El fichero README.md tiene sintáxis de marcado ligero Markdown.
- Dispone de un código QR para acceso rápido a la web a través de dispositivos móviles.
- Ha sido probado en los navegadores web Firefox y Chrome.
- Web alojada en Github pages.
Acceder a la página web
