Bienvenido a un nuevo workshop de Escuela Frontend 馃憢.
El objetivo de este workshop es proporcionar las herramientas fundamentales para aprender a crear aplicaciones web accesibles. Este repositorio est谩 compuesto de 14 lecciones con ejercicios pr谩cticos que te ayudar谩n a afianzar los conocimientos vistos en cada m贸dulo.
No pierdas la oportunidad de aprender uno de los skills m谩s solicitados en la industria web y s煤mate a esta experiencia 馃挭.
Puedes hacer un checkeo b谩sico de estas herramientas usando la terminal:
echo "\n\nNode version:" && node --version
echo "\n\nGit version:" && git --version
echo "\n\nVSCode version:" && code --version- Clona el repositorio ejecutando el siguiente comando:
git clone https://github.com/escuela-frontend/accesibilidad-en-aplicaciones-javascript- Instala el proyecto usando el siguiente comando:
cd accesibilidad-en-aplicaciones-javascript && npm i- Abre el repositorio haciendo uso de VSCode:
code .- Dale un vistazo a la distribuci贸n del workshop y prep谩rate para aprender sobre accesibilidad web 馃.
Este workshop esta dividido en 14 lecciones, cada una de ellas contiene un peque帽o proyecto de React en el que encontraras:
NUMERO.md: El contenido de la lecci贸n, snippets de c贸digo de ejemplo, metas y descripci贸n del reto a desarrollar.NUMERO.jsx: El componente donde est谩 ubicado el reto. Sigue las pistas que te susurran los emojis para solucionar el reto.NUMERO.solution.jsx: El componente con la soluci贸n del reto.NUMERO.extra.NUMERO.jsx: El componente con la soluci贸n del Cr茅dito Extra. Intenta no ver ninguno de estos dos archivo hasta que hayas terminado o no tengas idea de como continuar.NUMERO.css: Los estilos asociados aNUMERO.jsx. Solo debes usarlos cuando el reto este relacionado con CSS accesible.
En cada reto encontrar谩s pistas y sugerencias que nuestros amigos han dejado para ayudarte a solucionar cada uno de los problemas. Identifica a tus amigos y entiende cual es su funci贸n en este workshop:
| Color | Descripci贸n |
|---|---|
| 馃煟 | Inspecciona usando herramientas de desarrollo y/o tu intuici贸n |
| 馃煛 | Modifica los elementos mencionados |
| 馃煝 | Agrega c贸digo que siga las sugerencias |
| 馃敶 | Elimina el c贸digo que esta causando el problema |
Mi nombre es Mateo Garcia, soy un Frontend Developer establecido en Medellin, Colombia 馃嚚馃嚧. He estado en la industria del desarrollo desde hace m谩s de 8 a帽os y se que aprender cosas nuevas puede resultar complicado en ocasiones. Mi tarea aqu铆 es ayudarte a dominar los aspectos principales del desarrollo de aplicaciones web accesibles y construir juntos el mejor workshop de accesibilidad de habla hispana.