+ de 9 horas de contenido gratuito

MENU DEL CURSO

• 0:00 – Introducción
• 5:05 – Comienzo del Curso
• 8:10 – Editor de texto
• 17:55 – Estructura
• 20:26 – Selectores
• 39:57 – Especificidad
• 52:33 – Metodología BEM
• 59:05 – Unidades
• 1:09:00 – Propiedades de Texto
• 1:14:20 – Tipografías externas
• 1:18:18 – Normalize
• 1:25:10 – Cajas
• 1:33:17 – Padding
• 1:39:07 – Width y Height
• 1:39:26 – Box Sizing
• 1:41:53 – Margin
• 1:44:10 – Bordes
• 1:47:03 – Box Model
• 1:49:41 – Sombras
• 1:55:32 – Outline
• 2:05:28 – Position
• 2:06:56 – Position Static
• 2:08:19 – Position Relative
• 2:13:56 – Z Index
• 2:23:10 – Position Absolute
• 2:39:37 – Position Fixed
• 2:44:28 – Position Sticky

CSS medio

• 2:47:19 – Display
• 2:55:30 – Overflow
• 3:02:06 – Float
• 3:10:19 – Pseudoelementos
• 3:24:05 – Pseudoclases
• 3:43:42 – Objet Fit
• 3:52:35 – Objet Position
• 3:53:58 – Cursor
• 3:56:31 – Colorización (ColorName, Hex, RGB/A)
• 4:09:53 – Conceptos Básicos de Responsive
• 4:18:25 – Menu Responsive
• 4:46:44 – Introducción a Flexbox
• 4:48:55 – Conceptos de Flexbox
• 4:53:23 – Display Flex
• 4:57:14 – Flex direction
• 5:01:55 – Flex wrap
• 5:06:20 – Alineacion en Flex
• 5:21:10 – Flex Grow
• 5:25:47 – Flex Basis
• 5:27:29 – Flex Shrink
• 5:36:15 – Order
• 5:40:22 – Formulario con Flex
• 6:05:00 – Conceptos de Grid
• 6:15:47 – Display Grid
• 6:17:44 – Grid Templates
• 6:20:26 – Medidas especiales de Grid
• 6:23:30 – Grid Gap
• 6:25:15 – Asignación de espacios
• 6:34:06 – Repeat()
• 6:38:41 – Grid Implícito y Explícito
• 6:40:51 – Grid Auto
• 6:48:41 – Grid Dinámico
• 6:59:16 – Alineación en Grid
• 7:15:49 – Galería en Grid
• 7:23:17 – Grid Areas
• 7:31:09 – Nombrar Grid Lines
• 7:37:14 – Grid Shorthands
• 7:40:06 – Responsive Design
• 7:57:01 – Estructura Responsive Básica

CSS Avanzado

• 8:08:09 – Transition
• 8:23:31 – Animaciones
• 8:36:50 – Cubic Bezier
• 8:42:21 – Transform
• 8:49:21 – Clip Path
• 8:55:34 – Background
• 9:07:00 – Variables
• 9:11:47 – Filtros
• 9:21:24 – Práctica con Filter
• 9:24:34 – Direction
• 9:25:51 – Letter Spacing
• 9:26:36 – Scroll Behavior
• 9:28:42 – User Selected
• 9:31:20 – Práctica Final
• 9:40:11 – Continua Aprendiendo

******* Enlaces *******

Cursor: https://www.w3schools.com/cssref/tryi…

Font Awesome: https://kit.fontawesome.com/62ea397d3…

Transform: https://www.w3schools.com/cssref/css3…

Códigos de Colores: https://htmlcolorcodes.com/es/

Generador de Cubic Bezier: https://cubic-bezier.com/#.17,.67,.83…

Generador de Clip Path: https://bennettfeely.com/clippy/

Generador de Box-Shadows: https://www.cssmatic.com/es/box-shadow

Selectores: https://www.w3schools.com/cssref/css_…

******* ACLARACIONES ******

Por ahora NINGUNA…

******* INSTAGRAM *******

El mio (seguime) : https://instagram.com/soydalto/

******* HOSTING RECOMENDADO *******

Hostinger: https://www.hostg.xyz/SH6cZ (Con mi codigo de descuento SOYDALTO obtienen descuentos)