Saltar al contenido principal
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.
156 calificaciones de 2K estudiantes José Jonathan Romero Martínez 28 jul 2021
Excelente curso, es de los más completos que he visto en español. Excelente calidad y los ejemplos en su mayoría son bastante claros.
Hércules Baranda Altamirano 19 nov 2020
Me gusta el enfoque en que lo han separado del concepto Básico, más sin embargo entiendo que siempre se puede mejorar y alcanzar otro grado de satisfacción principalmente. Saludos y Felicitaciones al profesor
Wander Peña 14 feb 2022
Buen curso! solo creo que debió de intensificar mas la parte del layout
Jose Manuel 29 dic 2020
Muy buen curso me gusto mucho y aprendí muchas cosas que no sabia sobre CSS
Isaac Rodriguez 29 oct 2020
Muy buen curso, el profesor explico muy bien cada tema.
¿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? 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 Opciones para ver este curso 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.
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 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
