Pasar al contenido principal

🚀 Taller gratuito de Diseño UIcon Adobe Xd. Sábado 20 de octubre. ¡Reserva tu lugar!

Alexys Lozada
Jose Luján
Manu Rodríguez
Jose Luján
Luis Avilés
Álvaro Felipe
Jose Luján
Beto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jon MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
Jose Luján
Álvaro Felipe
Alexys Lozada
Jose Luján
Manu Rodríguez
Jose Luján
Luis Avilés
Álvaro Felipe
Jose Luján
Beto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jon MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
Jose Luján
Álvaro Felipe
Álvaro Felipe
Jon MirCha
Jon MirCha
Alexys Lozada, Jose Luján
Alexys Lozada, Jose Luján
Alexys Lozada, Jose Luján
Camilo Adobe

CSS Desde Cero Gratis (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 y serás capaz de crear tus propios templates y dejar de descargarlos de internet. 

? Este curso es parte de la Especialización Frontend Desde Cero

https://app.ed.team/cursos/css
¿Qué aprenderás?
  • Comprender como funciona CSS
  • Comprender el posicionamiento y modelo de caja
  • Manejar el color, los fondos y textos
  • Utilizar buenas prácticas y variables CSS
¿Qué conocimientos necesitas?
Intermedio
  • +18 horas
  • Certificado
  • Proyecto final
  • Clases grabadas

Temario del curso

EDteam tiene los temarios más detallados en español

1. Introducción

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

2. Selectores

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

3. Especificidad, herencia y cascada

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

4. Box model

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

5. Bordes y sombras

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

6. Fondos

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

7. Texto (1)

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

8. Texto (2)

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

9. Pseudoclases

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

10. Pseudoelementos

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

11. Listas y contadores

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

12. Color

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

13. Position (1)

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

14. Position (2)

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

¿Por qué estudiar en EDteam?

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas. Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Suscripción o compra

Compra los cursos que necesites con acceso de por vida o suscribete y accede a todos nuestros cursos y especialidades

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

1111111111
0
0