Saltar al contenido principal
Estás usando EDteam en
USD Lima – Perú Bogotá – Colombia Cochabamba – Bolivia
Estás usando EDteam en
USD Lima – Perú Bogotá – Colombia Cochabamba – Bolivia
Curso: CSS Avanzado | EDteam | EDteam
Cursos / CSS Avanzado Aprende a profundidad los diversos módulos que tiene CSS3.
¿Qué aprenderás? Comprender el posicionamiento de los elementos. Manejo de variables y pseudoelementos. Usar fuentes para la web. Filtros y blending modes. Realizar recortes sin programas de edición. Manejo de layout/columnas. CSS ya no sólo se encarga de ayudarnos a hacer páginas bonitas. Con este curso lograrás entender de forma detallada cómo funcionan algunos de los módulos más importantes de CSS. Verás casos prácticos en cada clase y notarás la fuerza y capacidad que tiene a pesar de ser un lenguaje de estilos.
¿Para quién es este curso? Desarrolladores web con conocimientos básicos en CSS, Flexbox y Grid que quieran aprender CSS a profundidad. ¿Qué conocimientos previos necesitas? 156 calificaciones de 2K estudiantes Mauricio Fabian Diaz Vasquez 25 ago 2020
Excelente curso, de los mejores que tomé en esta plataforma. Muy buen docente!
Gorilla Web 29 oct 2021
Curso muy completo, hubo algunas clases un poco densas que sin dudad tendre que repasar
florencia esmoris 2 nov 2021
Muy bueno, interesante y entretenido. Complementando con todas las posibilidades de css
Mario Alonso Vento Alvarado 30 oct 2021
Excelente curso. Me gusta la forma directa en la que explican las aplicaciones en la práctica de todo lo enseñado.
carlos salinas 14 ago 2020
excelente, tremendo profesor! valió la pena la actualización del curso!
EDteam te ayuda a dominar la tecnología con la mejor metodología en español.
Cursos / CSS Avanzado Aprende a profundidad los diversos módulos que tiene CSS3.
¿Qué aprenderás? Comprender el posicionamiento de los elementos. Manejo de variables y pseudoelementos. Usar fuentes para la web. Filtros y blending modes. Realizar recortes sin programas de edición. Manejo de layout/columnas. CSS ya no sólo se encarga de ayudarnos a hacer páginas bonitas. Con este curso lograrás entender de forma detallada cómo funcionan algunos de los módulos más importantes de CSS. Verás casos prácticos en cada clase y notarás la fuerza y capacidad que tiene a pesar de ser un lenguaje de estilos.
¿Para quién es este curso? Desarrolladores web con conocimientos básicos en CSS, Flexbox y Grid que quieran aprender CSS a profundidad. ¿Qué conocimientos previos necesitas? 156 calificaciones de 2K estudiantes Mauricio Fabian Diaz Vasquez 25 ago 2020
Excelente curso, de los mejores que tomé en esta plataforma. Muy buen docente!
Gorilla Web 29 oct 2021
Curso muy completo, hubo algunas clases un poco densas que sin dudad tendre que repasar
florencia esmoris 2 nov 2021
Muy bueno, interesante y entretenido. Complementando con todas las posibilidades de css
Mario Alonso Vento Alvarado 30 oct 2021
Excelente curso. Me gusta la forma directa en la que explican las aplicaciones en la práctica de todo lo enseñado.
carlos salinas 14 ago 2020
excelente, tremendo profesor! valió la pena la actualización del curso!
EDteam te ayuda a dominar la tecnología con la mejor metodología en español.
Los mejores profesores de Latinoamérica
Toma apuntes sin salir de tus clases Cursos, talleres y rutas de aprendizaje Los mejores profesores de Latinoamérica
Toma apuntes sin salir de tus clases Cursos, talleres y rutas de aprendizaje Opciones para ver este curso $48$24 Obtén acceso de por vida solo a este curso
Obtén acceso a todos los cursos, rutas y escuelas de EDteam
Opciones para ver este curso $48$24 Obtén acceso de por vida solo a este curso
Obtén acceso a todos los cursos, rutas y escuelas de EDteam
1. PositionAprende las bases del posicionamiento de elementos y los conceptos bases que conlleva.
1.1 - Bienvenida al curso 1:34 1.2 - Flujo y espacio reservado 7:38 1.3 - Propiedades offset (top, left, right, bottom) 7:32 4:34 9:24 12:53 1.7 - Ejercicio menú desplegable 11:37 2. Position llComprende cómo se comportan los elementos posicionados dentro del eje Z.
2.1 - Repasando temas de posicionamiento 2:28 16:09 3:53 7:15 11:14 2:33 17:31 3. Variables CSSAprende la sintaxis, comportamientos y usos prácticos de las variables CSS sin involucrar algún otro lenguaje.
3.1 - ¿Qué son las variables CSS? 15:02 11:23 3:17 3.4 - Diferencia entre variables CSS y variables SASS 16:05 3.5 - Variables CSS en RWD 14:04 3.6 - Variables CSS en creación de temas 12:40 3.7 - Creando un sistema de botones 6:49 4. Pseudo elementosConoce los diversos tipos de pseudoelementos que hay y cómo puedes sacarles provecho.
4.1 - ¿Qué son los pseudoelementos? 1:28 9:41 10:41 5:41 6:29 19:20 4.7 - Pseudoelementos con variables CSS 7:48 6:16 5:05 3:39 5. Listas y contadoresPersonaliza tus listas con símbolos y maneja pseudoelementos específicos para estos elementos.
5.1 - Estructura y tipos de lista 6:38 10:36 3:26 5.4 - List style position 4:47 3:05 6:38 5.7 - Contadores anidados 4:17 5.8 - Ejercicio con contadores 5:46 5.9 - Ejercicio calculadora con contadores 13:24 6. TextoConoce el uso correcto de fuentes en la web y cómo controlar el texto que contienen.
6.1 - Fuentes para la web 9:31 8:57 6:35 6.4 - Creando un sistema de fuentes 11:43 7:30 6.6 - Flujo y desbordamiento 17:21 6.7 - Resolver desbordamiento 8:56 6.8 - Ejercicio controlar texto en vertical 6:16 7. Tablas y formulariosAprende el comportamiento de las tablas, conoce todas las acciones que podemos hacer con formularios y maqueta ambos componentes con buenas prácticas.
Ver más 7.1 - Estructura de tablas 9:48 4:21 7.3 - caption-side y empty-cell 4:34 3:24 7.5 - Maquetación y estilos de tablas 7:06 7.6 - Apariencia de inputs 9:18 4:09 7:43 3:25 7.10 - Required, optional 4:52 7.11 - Enabled, disabled, readyonly 3:34 8:04 7.13 - Estructura y layout de formularios 3:28 7.14 - Ejercicio formulario 22:29 8. FiltrosComprende y crea filtros estilo Instagram sin utilizar programas de diseño.
8.1 - Introducción a los filtros 5:14 5:17 2:25 4:15 6:11 4:56 2:48 3:10 3:22 2:25 4:01 8.12 - Ejercicio múltiples filtros en un elemento 3:22 8.13 - Ejercicio sombra con filtros 5:06 9. Blending modesComprende cómo funcionan los modos de fusión, de nuevo sin utilizar programas de diseño.
9.1 - Introducción a los blending modes 6:24 9:44 3:59 5:49 9.5 - Hard light y Soft light 3:53 4:42 5:39 8:22 2:37 7:07 3:15 2:52 2:05 4:29 10. Figuras, recortes y máscarasAprende distintas formas de recortar elementos usando solamente código.
10.1 - Recorte rectangular/interior 14:47 5:23 2:01 7:18 4:51 10.6 - Animaciones con recortes 7:08 10.7 - Máscaras de recortes 7:29 10.8 - Composición de máscaras 8:39 10.9 - Banner parallax con máscaras 9:08 11. ScrollAprende todo lo que CSS puede hacer con el scroll de la página sin usar Javascript.
11.1 - Desbordamiento de contenido 14:53 11.2 - Smooth scroll con CSS 7:21 11.3 - Controlando posición final del scroll 4:54 11.4 - Desplazamiento dentro de contenedores 9:04 12:26 11.6 - Personalización del scroll. (Parte 1) 10:59 11.7 - Personalización del scroll. (Parte 2) 7:57 11.8 - Ejercicio tema dark y white para scroll 11:14 12. LayoutAprende distintas formas de crear layouts de columnas para distribuir tu contenido en tu página.
12.1 - Holy grail layout responsive 21:45 12.2 - Manejo de columnas. (Parte 1) 12:24 12.3 - Manejo de columnas. (Parte 2) 8:42 12.4 - Creando estructura de landing pages. (Parte 1) 12:25 12.5 - Creando estructura de landing pages. (Parte 2) 19:36 12.6 - ¿Cuál es el siguiente paso? 2:20 1. PositionAprende las bases del posicionamiento de elementos y los conceptos bases que conlleva.
1.1 - Bienvenida al curso 1:34 1.2 - Flujo y espacio reservado 7:38 1.3 - Propiedades offset (top, left, right, bottom) 7:32 4:34 9:24 12:53 1.7 - Ejercicio menú desplegable 11:37 2. Position llComprende cómo se comportan los elementos posicionados dentro del eje Z.
2.1 - Repasando temas de posicionamiento 2:28 16:09 3:53 7:15 11:14 2:33 17:31 3. Variables CSSAprende la sintaxis, comportamientos y usos prácticos de las variables CSS sin involucrar algún otro lenguaje.
3.1 - ¿Qué son las variables CSS? 15:02 11:23 3:17 3.4 - Diferencia entre variables CSS y variables SASS 16:05 3.5 - Variables CSS en RWD 14:04 3.6 - Variables CSS en creación de temas 12:40 3.7 - Creando un sistema de botones 6:49 4. Pseudo elementosConoce los diversos tipos de pseudoelementos que hay y cómo puedes sacarles provecho.
4.1 - ¿Qué son los pseudoelementos? 1:28 9:41 10:41 5:41 6:29 19:20 4.7 - Pseudoelementos con variables CSS 7:48 6:16 5:05 3:39 5. Listas y contadoresPersonaliza tus listas con símbolos y maneja pseudoelementos específicos para estos elementos.
5.1 - Estructura y tipos de lista 6:38 10:36 3:26 5.4 - List style position 4:47 3:05 6:38 5.7 - Contadores anidados 4:17 5.8 - Ejercicio con contadores 5:46 5.9 - Ejercicio calculadora con contadores 13:24 6. TextoConoce el uso correcto de fuentes en la web y cómo controlar el texto que contienen.
6.1 - Fuentes para la web 9:31 8:57 6:35 6.4 - Creando un sistema de fuentes 11:43 7:30 6.6 - Flujo y desbordamiento 17:21 6.7 - Resolver desbordamiento 8:56 6.8 - Ejercicio controlar texto en vertical 6:16 7. Tablas y formulariosAprende el comportamiento de las tablas, conoce todas las acciones que podemos hacer con formularios y maqueta ambos componentes con buenas prácticas.
Ver más 7.1 - Estructura de tablas 9:48 4:21 7.3 - caption-side y empty-cell 4:34 3:24 7.5 - Maquetación y estilos de tablas 7:06 7.6 - Apariencia de inputs 9:18 4:09 7:43 3:25 7.10 - Required, optional 4:52 7.11 - Enabled, disabled, readyonly 3:34 8:04 7.13 - Estructura y layout de formularios 3:28 7.14 - Ejercicio formulario 22:29 8. FiltrosComprende y crea filtros estilo Instagram sin utilizar programas de diseño.
8.1 - Introducción a los filtros 5:14 5:17 2:25 4:15 6:11 4:56 2:48 3:10 3:22 2:25 4:01 8.12 - Ejercicio múltiples filtros en un elemento 3:22 8.13 - Ejercicio sombra con filtros 5:06 9. Blending modesComprende cómo funcionan los modos de fusión, de nuevo sin utilizar programas de diseño.
9.1 - Introducción a los blending modes 6:24 9:44 3:59 5:49 9.5 - Hard light y Soft light 3:53 4:42 5:39 8:22 2:37 7:07 3:15 2:52 2:05 4:29 10. Figuras, recortes y máscarasAprende distintas formas de recortar elementos usando solamente código.
10.1 - Recorte rectangular/interior 14:47 5:23 2:01 7:18 4:51 10.6 - Animaciones con recortes 7:08 10.7 - Máscaras de recortes 7:29 10.8 - Composición de máscaras 8:39 10.9 - Banner parallax con máscaras 9:08 11. ScrollAprende todo lo que CSS puede hacer con el scroll de la página sin usar Javascript.
11.1 - Desbordamiento de contenido 14:53 11.2 - Smooth scroll con CSS 7:21 11.3 - Controlando posición final del scroll 4:54 11.4 - Desplazamiento dentro de contenedores 9:04 12:26 11.6 - Personalización del scroll. (Parte 1) 10:59 11.7 - Personalización del scroll. (Parte 2) 7:57 11.8 - Ejercicio tema dark y white para scroll 11:14 12. LayoutAprende distintas formas de crear layouts de columnas para distribuir tu contenido en tu página.
12.1 - Holy grail layout responsive 21:45 12.2 - Manejo de columnas. (Parte 1) 12:24 12.3 - Manejo de columnas. (Parte 2) 8:42 12.4 - Creando estructura de landing pages. (Parte 1) 12:25 12.5 - Creando estructura de landing pages. (Parte 2) 19:36 12.6 - ¿Cuál es el siguiente paso? 2:20 Obten acceso completo al cursoCSS Avanzado Desbloquea solo este curso $48$24 USD
Conserva este curso de por vida con un único pago. Tendrás acceso completo a todos los cursos, rutas y escuelas de EDteam *Incluye todos los beneficios por comprar el curso
Obten acceso completo al cursoCSS Avanzado Desbloquea solo este curso $48$24 USD
Conserva este curso de por vida con un único pago. Tendrás acceso completo a todos los cursos, rutas y escuelas de EDteam *Incluye todos los beneficios por comprar el curso
