📏 Dev Guidelines
👶 Primeros pasos
La intención de esta primera etapa es visualizar en poco tiempo la totalidad del sitio y su complejidad a nivel de navegación, responsividad y cantidad de componentes.
- Armado de Paginas y Rutas
- Definicion de Contexto(s) (de ser requerido)
- Layout en baja fidelidad (Ver Niveles de fidelidad)
- Pensando en responsiveness
- Y en encararlo mobile first
- Definicion de variables globales
📝 Consejos
- Utilizar elementos html de acuerdo a la semantica de cada tipo de contenido
- ✅
<aside></aside> - ❌
<div class='sidebar'></div> - ✅
<nav></nav> - ❌
<div id='nav'></div>
- ✅
- Se debe utilizar un layout flexible que permita su reutilizacion en el resto de las pantallas pensando en una vista optima desde mobile y luego en desktop.
- Esquematizar el layout usando grillas delimitadas por lineas para identificar cada bloque de contenido o sección.
- En lugar de los componentes y contenido ubicar un placeholder temporal con el nombre del componente a incluir luego.
- Preferir siempre la no utilización de librerias externas y optar por ende en soluciones hechas a medida, esto puede agregar complejidad a la tarea pero asegura homogeneidad y consistencia en el sitio (Además de aprender! :D) Y para esto apoyemosnos en el equipo de devs de Aero
🔢 Priorización de componentes
- Arrancar desde el mas simple
- De los mas repetidos/usados
- Y al igual que el Layout ir de baja fidelidad a alta (No esperar a tener la version final para publicarla, sino ir publicando en versiones segun Niveles de fidelidad )