Diseño UX + HTML5 y CSS3 ¡Fácil y práctico!
4.1 (138 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.
1,412 students enrolled

Diseño UX + HTML5 y CSS3 ¡Fácil y práctico!

El curso que combina Diseño UX con HTML+CSS de una forma única ¡Aprende de la mano de expertos!
4.1 (138 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.
1,412 students enrolled
Last updated 7/2020
Spanish
Spanish [Auto]
Current price: $72.99 Original price: $104.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 7.5 hours on-demand video
  • 1 article
  • 15 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
  • Diseñar mejores experiencias de usuario (UX) y aplicar los conceptos fundamentales
  • Codificar el diseño mediante HTML5 y CSS3
  • Trabajar dentro de un equipo de desarrollo y conocer sus dinámicas
  • Comprender las distintas fases de un proyecto UX
  • Comprender las técnicas de UX más importantes y novedosas
  • ¡Y mucha más información, claves y tips del Diseño UX y Diseño Web!
Requirements
  • ¿Te interesa el diseño UX? ¡No necesitas nada más!
Description

En el curso aprenderás de la mano de una experta en diseño los conceptos clave de Diseño de Experiencia de Usuario (UX):

  • Técnicas de análisis del usuario final

    • Focus group,

    • Eye tracking,

    • Evaluación heurística

    • Test A/B

    • Card Sorting

    • y mucho más!

  • Generación de estrategias efectivas: gráfico de Garret, Sketch, Wireframe y Mockup

  • Definición de estrategia, alcance y estructura de una solución: Storytelling, Iterar, prototipado, Benchmarking

  • Diseñar tecnología que genere alegría y engagement en el usuario, aumentando la adopción y generando mayores ingresos.


Además, como Diseño UX / UI es uno de los perfiles laborales con mayor crecimiento* te adentraremos en los detalles del trabajo en equipo de una empresa de desarrollo de software, identificando cada uno de los perfiles que podemos encontrar y cuál es su función, de manera que puedas insertarte rápidamente en la mecánica de trabajo. (* según informe CNNMoney)


Por último, ¡aprenderás HTML5 y CSS3 de forma práctica para que puedas realizar la maquetación de tus prototipos!.  Con la explicación de un experto en desarrollo, podrás llevar a la acción a tus diseños, con una guía práctica y paso a paso, ideal para principiantes y sin necesidad de ningún conocimiento previo en web.

  • ¿Qué es HTML y CSS?

  • Editor de desarrollo

  • Manejo de fondos, colores, gradientes y tipografías.

  • Utilización de imágenes y efectos de transición.

  • Diferentes selectores CSS

  • HTML5

  • Y además: nociones de Flexbox, Bootstrap, compatibilidad cross browser, JQuery, React y mucho más!



¿POR QUÉ TENGO QUE ELEGIR ESTE CURSO?


  • Porque es un curso que combina de forma única los conceptos más importantes del diseño UX a la vez que te da las herramientas de HTML/CSS, más tips de trabajo en equipo, para que puedas aplicarlo.

  • Porque fue elaborado por expertos, profesionales universitarios y con años de experiencia práctica en sus respectivos campos de acción, con más de 6000 estudiantes inscriptos en Udemy.

  • Porque Diseño UX / UX Design es una de las profesiones con mayor crecimiento y demanda en las empresas.

  • Porque si tuvieras dudas durante el curso, con gusto te responderemos, logrando la mejor experiencia de aprendizaje. A tu ritmo, con tus tiempos, pero con el apoyo necesario.


Revisa nuestro video de presentación, los videos con previsualización y si quieres haznos consultas.


¡Inscríbete! ¡No dejes pasar la oportunidad!


- CON GARANTÍA DE REEMBOLSO, SI EL CURSO NO CUMPLE TUS EXPECTATIVAS, SE TE DEVUELVE EL DINERO.

- CON RECURSOS DESCARGABLES Y CERTIFICADO DE FINALIZACIÓN.

Who this course is for:
  • Principiantes que quieren aprender UX, diseño web y desarrollo.
  • Principiantes que quieren dar sus primeros pasos en desarrollo web
  • Los diseñadores de impresión que desean pasar al diseño ux.
  • Diseñadores web que desean mejorar sus habilidades.
  • Responsables de Márketing.
Course content
Expand all 100 lectures 07:43:06
+ Introducción a la Experiencia de Usuario
7 lectures 16:58
Únete gratis al equipo de Slack UX Héroes
00:15
¿Qué no es UX?
02:53
Diferencias entre Sketch, Wireframe, Mockup y Prototipo
04:38
¿Porque deberíamos preocuparnos por el diseño?
01:18
+ Conociendo las Técnicas de Análisis
12 lectures 19:59
Técnicas de Análisis - Test de Usuario
01:42
Técnicas de Análisis - Eye Tracking
01:28
Técnicas de Análisis - Card sorting
04:08
Técnicas de Análisis - Encuestas
01:07
Técnicas de Análisis - Evaluación Heurística
00:48
Técnica de Análisis - Pasos Evaluación Heurística
02:12
Técnica de Análisis - Test Heurístico
01:52
Técnicas de Análisis - Estudio de Campo
00:41
Técnicas de Análisis - Test A/B
01:53
Técnicas de Análisis - Personas
01:45
Técnicas de Análisis - Benchmarking
00:55
+ Introducción al proceso de diseño
4 lectures 12:49
Usuarios
02:33
¿Qué es Iterar?
00:47
Gráfico de Garret
03:56
+ Entrevista con el PM de un equipo de Sistemas
14 lectures 15:13
¿Cuáles serían las tareas del analista funcional?
00:53
Rol del analista funcional
02:22
¿Hay empresas donde no exista el rol de analista funcional?
00:24
¿Como trabaja en conjunto el Diseñador UX y el resto del equipo?
01:03
¿Cual seria el rol del arquitecto de software?
00:48
Requerimientos no funcionales y la estructura del software
02:33
Arquitecto de información y Arquitecto de software
00:29
Equipo de QC
00:59
Pruebas del equipo de QC
00:34
Programadores
00:56
Tecnologías o lenguajes de programación más utilizados
00:54
Conclusión
00:48
+ Conociendo HTML, CSS y Herramientas
14 lectures 01:11:19
HTML Básico
07:29
Utilización de consola desarrollador Chrome
03:34
Utilización de documentación
03:12
Instalación de VSCode
09:37
Span
04:49
Estructura HTML
05:18
Utilización de estilos
10:26
Modificacion de propiedades
05:07
Div
03:05
Identificadores
04:23
Hoja de estilo en cascada
05:53
Clases CSS
02:55
+ Maquetado HTML y CSS3
32 lectures 03:08:05
¿Qué vamos a hacer?
02:38
Utilización de la función "calc"
03:32
Tamaños máximos y mínimos
04:55
Texto pie de página
05:05
Centrado vertical de texto
03:05
Agregamos la imagen del logo
05:38
Utilización de padding y box-sizing
08:29
Precaución para imágenes que no cargan
02:10
Métodos de posicionamiento, relativo vs absoluto (10)
13:44
Texto de información
03:16
Utilización de rgba y opacity
05:34
Utilizamos border-radius para el info-cont
04:57
Utilización de gradientes
05:34
Utilización de margin (variantes)
02:58
Utilizando atajos de emmet
07:22
Posicionamos con display inline-block. Truco de font-size
08:01
Agregamos las estrellas
06:45
Ordenamos y ajustamos la sección de calificación
06:46
Agregamos cuadro de mensaje
05:55
Efecto Hover
03:15
Efecto cambio de color de estrella al pasar el mouse
05:40
Agregamos cursor "pointer"
04:26
Efecto transición
09:27
Efecto de "presión" sobre acciones
03:22
Cambio de color en acciones
06:56
Selectores Child
12:24
Tipos de selectores
13:36
Selector de hermanos generales
03:09
Tags semánticos HTML5
08:34
+ Conceptos y extras
9 lectures 01:25:57
Tags HTML5
11:01
Flexbox
11:54
Bootstrap
10:53
Compatibilidad Cross Browser
12:24
Tags HTML5 Audio y Video
05:11
HTML5 Canvas y WebGL
04:25
Javascript
11:25
JQuery
05:26
Angular, React y Vue
13:18
+ Introducción a WordPress
7 lectures 52:00
Instalación de Xampp
11:16
Soluciones a problemas
16:42
Descarga de Wordpress
01:59
Creación de la base de datos
06:31
Creación de la carpeta de wordpress
04:18
Creación de la pagina web
07:24
+ Clases Extra
1 lecture 00:45
Clase Extra - Recursos Adicionales (Emiliano Ocariz)
00:45