Aprende Efectos CSS3

Aprende a definir efectos muy interesantes y visualmente atractivos con el uso de pseudo-clases sobre pseudo-elementos,
4.4 (505 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
6,841 students enrolled
Free
Start Learning Now
  • Lectures 20
  • Contents Video: 2 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 Spanish

Course Description

En este videocurso sobre efectos CSS3 para tu sitio web verás cómo desarrollar desde cero una gran gama de efectos que logran en tus proyectos un aspecto más llamativo destacando del resto de páginas web.

No necesitas tener grande conocimientos de html ni de css, todo lo que es necesario se analiza en el curso, solo tienes que contar con algún editor de texto y... !! ganas de practicar !!

Verás que es muy sencillo y a la vez necesario. Durante todo el curso veremos cómo cambiar el aspecto de un elemento jugando con sus pseudo-elementos (after y before) y sus pseudo-clases (principalmente hover), así que en cada ocasión daremos diseño a propiedades diferentes, pero en todos los casos el patrón será el mismo, fácil de aprender. Si te dedicas al desarrollo web, o quieres hacerlo, tendrás que saber que el tiempo de permanencia en un sitio web es muy importante, y algo que hace que éste aumente es el aspecto visual del contenido, y cuán agradable sea la experiencia de usuario cuando interactua en tu página. Por eso, saber combinar bien estos efectos e integrarlos junto con el resto de elementos dará más fuerza a tu web. Es algo similar a decorar un buen plato, no es que vaya a estar más rico, pero sí tendrá mejor aspecto, llamará más la atención, recibirá más visitas y tú tendrás más fama de buen "cocinero" web.

Aprenderás entre otras cosas:

  • Técnicas de camuflaje sobre los efectos.
  • Uso de pseudo-elementos
  • Uso de pseudo-clases
  • Qué tener en cuenta para elegir los colores de algunos efectos
  • Efectos en Sombras
  • Efectos en Bordes

Este curso sienta las bases fundamentales de la animación con CSS, algo más avanzado, por eso éste es el curso ideal para iniciarse en los efectos CSS, y por eso quiero que sea gratis, para que pruebes qué te parece este área del desarrollo web antes de decidir si quieres dar un salto adelante con animaciones keyframes u otros temas. Seguro que tras este curso serás capaz de crear tus propios efectos :)

What are the requirements?

  • HTML5 básico
  • CSS3 básico

What am I going to get from this course?

  • Diseñar sus propios efectos
  • Saber implementar animaciones sobre elementos html
  • Entender el funcionamiento de las pseudo-clases
  • Saber usar los pseudo-elementos en la creación de efectos

What is the target audience?

  • Diseñadores Web
  • Frontends
  • Interesados en html y css

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción
Introducción
00:50
Section 2: Conocimientos Previos
Qué es un pseudo-elemento
05:20
Que es una pseudo-clase
06:50
Técnicas de Camuflaje
03:09
Section 3: Camuflaje por Color
Triángulo Lateral
10:21
Triángulo Fijo
06:20
Section 4: Camuflaje por Tamaño
Esquina de Página
06:53
Section 5: Camuflaje por Transparencia
Sombra Fija
07:47
Section 6: Efectos en Sombras
Sombra Difuminada
02:45
Sombra Radial
08:09
Sombra Externa
04:48
Sombra Interna
04:29
Section 7: Efectos en Bordes
Iluminación
04:43
Resalte de Borde
05:25
Borde Interno
06:17
Expansión de Borde
04:48
Recogida de Borde
04:21
Redondeado de Esquinas
02:55
Borde Inferior - MENUS
09:10
Section 8: Conclusión
Conclusión
02:59

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jose Javier Villena, Analista-Programador

Soy un apasionado de la programación en varios lenguajes. Actualmente soy Tutor Premium para CodigoFacilito (canal de programación en castellano con más suscriptores del mundo - 300k), tambien he participado en la Comunidad de Platzi y tengo experiencia como Redactor para Cristalab (portal de artículos escritos sobre tecnología más grande del mundo en español) y además he impartido cursos como tutor en otros canales y plataformas online a nivel mundial, así como también he sido tutor de cursos presenciales en formación supervisada por el Gobierno de España.

Tengo más de 10 años de experiencia como analista-programador en diferentes lenguajes (xml, c++, javascript, vbasic, pl/sql, html, css, etc) y sistemas de bases de datos, gestionando la aplicación usada en más de 20 hospitales y centros de Madrid, así como dando soporte en las Terminales del Aeropuerto Internacional de Barajas Adolfo Suarez (MAD).

Aparte de la experiencia profesional, siempre me ha gustado estar actualizado y conocer otras tecnologías diferentes a las que use laboralmente, de modo que conozco más lenguajes de programación como java, haskell o swift entre otros.

Me gusta enseñar de forma sencilla, como hubiera querido que me enseñaran a mí. Tengo mi propio canal de youtube con unos 20K suscriptores y me gusta atender sus dudas y peticiones, así que puedes estar seguro de que haré lo mismo en esta plataforma. 

Espero que disfrutes de mis cursos :)

Ready to start learning?
Start Learning Now