Udemy

Platform

Español

Language

Web Design

Category

Aprende a crear animaciones y efectos interactivos con CSS3

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

4.39 (1006 reviews)

26636

Students

2.5 hours

Content

Nov 2020

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


Screenshots

Aprende a crear animaciones y efectos interactivos con CSS3
Aprende a crear animaciones y efectos interactivos con CSS3
Aprende a crear animaciones y efectos interactivos con CSS3
Aprende a crear animaciones y efectos interactivos con CSS3

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!



Reviews

A
Andres11 September 2020

Es un muy buen curso, te sirve aprender a manejar las animaciones y otros efectos con css puro, muy recomendado

F
Fabian30 August 2020

fue un buen curso, recorde algunos elementos que no acordaba y ademas entendi mejor muchos conceptos.

C
Camilo15 August 2020

Muy buen curso introductorio, a veces se hace uso del JS para este tipo de funcionalidades, funcionalidades que por medio de css son fáciles de implementar, estuvo muy bueno.

G
Gustavo30 June 2020

Necesitaba reforzar parte de mis conocimientos en animaciones y como se usaban las transiciones en css y consegui eso y mucho mas en este curso, realmente muy bien explicado, aunque como comentario constructivo deberia actualizar los videos para usar editores de texto mas actuales y usar un tamaño de letra mas grande ya que en pantallas moviles es muy dificil seguir el ritmo de las etiquetas y ver lo que escribe, ademas de que muchas cosas se pueden usar herramientas como flexbox y grid para maquetar un poco mas rapido y con tecnologias mas nuevas, del resto mis felicitaciones al instructor

H
Hugo27 June 2020

Excelente curso, estoy aprendiendo y reforzando muchas cosas sobre CSS3 que no sabía, el instructor explica de forma rápida y elocuente cada clase. Lo recomiendo totalmente si quieres reforzar sobre CSS3.

R
Raúl26 February 2020

Es un curso básico y muy sencillo de seguir, ideal para iniciarse en el mundo del CSS. Una vez finalizado el curso ya dispones de pequeñas nociones en CSS que puede implementar rápidamente a cualquier sitio web del que dispongas.

E
Esteban21 February 2020

El curso está muy bien estructurado, pues complementa con los cursos iniciales de HTML, CSS3 y Maquetación Web. El curso es 100% práctico. Muy bien explicado.

J
Jose7 February 2020

Excelente curso donde aprendi mucho y reafirme conocimientos. Me dio herramientas para realiar una maquetacion de un sitio web separandolo por partes y ver como va quedando. Recomendable

F
Francisco19 January 2020

Buen curso. Aquí aprenderás las bases de lo que se tiene que hacer para poder hacer ciertas animaciones usando CSS3. Con este curso te darás una idea de como manejar algunas propiedades y valores de CSS3 para lograr animaciones y efectos para tu sitio web, aunque insisto que solo son las bases, ya que en este curso no se profundiza más allá de ello. Sin embargo, al ser un curso gratuito es recomendable para poder iniciarte en esta parte de la programación web.

S
Systamashii7 January 2020

En mi caso personal fue exelente porque no tenia idea de lo que podias hacer con solo HTML y css para mi eran solo para hacer maquetación y resulta que hasta animación puedo hacer. Gracias.

D
Diego2 January 2020

Juan Fernando, Felicitaciones!!!! eres un gran profesor, tienes un excelente metodologia, dominas muy bien los temas, los conceptos son muy claros y precisos. Tienes el don para enseñanzar. he asimilado todo muy bien, ahora tengo que comenzar a practicar los conocimientos adquiridos......Gracias !!!!!

D
Daniel30 December 2019

El profesor trata de explicar en detalle pero cae en una lentitud abismante para explicar algo que puede hacerse en menor tiempo. Por otra parte los diseños de los ejemplos son algo toscos lo que provoca que el resultado sea medianamente gratificante

A
Alejandro24 October 2019

La verdad a veces hacen falta las palabras para poder describir la importancia de cada curso, particularmente la forma como lo imparten de una manera fluida y entendible, explicando paso a paso cada bloque de videos esperando sigan por ese camino y sobre todo que las dudas que salen son respondidas de la mejor manera posible gracias.

Y
Yosef2 October 2019

Me gustó bastante el curso, buenas animaciones y sencillo de entender; además de que las puedo integrar en un proyecto propio bastante rápido. Lo que no me gustó es que, aunque en otro curso ya haya hecho la maquetación, podría haber puesto esas clases también en este curso, ya que es mejor que escribamos el código desde cero, y no que nos lo de a la mitad. Aparte de que hay algunas cosas que no explica bien, porque ya las explicó en otro curso. En resumen, recomendado!

C
Clant21 September 2019

bien para ser sólo css, pero es tecnología obsoleta... ver sólo para obtener una base.... PD: es muy leeeeeeento, ver en velocidad 2x



831442

Udemy ID

4/25/2016

Course created date

10/30/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore