Curso EXPRESS de TAILWIND CSS de cero a EXPERTO

Aprende los conceptos de TailwindCSS creando un sitio web responsivo

4.63 (312 reviews)
Udemy
platform
Español
language
Other
category
instructor
13,506
students
1.5 hours
content
Jun 2021
last update
FREE
regular price

What you will learn

Conceptos fundamentales para crear sitios web con Tailwind CSS

Mejores prácticas al usar componentes y estilos

Uso del compilador JIT

Creación de estilos arbitrarios

Creación de componentes reusables

Description

En este curso aprenderás los conceptos básicos para empezar a trabajar con Tailwind CSS, un popular framework de CSS que va tomando mucha popularidad en el mundo del desarrollo web. Al ser este curso más práctico tendrás como resultado final un sitio web responsivo que se ajusta a los diferentes tamaños de pantalla y acomoda el contenido de acuerdo a el tamaño de los contenedores.

Conocerás como funciona Tailwind CSS, su compilador JIT y las últimas características que permiten generar estilos arbitrarios y manipular selectores en línea. Adicional a todo esto tendrás acceso a los archivos completos del ejercicio para que puedas modificar el proyecto de acuerdo a tus necesidades y puedas practicar para seguir conociendo los trucos de Tailwind CSS.

El curso está enfocado en todos los diseñadores y desarrolladores web que quieran comenzar a aprender este framework de CSS, por lo que no se requiere ningún conocimiento previo de Tailwind CSS, pero sí se requiere tener conocimientos básicos de HTML, CSS y Javascript. Adicional se requiere tener un conocimiento básico del uso de la terminal o línea de comandos, así como conocer cómo funciona NPM para el manejo de paquetes, aunque en el curso se tocará ese tema para los que no lo dominan totalmente.

Content

Introducción

Introducción
Proyecto final
Archivos del curso
¿Qué es Tailwind CSS?

Conceptos básicos

Instalación de Tailwind CSS
Configuración de proyecto
Cómo generar archivos de Tailwind CSS
Uso de estilos básicos
Selectores con Tailwind CSS
Compilación de código CSS

Creación de sitio web

Diseño de menú en sitio web
Breakpoint con Tailwind CSS
Unidades de medida
Creación de componentes
Diseño de botones con transiciones
Integración de Javascript
Diseño de sección de header
Extendiendo estilos
Completando diseño de botones y fondo
Diseño de imágenes de fondo finales
¿Cómo funciona el compilador JIT?
Estilos arbitrarios en Tailwind CSS
Breakpoint personalizados
Imágenes de fondo responsivas
Creación de grupos de estilos
Reuso de componentes
Creando imágenes responsivas
Terminando sección final
Pruebas finales del sitio

Screenshots

Curso EXPRESS de TAILWIND CSS de cero a EXPERTO - Screenshot_01Curso EXPRESS de TAILWIND CSS de cero a EXPERTO - Screenshot_02Curso EXPRESS de TAILWIND CSS de cero a EXPERTO - Screenshot_03Curso EXPRESS de TAILWIND CSS de cero a EXPERTO - Screenshot_04

Reviews

Alice
September 4, 2023
Se explica bien el tema de tailwind, en lo particular quizas me falta mas conocimiento css para comprender en su totalidad las clases usadas
Carlos
September 14, 2022
Buen curso solamente que hay partes que confunden un poco y pues de cierta manera me hubiera gustado que se explicara a detalle más que todo el apartado de las dimensiones de la pantalla y su funcionamiento responsive.
Luis
July 4, 2022
no explica cómo desarrollar archivos y carpetas y la instalación es muy complicada, faltan esos detalles.
Rosendo
May 29, 2022
Excelente curso, ademas de gratuito. Una excelente introducción a Tailwinds. Ojalá pronto esté la actualización con la versión 3.
Efrain
May 13, 2022
Muy buen curso para conocer todos los detalles de Taildwind. Seria muy bueno incorporarle todos los temas referentes a Grid que tanta potencia nos da a la hora de maquetar los diseños!!!.
Jose
April 19, 2022
manejas bien framework lo conoces a la perfeccion, pero no eres bueno enseñando das por asumido que sabes que signican las cosas que dices, no explicas para que es un flex, un gap etc, para utilizacion de clases enfocada a texto pues hay otros igual de buenos no lose, ademas no explicas con exactitud el potencial de layout de este framework que es donde mas se enfoca la mayoria. ojala mejores tu forma de enseñar.
Sergio
April 10, 2022
Me gusto el contenido muy bien explicado aunque me hubiera gustado mas proyectos siento que este fue un muy buen proyecto con excelente trabajo
Luis
March 22, 2022
Es una buena introducción al framework, aunque no explica en detalle y a veces da por hecho las cosas, aunque si ya sabes otro framework CSS tienes una base para empezar este curso sin problemas
Oscar
February 5, 2022
Explica muy rapido, es algo dificil de seguir en algunos momento, pero muy muy didactico Estaria bien algunos pdf con los comados de instalacion del npm... Gracias por el curso
Juan
December 22, 2021
El instructor conoce muy bien el tema, pero me hubiera gustado que explicara un poco más a detalle las clases.
Mauricio
November 11, 2021
Explica muy bien y esto evita cometer errores a la hora de configurar todo antes de empezar a tirar código.
Angel
September 9, 2021
Woow! cuanta información en menos de 2 hrs! la suficiente para iniciar a adaptar este framework css para mis futuros proyectos. Excelente instructor!
Bruno
August 8, 2021
Es bueno en conocimientos. Pero realmente hay muchas cosas que las da por hecho, y no da una explicación del porqué es así. Simplemente hace el sitio web, pero no explica mucho el porque es asi, o porque de esa manera si funciona.
Russel
July 24, 2021
Buen curso de este profesor, ya desde antes seguía en Youtube por su excelente manera de explicar las cosas, ya tenia previos conocimientos de tailwind y este curso me ayudo a reforzar y conocer un poco más.
Julian
June 21, 2021
Faltan algunas cosas como por ejemplo el tema de la consola, el tipo de ZSH no sale, por defecto esta PowerShell cmd Y bash, luego a la hora de ejecutar el comando NPM no funciona porque no enseñó como se instaló, pero bueno, a fin de cuentas las explicaciones se entiendo bien y son cómodas para seguir al clase.

Charts

Price

Curso EXPRESS de TAILWIND CSS de cero a EXPERTO - Price chart

Rating

Curso EXPRESS de TAILWIND CSS de cero a EXPERTO - Ratings chart

Enrollment distribution

Curso EXPRESS de TAILWIND CSS de cero a EXPERTO - Distribution chart

Related Topics

4126284
udemy ID
6/16/2021
course created date
6/18/2021
course indexed date
Bot
course submited by