Aprende CSS3 - Conoce lo Nuevo que Trae está Versión de CSS
4.0 (24 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
525 students enrolled

Aprende CSS3 - Conoce lo Nuevo que Trae está Versión de CSS

Conoce las propiedades y las novedades que trae CSS en su versión 3 para lograr los mejores estilos para tu sitio web.
4.0 (24 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
525 students enrolled
Created by Grover Vásquez
Last updated 5/2019
Spanish
Spanish [Auto]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 15 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 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 .
Course content
Expand all 37 lectures 02:22:35
+ Introducción
5 lectures 14:09

Una breve introducción al curso.

Preview 00:31
¿Como realizar preguntas?
00:45

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

Preview 02:49

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

Preview 04:55

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

Preview 05:09
+ Novedades de CSS3
15 lectures 55:13

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

Selector de atributos
07:40
Ejemplo del Selector
00:23

En esta leccion revisamos los combinadores en CSS3.

Combinadores
05:04
Ejemplo de combinadores
00:11

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

Pseudo-clases parte 1
09:02

Continuamos revisando las pseudo-clases en CSS3.

Pseudo-clases parte 2
08:05
Ejemplo pseudo-clases o pseudo-selectores
00:22

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

Pseudo-elementos
06:57
Ejemplo de Pseudo-elementos
00:24

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.

Colores RGBA
04:41
Ejemplos de colores RGB
00:21

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.

Colores HSL
06:56
Ejemplo de colores HSL
00:13

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

Opacidad
04:43
Ejemplo de Opacidad
00:09
Prueba de Novedades de CSS3
3 questions
+ Las nuevas propiedades CSS3
15 lectures 01:10:58

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

Esquinas redondeadas
09:06

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.

Sombras - parte 1
08:59
Ejemplo de esquinas redondeadas y sombras
00:15
Sombras - parte 2
02:19

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

Multiples imágenes de fondo
06:47
Ejemplo de multiples imágenes de fondo
00:20

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

Borders con imágenes
08:02
Ejemplo de Borders con imágenes
00:18

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

Columnas de textos
08:58
Ejemplo de columnas de textos
01:09

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

WebFonts
06:23
MediaQueries
10:06
Ejemplo de MediaQueries
00:24
Transiciones
07:40
Ejemplo de transiciones
00:10
Prueba de nuevas Propiedades de CSS3
3 questions
+ Finalización
2 lectures 02:14
Agradecimiento y despedida.
00:55
BONUS: Hechale un ojo.
01:19
Requirements
  • Conocimientos básicos de HTML5 y CSS
  • Muchas ganas de aprender
  • Acceso a internet
Description

En este curso vas a aprender sobre las novedades de CSS en su versión 3 - CSS3 y 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, 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, 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.

Who this course is for:
  • Diseñadores web que necesiten conocer lo nuevo de <b>CSS3</b>.
  • Personas interesadas en aprender <b>CSS3</b>.
  • Personas que quieran construir un sitio web dinámico utilizando <b>HTML5 y CSS3</b>.