- Creeu un document HTML vàlid amb una sintaxi vàlida. Només un body, un head, etc.
- Utilitzar correctament els elementsHTML: h1-h6, button, a, nav, ul, li. fan un bon ús de l'HTML semàntic.
- La sintaxi es pot validar amb un HTML comprovat.
- Replica el disseny de la millor manera possible en la seva mida "d'escriptori". feu un ús correcte dels colors de Tailwind, extreu les classes de components amb @apply (si cal)
- Ús correcte de CSS grid i Flexbox quan sigui necessari (flexbox per a components, quadrícula per a la disposició, en general)
Escull un dels següents dissenys de pàgina web per composar-lo fent servir els coneixements d'HTML i CSS que hem après en les darreres dues setmanes:
A la teva terminal,
- Executa
npm install
per instal·lar els paquets (packages). - Executa
npm start
per inicialitzar Tailwind i compilar-ne les classes automàticament.
IMPORTANT! A partir d'aquest moment, la terminal quedarà "bloquejada", degut a que hi ha un programa funcionant. Això vol dir que no podràs utilitzar aquesta finestra de la terminal per a fer, per exemple, git commit
. Hauràs d'obrir una altra finestra per a fer-ho!
Aquest és un projecte creat a CodeOp, al bootcamp de Front End Development a Barcelona.