Tailwind CSS 3.3: Fundamentos
Aprende a crear una web moderna con TailwindCSS paso a paso y con ejemplos.
Description
Aprenderás qué es Tailwind CSS, el framework CSS que está cambiando la forma de trabajar con CSS. Descubrirás y experimentarás qué es lo que lo hace diferente a los demás.
Este curso te ahorrará el trabajo de estudio e investigación, y aprenderás los fundamentos desde cero hasta ser capaz de hacer cualquier web que te propongas.
Aprende a usar Tailwind CSS en este curso exhaustivo.
Adapta la página a diferentes tamaños de pantalla (responsive design)
Aplica estados CSS
Diseña un modo oscuro
Reutiliza tus estilos (principio don't repeat yourself)
Aprende a instalar y usar plugins
Como proyecto del curso, construirás una landing page de una web tipo Netflix, usando las clases de utilidad de Tailwind CSS. La irás mejorando y completando paso a paso.
Resumen del curso:
Verás todas las formas de instalar y configurar Tailwind CSS, incluso formas para hacer prototipos rápidos.
Configurarás Visual Studio Code, y te enseñaré los plugins que uso para trabajar cómodamente.
Instalarás Tailwind CSS y sus dependencias, dejándolo todo listo para empezar a trabajar.
Construirás una landing page tipo Netflix, optimizada para móviles.
Adaptarás la página a diferentes tamaños de pantalla. Lo que se conoce como responsive design.
Añadirás estados CSS, como por ejemplo cuando pasas el ratón encima de un botón.
Sabrás configurar tu página con un modo oscuro automático.
Para evitar repetir código, sabrás crear clases personalizadas que podrás reutilizar.
Controlarás, además, los plugins oficiales de Tailwind CSS:
Typography: para poner estilo a textos (por ejemplo, los que vienen de una base de datos)
Forms: para dar forma a los formularios
Line-Clamp: para limitar textos y conseguir una buena armonía visual (ahora incluido de serie)
Además,
Tras cada módulo de lecciones, harás un test de conocimientos para comprobar que no se te haya escapado nada importante.
Tienes acceso al repositorio donde publico el código fuente de las páginas.
Con este curso tendrás una buena base para construir cualquier página que te propongas, con lecciones claras y prácticas.
Si aún no te has decidido, puedes ver algunas lecciones gratuitamente.
Y por supuesto, si tienes dudas puedes exponerlas en la sección de preguntas y respuestas, donde las iré respondiendo.
¡Te veo dentro!
What You Will Learn!
- Instala y configura el entorno ideal para trabajar con Tailwind CSS 3.3
- Construye una página desde cero, siguiendo los últimos estándares de desarrollo web
- Adapta la página a diferentes tamaños de pantalla (responsive design)
- Aplica estados CSS
- Implementa un modo oscuro automático
- Reutiliza clases (principio don't repeat yourself)
- Usa los plugins oficiales del creador de Tailwind CSS
Who Should Attend!
- Diseñadores y desarrolladores web que quieran mejorar sus habilidades de frontend
- Estudiantes con conocimientos de HTML y CSS que quieran aprender una nueva forma de trabajar
- Quien quiera aprender nuevas tecnologías en desarrollo web