Aprende a crear animaciones y efectos interactivos con CSS3

Construye recursos interactivos utilizando sólo CSS3 sin necesidad de javascript.

4.40 (1345 reviews)
Udemy
platform
Español
language
Web Design
category
46,542
students
2 hours
content
Nov 2021
last update
FREE
regular price

What you will learn

Aprenderás a utilizar la línea de tiempo que trae CSS3 para crear animaciones.

Aprenderás a crear botoneras con menú desplegable.

Aprenderás a crear varios recursos que nos permiten llevar a una mejor experiencia de usuario cuando se trata de dispositivos touch (phones y tablets).

Aprenderás a crear un slideshow y una galería de imágenes interactiva sólo con CSS3.

Aprenderás a construir recursos utilizando solamente CSS3, que permitan pasar de diseños estáticos a diseños enriquecidos en movimiento.

Description

¿DE QUÉ SE TRATA EL CURSO?

La construcción de un sitio web no termina en la maquetación. Pensar en una mejor experiencia para el usuario es pensar en recursos interactivos y efectos visuales que se mezclen con el diseño. Hoy en día trabajamos el lenguaje de programación Javascript y sus librerías para lograr dicha experiencia, pero en este curso vamos a profundizar más en las ventajas que trae las Hojas de Estilo CSS en su versión 3. Aprenderás a construir recursos utilizando sólamente CSS3, que permitan pasar de diseños estáticos a diseños enriquecidos en movimiento.

¿CÓMO ES EL CURSO?

El curso se divide en varias secciones. En una primera sección aprenderemos a utilizar la línea de tiempo que trae CSS3 para crear animaciones. En la siguiente sección aprenderemos a crear botoneras con menú desplegable. Luego comenzaremos a crear varios recursos que nos permiten llevar a una mejor experiencia de usuario cuando se trata de dispositivos touch (phones y tablets). Finalmente integraremos en un sitio web un slideshow y una galería de imágenes interactiva y un fondo animado.

¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?

Depende de ti. Estimo que menos de una semana puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.

¿CUÁLES SON LOS REQUISITOS?

Descargar el material que se encuentra en los recursos de la clase 1. Tener principios en HTML5 y CSS3, curso gratuito que puede realizar en UDEMY: "Aprende HTML5 y CSS3 desde cero".

¿A QUIÉN VA DIRIGIDO ESTE CURSO?

Diseñadores gráficos, visuales, artistas, desarrolladores

Empresas y emprendedores

Cualquier persona que quiera enriquecer una página web

Content

ANIMACIONES EN CSS3

Bienvenida
Contáctame
Animación CSS3 - parte 1
Animación CSS3 - parte 2
Animación CSS3 - parte 3
Pongamos a prueba lo aprendido

MENÚ DESPLEGABLE EN CSS3

Menú Desplegable CSS3 - parte 1
Menú Desplegable CSS3 - parte 2

BOTONERA MÓVIL EN CSS3

Botonera Móvil CSS3 - parte 1
Botonera Móvil CSS3 - parte 2
Botonera Móvil CSS3 - parte 3
Pongamos a prueba lo aprendido

MENÚ ESTILO ACORDEÓN EN CSS3

Menú Acordeón CSS3 - parte 1
Menú Acordeón CSS3 - parte 2

SLIDE INTERACTIVO CON CSS3

Slide Interactivo con CSS3 - parte 1
Slide Interactivo con CSS3 - parte 2

GALERÍA INTERACTIVA CON CSS3

Galería Interactiva con CSS3 - parte 1
Galería Interactiva con CSS3 - parte 2

INTEGRACIÓN DE RECURSOS EN PLANTILLA HTML

Integración
Despedida
¡Clase Extra!

Screenshots

Aprende a crear animaciones y efectos interactivos con CSS3 - Screenshot_01Aprende a crear animaciones y efectos interactivos con CSS3 - Screenshot_02Aprende a crear animaciones y efectos interactivos con CSS3 - Screenshot_03Aprende a crear animaciones y efectos interactivos con CSS3 - Screenshot_04

Reviews

Pol
October 3, 2023
El cusro esta muy anticuado para los estándares y tecnicas actuales. Las visuales se ven antiguas como si al menos tuviera 10 años. Aun asi se pueden aprender cosas
Juan
August 12, 2023
teacher gives good explanations, even thou you shoul dknow a bit about CSS, but this is a very useful course and easy to learn. Congrats.
Julio
June 5, 2023
Excelente, esta todo muy detallado y claro al igual que otros cursos que adquiri del docente. tambien quiero remarcar que cuando tuve inconveniente se me respodio y se me solucionaron los problemas para poder seguir con el curso. Problemas que eran mios no por causa de la paltaforma. Espero con ancias tus nuevos contenidos saludos desde Argentina.
Johan
January 14, 2023
es buena elección ya que ayuda a conocer en temas básicos animaciones para algún sitio web y que sirven como gran herramienta de trabajo
Dora
December 8, 2022
fue la mejor opcion al ver este curso retroalimentarme me encanto su manera de explicar muy conciso y detallado y esto para mi me da muchos animos para seguir aprendiendo y crecer profesionalmente gracias
Dana
May 28, 2022
Muy bueno. Enseña cosas que en otros cursos básicos de css3 no había visto. Si bien a día de hoy algunas cosas no son muy estéticas está bueno como proyecto personal lograr mejorarlas. En síntesís, me gustó mucho.
Robert
March 7, 2022
Me su metodología de trabajo, todo lo explica muy detallado y se apoya con las páginas de los lenguajes, aparte que suministra material de apoyo con y sin código lo cual es de mucha ayuda. Por mi parte es excelente.
Adriana
February 28, 2022
Me encantó como repaso de CSS3 y los buenos tips para saber de donde salen las animaciones, como se hacen y en donde aplicarlas.
Cesar
January 27, 2022
Hola Ing. sigo estudiando los primeros cursos bases, muy interesado con esta forma de enseñanza, estoy obteniendo los conocimientos que he estado buscado. Gracias.
Juan
January 2, 2022
Tal vez mi calificación se deba a que se un poco y veo que si lo hicieras con otras herramientas, como un editor de código especializado, seria menos tedioso y mas rápido el trabajo. Del resta esta muy bien explicado, muy paso a paso y claro.
Juan
November 24, 2021
Muy bien el curso, los efectos son muy buenos y realmente ayudan en la creación de un sitio web, amigable, vistoso y confiable.
Ignacio
October 23, 2021
Fue muy conveniente, un buen complemento para ver el compoartamiento en vivo de algunos elementos de CSS. Gracias.
Jesús
July 12, 2021
Me parece muy bien explicado lo que dice, y para tener un concepto de lo que es CSS y sus funciones. Me gustó.
Fernando
June 15, 2021
Excelentes tips para aprender diferentes formas de animar menús. Una forma fácil y sencilla con puro css, sin necesidad de JS. Muy bueno
Jaime
February 27, 2021
Comencé en el desarrollo con su curso inicial "Aprende HTML5 y CSS3 desde cero" siendo una gran experiencia, y este no ha sido menos. Una curva de aprendizaje muy bien apoyada junto al material, las explicaciones y los ejercicios prácticos que motivan cada vez más. Muy recomendado.

Charts

Price

Aprende a crear animaciones y efectos interactivos con CSS3 - Price chart

Rating

Aprende a crear animaciones y efectos interactivos con CSS3 - Ratings chart

Enrollment distribution

Aprende a crear animaciones y efectos interactivos con CSS3 - Distribution chart
831442
udemy ID
4/25/2016
course created date
10/30/2019
course indexed date
Bot
course submited by