Pasar al contenido principal
Jose Luján
Luis Avilés
Álvaro Felipe, Jon MirCha
Álvaro Felipe
Jose Luján
Alberto Quiroga
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Daniel Romero
Alexys Lozada, Daniel Romero
Álvaro Felipe
Francisco Romero
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Álvaro Felipe
Daniel Romero
Jose Luján
Álvaro Felipe
Freddy Cahuas
Álvaro Felipe
Luis Avilés
Álvaro Felipe
Jon MirCha
Jose Luján
Luis Avilés
Álvaro Felipe, Jon MirCha
Álvaro Felipe
Jose Luján
Alberto Quiroga
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Daniel Romero
Alexys Lozada, Daniel Romero
Álvaro Felipe
Francisco Romero
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Álvaro Felipe
Daniel Romero
Jose Luján
Álvaro Felipe
Freddy Cahuas
Álvaro Felipe
Luis Avilés
Álvaro Felipe
Jon MirCha
https://app.ed.team/css
css-poster

CSS Desde Cero (2018)

CSS es el lenguaje que hace a la web hermosa. Sin CSS los sitios web y aplicaciones móviles se verían feos y aburridos. Con este curso aprenderás a diseñar para la web usando código CSS, entenderás como funciona el responsive web design y serás capaz de crear tus propios templates y dejar de descargarlos de internet. Además hemos actualizado el curso para incluir módulos nuevos de CSS (como variables, grid, etc).

1. Introducción5-mar

  • ¿Qué es CSS?
  • ¿Qué necesito para tomar este curso?
  • Historia
  • Módulos
  • Primeros pasos
    • Conectar HTML y CSS
    • Sintaxis

2. Selectores7-mar

  • Sencillos
    • Elemento
    • ID
    • Clases
  • Agrupados
    • Descendientes
    • Hermano y hermanos siguientes
  • Atributos

3. Especificidad, herencia y cascada 9-mar

  • Especificidad
  • Herencia
  • Cascada
  • Keywords initial, inherit, important.

4. Box model 12-mar

  • inline, block, inline-block
  • box-sizing
  • margin, padding
  • width, height
  • Calculo de dimensiones
    • porcentaje
    • automático
    • tamaño fijo

5. Bordes y sombras21-mar

  • border
  • border-radius
  • border-image
  • outline
  • box-shadow

6. Fondos23-mar

  • background-color
  • background-image
  • background-repeat
  • background-clip
  • background-attachment
  • background-size
  • background-position
  • Background múltiples
  • Shorthand background

7. Texto (1)26-mar

  • Alineación e interlineado
  • Transformaciones y decoraciones
  • Sombras
  • Controlar el flujo del texto

8. Texto (2)28-mar

  • Familias tipográficas
  • Peso, estilos y tamaños de fuentes
  • Variaciones tipográficas
  • Shorthand font

9. Pseudoclases30-mar

  • :root
  • :hover
  • :active
  • :target
  • :nth-child :first-child :last-child
  • :nth-of-type :nth-first-of-type nth:last-of-type
  • :not
  • :empty

10. Pseudoelementos2-abril

  • ::before
  • ::after
  • ::first-line
  • ::first-letter

11. Listas y contadores4-abril

  • Tipos de listas
  • Estilos y posicion de listas
  • Contadores CSS
  • Tipos de contadores

12. Color6-abril

  • Color keywords
  • Notación hexadecimal
  • rgb() y rgba()
  • hsl() y hsla()
  • Degradados lineales
  • Degradados radiales

13. Position (1)9-abr

  • Flujo y tipos de posicionamiento
  • Propiedades offset
  • Position relative
  • Position absolute

14. Position (2)11-abr

  • Position fixed
  • Position sticky
  • Apilamiento de capas (z-index)

15. Flexbox (1)13-abr

  • Elementos de flexbox
  • Containers, main axis, cross axis
  • Control del flujo

16. Flexbox (2)16-abr

  • Flex items
  • flex-grow, flex-shrink, flex-basis
  • Alineación y ordenación

17. CSS Grid (1)18-abr

  • Terminología
  • Definir templates
  • Posicionar items
  • Areas

18. CSS Grid (2)20-abr

  • Grid placement
  • Grid implícito y explícito
  • Alineación
  • Grid y flexbox
  • Grid y position

19. Tablas23-abr

  • Table layout
  • Table sizing
  • Table cells

20. Formularios25-abr

  • Inputs, botones, textarea
  • Labels, cursor
  • Checkbox y radio
  • Widgets
  • Pseudoclases para formularios

21. Floats, columnas, formas27-abr

  • Float, casos de uso
  • Column-count
  • Shapes con CSS

22. Transformaciones30-abr

  • Scale
  • Rotate
  • Skew
  • Translate
  • 3D con CSS

23. Transiciones2-May

  • Propiedades animables
  • Propiedades, duración y aceleración
  • Shorthand transition
  • Transiciones en reversa
  • Eventos de transiciones

24. Animaciones4-May

  • Composite thread
  • Propiedades de animación
  • Keyframes
  • Eventos de animaciones

25. Filtros7-may

  • blur()
  • brightness()
  • contrast()
  • grayscale()
  • hue-rotate()
  • invert()
  • opacity()
  • saturate()
  • sepia()
  • drop-shadow()
  • url()

26. Blending modes9-may

  • Modos de fusión
  • Sobre blancos
  • Sobre negros
  • Sobre grises
  • Fusión de fondos
  • CSS vs Photoshop

27. Recortes y máscaras11-may

  • Recortes con clip-path
  • Concepto de máscaras
  • Máscaras con CSS

28. Responsive web design14-may

  • Media queries
  • Feature queries
  • CSS Grid en RWD
  • Buenas prácticas

29. El futuro16-may

  • Box aligment
  • Funciones de color
  • Media Queries Level 4
  • Display: contents
  • Contain
Semana 1
Semana 2
Semana 3
Semana 4
El temario se publicará en el transcurso del día.
El temario se publicará en el transcurso del día.
El temario se publicará en el transcurso del día.
El temario se publicará en el transcurso del día.

¿Por qué estudiar en EDteam?

Profesores reales

Somos la única plataforma con profesores reales con años de experiencia en aulas.

Aprende desde cero

Si quieres aprender algo nuevo, sin conocimientos previos, no hay mejor opción en español que EDteam.

Proyecto de fin de curso

Creamos el concepto de proyecto de fin de curso que se ha puesto de moda en todas las plataformas online.

Sin mensualidades

Líbrate de las ataduras. Paga solo lo que necesites aprender y estudiálo a tu ritmo y con acceso de por vida.

Secuencia de aprendizaje

Cursos desde cero que continuan con cursos avanzados para que aprendas en orden y sin perderte.

Clases bonus gratuitas

Accede a los EDtaller Premium, clases extra de todos los cursos (incluso de los que no hayas comprado) 100% gratis.

1111111111
0
0
CSS Desde Cero (2018)
Profesor
Comprar $

Acceso de por vida a este curso

Suscribirse $ 30 USD / mes

Acceso a todos los cursos de EDteam

Medios de pago

logo Paypal

Acceso en segundos

Peru Colombia México Bolivia Western Union

Acceso en 24h

Horarios

Clases en vivo los L-M-V

  • 6:00 pm (Costa Rica)
  • 7:00 pm (Pe / Ec / Col/ Mex)
  • 8:00 pm (Ven / Bol / Rep Dom)
  • 9:00 pm (Chile / Ar / Ur / Par / Br)
  • 01:00 am (España)

 

Clases en vivo