durancristhian / tailwind-cremonatv

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

tailwind-cremonatv

Getting Started

  1. Install deps:
    npm i
  2. Run the development server:
    npm run dev
  3. Open http://localhost:3000 with your browser to see the result.

Episodio 1 - Jueves 29/10/2020

  • Hablamos sobre que es TailwindCSS, como pensar una interfaz bajo su filosofía, que lugar viene a ocupar en el ecosistema, que ofrece y que no.
  • Maquetamos una UI muy simple para tener un primer contacto con el framework
  • Analizamos en detalle la configuración de Tailwind para entender como sacarle provecho a la herramienta.
  • Commits:

Episodio 1

Episodio 2 - Martes 3/11/2020

  • Repaso del episodio anterior con un juego incluído
  • Aprendimos sobre plugins y usamos el plugin oficial de Typography
  • Creamos unos presets simples para aprender el concepto y entender como podemos componer una configuración de Tailwind
  • Commits:

Episodio 2

Episodio 3 - Jueves 5/11/2020

  • Comparamos maquetar un botón con muchas clases vs crear una directiva que incluya todos los estilos
  • Nos peleamos con la directiva @apply para entenderla y crear nuevas utilidades
  • Commits:

Episodio 3

Links interesantes

About


Languages

Language:JavaScript 87.3%Language:TypeScript 9.9%Language:CSS 2.9%