Curso a fondo de Tailwind CSS

4.5/5.0

936 Estudiantes

Curso a fondo de Tailwind CSS

Tailwind CSS es un framework CSS moderno y flexible que está ganando rápidamente popularidad entre los desarrolladores y diseñadores web. Su enfoque basado en utilidades permite crear estilos personalizados y responsive de forma rápida y sencilla, sin necesidad de escribir mucho código CSS. En este curso, aprenderás todo lo que necesitas saber para usar Tailwind CSS con confianza. Comenzaremos desde cero, repasando los conceptos básicos de CSS, y luego nos adentraremos en las características avanzadas de Tailwind.

4.5/5.0

936

Profesor:

Alexcg Design

Este curso incluye:

Certificado de finalización
6h 28m
horas de contenido
Recursos descargables

Empezar curso

Este curso incluye:

Certificado de finalización
6h 28m
horas de contenido
Recursos descargables

A quién va dirigido

Personas que bien sepan CSS y quieran usar un framework altamente personalizable con un sistema de diseño incluído, o bien, personas sin conocimientos a profundidad de CSS que busquen una herramienta para sus proyectos web.

Temario

Módulo 1 | 2 clases

Introducción al Curso

Clase 1

¿Qué es y por qué usar Tailwind?

Clase 2

Guía gratuita de Tailwind

Módulo 2 | 10 clases

Primeros pasos con Tailwind

Clase 1

Instalación de Tailwind

Clase 2

Introducción a Tailwind y sus Clases de Colores

Clase 3

Background-color + TRUCOS en Tailwind

Clase 4

Sistema de Espaciado en Tailwind.

Clase 5

Determinar Height en Tailwind.

Clase 6

Min-width , Min-height , Max-height _ Max-width

Clase 7

Practica Sección + Márgenes _ Padding

Clase 8

Práctica Sección + Manipulación de Textos

Clase 9

Fuentes en Tailwind + Practica Sección

Clase 10

Bordes en Tailwind + Practica Sección

Módulo 3 | 3 clases

Flexbox en Tailwind [Sección Practica]

Clase 1

Flexbox en Tailwind + Menú de Navegación

Clase 2

Responsive sin Mediaqueries con Flexbox + Galería de Imágenes

Clase 3

Clases para Flex-items

Módulo 4 | 4 clases

Posicionamiento y Pseudoclases en Tailwind

Clase 1

Position y Propiedades offset

Clase 2

Transformaciones en Tailwind

Clase 3

Pseudoclases en Tailwind

Clase 4

Pseudoclases para Formularios en Tailwind

Módulo 5 | 2 clases

Interactividad en Tailwind

Clase 1

Desencadenar Estilos a Hijos y Hermanos con Pseudoclases

Clase 2

Transiciones en Tailwind

Módulo 6 | 4 clases

Creación de Layouts [Página Adopción]

Clase 1

CSS GRID en Tailwind - PRACTICA

Clase 2

Responsive Design en Tailwind

Clase 3

Poder de Grid en Tailwind TRUCO + Practica

Clase 4

Alineamiento en GRID

Módulo 7 | 6 clases

Proyecto - Landing Page

Clase 1

PROYECTO LANDING PAGE - Creando la sección principal

Clase 2

Creando la Sección de Habilidades

Clase 3

Creando el Portafolio de Proyectos _ Newsletter en Tailwind

Clase 4

Terminando el Proyecto para Dispositivos Móviles.

Clase 5

Adaptando a cualquier Dispositivo. (Responsive Design)

Clase 6

Finalizando el Primero Proyecto del Curso.

Módulo 8 | 6 clases

Lleva Tailwind a otro nivel - Personalización Directivas

Clase 1

Personalización de Tailwind #1

Clase 2

Personalización de Tailwind #2

Clase 3

Personalizar la propiedad Background-image

Clase 4

Crear Selectores Propios con @apply _ directivas

Clase 5

Directiva layer y su importancia

Clase 6

Uso de @layer - ejemplo

Módulo 9 | 3 clases

Práctica - Formulario Adaptable Tailwind

Clase 1

Comenzando Formulario Adaptable

Clase 2

Terminando el Diseño del Formulario en una Vista de Móviles

Clase 3

Adaptando el Formulario a Cualquier Dispositivo

Módulo 10 | 7 clases

Práctica - Portafolio Animado

Clase 1

Personalizando Tailwind al Proyecto.

Clase 2

Creando el Menú Hamburguesa con Tailwind - Sin JavaScript

Clase 3

Terminando la Sección Principal del Proyecto

Clase 4

Creando la Sección about del Proyecto

Clase 5

Creando la Sección de Servicios

Clase 6

Creando la Sección de Habilidades Contacto

Clase 7

Finalizando la Interactividad del Formulario

Módulo 11 | 6 clases

Dashboard - Dark mode

Clase 1

Introducción Proyecto - ¿Cómo hacer DarkMode en Tailwind?

Clase 2

Creando un Switcher Animado con Tailwind.

Clase 3

Creando la Primera Sección del Dashboard

Clase 4

Terminando la Primera Sección del Dashboard

Clase 5

Finalizando el Proyecto con TailwindCSS

Clase 6

Agregar Funcionalidad con JavaScript + TailwindCSS

Valoraciones

4.5

285.0 Valoraciones

0 (0.0%)

1 (0.4%)

9 (3.2%)

119 (41.8%)

156 (54.7%)

Profesor:

Alexcg Design

Frontend Developer

Creador de contenido en Alexcg Design | Frontend Developer | Fiel creyente y escultor de CSS.

Preguntas frecuentes

¿Cuándo empieza el curso?

Los cursos de Código Facilito son 100% online On-demand lo que significa que están grabados y los puedes empezar cuando quieras y a tu propio ritmo.
¿Cómo funciona la membresía premium?

Al suscribirte tendrás acceso ilimitado a todos los cursos de Código Facilito. En tu cuenta podrás agregar cursos, ver cualquier video, tener seguimiento de tus cursos y en los cursos que lo indican: presentar un examen al final y obtener un certificado digital. Además tendrás acceso exclusivo a clases premium semanales que son en vivo donde puedes hacer preguntas al instructor.

Cada mes agregamos nuevos contenidos, actualizando cursos existentes y cursos completamente nuevos.

La membresía se actualiza de manera recurrente y puedes cancelar en cualquier momento desde tu cuenta en un par de clics.
¿Qué puedo aprender en Código Facilito?

Nos especializamos en programación: desde lo básico hasta lo pro. Frontend, HTML5, CSS, JavaScript, backend con Python, Rails y mucho más. Puedes explorar nuestro catálogo completo aquí.
Tengo otra pregunta, ¿dónde los contacto?

Te atendemos con gusto en ayuda@codigofacilito.com

Desbloquea acceso inmediato a todos los cursos y Bootcamp Replays al mejor precio del año

Premium Anual

72% DTO.

$54 USD

Pago anual de $54 $194 USD

Elegir plan

Acceso a todo el catálogo de cursos y Bootcamp Replays.
Certificación al completar cursos o rutas
Acceso exclusivo a Laboratorios y eventos
Actualizaciones de contenido semanales

Pagos seguros con tarjeta de crédito o débito, Paypal, y BTC: