4.5 de 5
4.5
21 valoraciones en Udemy

Curso para aprender CSS3

Conoce las propiedades y las novedades que trae CSS en su versión 3 para lograr los mejores estilos para tu sitio web.
Profesor:
Grover Vásquez
518 Estudiantes apuntados
Spanish [Auto-generated]
Aprenderás las novedades de CSS3.
Aprenderás a utilizar las nuevas propiedades de CSS3.
Aplicar cada uno de los ejercicios en el desarrollo de tu sitio web.
Construir un sitio web dinámico utilizando las novedades de CSS3 .

En este curso para aprender CSS3, vas a aprender sobre las novedades de CSS en su versión 3 – CSS3 con su aplicación sencilla, sus nuevas propiedades que te van a permitir crear los mejores estilos y efectos para tu sitio web.

Cuando creamos un sitio web muy atractivo y con una interfaz muy limpia es gracias a CSS3, el desarrollo de un sitio web no termina al maquetar el sitio utilizando HTML5, las hojas de estilos juegan un rol muy importanto en lo atractivo, y en lo que a diseño del sitio se refiere.

CSS3 es la última evolución de las hojas de estilo en cascadas, que trae consigo nuevas novedades esperadas como las esquinas redondeadas de una caja, la aplicación sencilla de las nuevas propiedades sin la neesidad de escribir tanto código en las hojas de estilos.

En este curso vas a ir conociendo diversas características aparecidas en la última versión de CSS, con lecciones puntuales y cada una con su respectivo ejemplo de aplicación.

El curso se divide en 2 secciones en donde vamos a tocar los siguientes temas en general:

  • Novedades de CSS3.
  • CSS3 Selectores.
  • Propiedades de CSS3.
  • Lecciones que son más que tutoriales.

Para llevar el curso se requiere un conocimiento básico de HTML5 y CSS, el mismo que puedes conseguir siguiendo el curso «Diseño Web – Aprende creando un sitio web», que es totalmente GRATIS.

Espero te animés y verte dentro del curso para aprender CSS3, recuerda que cualquier duda estamos para apoyarte por medio de la sección de preguntas y respuestas, y recuerda además que tienes 30 días de garantía para la devolución de tu dinero, siempre y cuando no estes satisfecho con el curso.

Introducción

1
Introducción al curso

Una breve introducción al curso.

2
¿Como realizar preguntas?
3
Herramientas a utilizar

Indicamos las herramientas que vamos a utilizar en el desarrollo del curso.

4
Breve introducción a HTML5

Empezamos creando nuestro entorno de trabajo, y explicar brevemente la estructura básica de un documento HTML5.

5
Breve Introducción a CSS3

Hacemos una breve introducción a como utilizar CSS en nuestro documento HTML.

Novedades de CSS3

1
Selector de atributos

Vamos a revisar los 3 tipos de selectores de atributos que existen en CSS3.

2
Ejemplo del Selector
3
Combinadores

En esta leccion revisamos los combinadores en CSS3.

4
Ejemplo de combinadores
5
Pseudo-clases parte 1

Otra característica importante en CSS3 son las pseudo clases, en esta lección aprendemos como utilizarlo.

6
Pseudo-clases parte 2

Continuamos revisando las pseudo-clases en CSS3.

7
Ejemplo pseudo-clases o pseudo-selectores
8
Pseudo-elementos

Vamos a revisar que son los pseudo-elementos en CSS3, aplicando dos ejemplos tanto a un parrafo como a elementos input de un formulario.

9
Ejemplo de Pseudo-elementos
10
Colores RGBA

La extensión RGB es una característica desde CSS 2, pero en CSS3 se agrega una aplicación, esta ampliación es un canal Alpha sobre el efecto.

11
Ejemplos de colores RGB
12
Colores HSL

Otra novedad de CSS3 es los colores HSL y HSLA, en está lección vamos a ver como se aplica esta nueva novedad de CSS3.

13
Ejemplo de colores HSL
14
Opacidad

Otra novedad de CSS3 es la opacidad, en esta lección revisamos como se aplica.

15
Ejemplo de Opacidad
16
Prueba de Novedades de CSS3

Las nuevas propiedades CSS3

1
Esquinas redondeadas

Una propiedad muy esperada por los diseñadores, las esquinas redondeadas en CSS3

2
Sombras - parte 1

Las sombras no son algo nuevo en CSS, ya que estaban con la versión 2, luego se quitarón en la versión 2.1, pero se mejoro en la versión 3.

3
Ejemplo de esquinas redondeadas y sombras
4
Sombras - parte 2
5
Multiples imágenes de fondo

Vamos a ver la propiedad background-image, que ahora permite colocar multiples imágenes de fondo.

6
Ejemplo de multiples imágenes de fondo
7
Borders con imágenes

Revisamos la nueva propiedad de CSS3, utilizar imágenes como bordes.

8
Ejemplo de Borders con imágenes
9
Columnas de textos

Vamos a revisar sobre las columnas de textos incluidas en CSS3.

10
Ejemplo de columnas de textos
11
WebFonts

Revisamos el uso de tipografías tanto pagadas de uso comercial, como las de uso libre.

12
MediaQueries
13
Ejemplo de MediaQueries
14
Transiciones
15
Ejemplo de transiciones
16
Prueba de nuevas Propiedades de CSS3

Finalización

1
Agradecimiento y despedida.
2
BONUS: Hechale un ojo.
Puede ver y revisar los materiales del curso de forma indefinida.
¡Seguro! Si tiene una conexión a Internet, los cursos de Udemy están disponibles en cualquier dispositivo en cualquier momento. Si no tiene conexión a Internet, algunos instructores también les permiten a los estudiantes descargar las clases del curso. Eso depende del profesor.
4.5
4.5 de 5
Calificaciones 21

Calificación Detallada

5 estrellas
10
4 estrellas
6
3 estrellas
3
2 estrellas
2
1 estrellas
0
error: Contenido protegido