Codificación web para diseñadores gráficos

Conceptos Básicos de HTML

| 75334 estudiantes

Aprende HTML (HyperText Markup Language), el lenguaje común de todos los sitios web. HTML describe la estructura básica y el contenido de una página web. Si quieres construir un sitio web o una aplicación web, necesitarás saber HTML.

HTML
Principiante

1
2
3
4

3 horas

Conceptos Básicos de CSS

| 14510 estudiantes

En este curso, vamos a aprender los conceptos básicos de CSS, una de las tecnologías principales para diseñar y construir sitios web y aplicaciones. No importa qué tipo de sitio web o aplicación web quieras construir, tendrás que usar CSS.

CSS
Principiante

1
2
3
4

Diseño CSS

| 11317 estudiantes

En este curso, aprenderemos técnicas para tener mejor control sobre nuestros diseños de layouts CSS. Cubriremos cómo el Modelo de Caja CSS impacta la presentación de cada elemento HTML, aprenderemos a controlar la posición de cada elemento en la pantalla, e incluso comenzaremos a ajustar nuestros diseños para diferentes tamaños de pantalla y entornos.

CSS
Principiante

1
2
3
4

Mejora del Diseño con CSS

| 7686 estudiantes

En este curso, vamos a aprender propiedades CSS para mejorar el diseño visual. Cubriremos varias propiedades para estilos de texto, incluyendo la carga de fuentes web desde recursos externos. Aprenderemos técnicas para convertir nuestras cajas CSS en más que solo rectángulos. Y finalmente, aprenderemos algunos efectos visuales realmente geniales usando filtros y degradados CSS.

CSS
Principiante

1
2
3
4

97 min

Inicio Rápido de JavaScript

| 5261 estudiantes

Ponte al día con los fundamentos de JavaScript. En este curso, aprenderás los conceptos fundamentales y la sintaxis del lenguaje de programación JavaScript.

JavaScript
Principiante

1
2
3
4

3 horas

Fundamentos de JavaScript

| 34892 estudiantes

JavaScript es un lenguaje de programación que impulsa la web: desde el diseño de la interfaz de usuario front-end hasta la programación backend del lado del servidor, encontrará JavaScript en cada etapa de un sitio web y una aplicación web. En este curso, aprenderá los conceptos fundamentales de programación y la sintaxis del lenguaje de programación JavaScript.

JavaScript
Principiante

1 min

Instrucción

Ve más lejos con JavaScript

JavaScript es una de las tecnologías fundamentales para construir páginas web y aplicaciones. Tenemos cursos adicionales para ayudarte a aprender más.... (continuar leyendo)

Texto

Ver

1
2
3
4

94 min

Creando Experiencias de Usuario

| 5248 estudiantes

Únete a nosotros mientras aprendemos los principios básicos del Diseño de Experiencia de Usuario y cómo forma las interacciones cotidianas con productos. Al estructurar productos alrededor de las necesidades de los usuarios, podemos asegurar que los productos cumplan su función. Aprenderás cómo encontrar a los usuarios donde están, pensar a través de experiencias intuitivas, y crear productos que cumplan más efectivamente tanto tus objetivos como los de tus usuarios finales. Este curso te ayudará a pensar de manera más crítica a través de los pasos y decisiones que toma un usuario mientras interactúa con tu producto. Si estás considerando una carrera en Experiencia de Usuario (UX) o quieres aprender más al respecto, este curso te expondrá a cómo diseñar y planificar alrededor de las personas que usan tu producto.

Diseño
Principiante

1
2
3
4

Fundamentos del diseño

| 37734 estudiantes

¿Alguna vez has querido entender y crear diseños estéticos para la web? En este análisis profundo aprenderemos qué es el diseño y cómo aprovechar su poder. Desglosa los componentes que crean la estética perfecta. También crea y arregla un diseño propio.

Diseño
Principiante

1
2
3
4

56 min

Introducción al Diseño de Producto

| 5137 estudiantes

Durante los últimos 10 años, el diseño ha demostrado ser esencial para el éxito de un negocio. Con el auge de internet y la creación de más software, y a medida que las startups y las empresas de tecnología se dan cuenta del impacto del diseño en el negocio y en los productos digitales, ha habido una necesidad creciente de diseño. Este curso te ayudará a entender y familiarizarte con el diseño de producto, el rol del diseño en todo el desarrollo y entrega de producto, los diferentes componentes del diseño de producto, y el proceso de diseño de productos y experiencias digitales.

Diseño
Intermedio

1
2
3
6

Introducción a los Wireframes

| 3792 estudiantes

Los wireframes son una parte útil del proceso de diseño. A lo largo de un proyecto de sitio web o aplicación móvil, tendrás muchas ideas y la mejor manera de clasificar esas ideas es hacer una lluvia de ideas. Los wireframes son un artefacto visual de la lluvia de ideas, y el objetivo es hacerlos con un esfuerzo mínimo para fomentar la ideación. Ya seas diseñador o no, los wireframes son una habilidad importante para tener en tu caja de herramientas. Es beneficioso para gerentes de producto, especialistas en marketing o cualquier otra persona con ideas para un sitio web o aplicación móvil. Los wireframes son una herramienta valiosa para visualizar experiencias de usuario, iterar sobre ideas y compartir ideas con otros.

Diseño
Principiante

1
2
3

71 min

Prototipado con Figma

| 3214 estudiantes

En este curso, aprenderás cómo construir prototipos interactivos y compartibles en Figma, una herramienta de prototipado visual basada en web. Crearás un prototipo para una aplicación de fotografía móvil "prosumer" y, al final, tendrás una mejor comprensión de cómo crear prototipos interactivos que se pueden compartir con las partes interesadas del proyecto y miembros del equipo.

Diseño
Principiante

1
2
3
4
5

4 horas

Tipografía web

| 15220 estudiantes

A medida que las funciones web avanzan, la tipografía web avanza con ellas. Ahora tenemos más control sobre el tipo que nunca antes. Pero, como dice la línea frecuentemente citada de Spiderman, "Con gran poder viene gran responsabilidad". Los sitios web bien construidos pueden ser afectados por tipografía deficiente, creando una experiencia desagradable para el usuario. En este curso, cubriremos todo lo que necesitas saber para comenzar a construir sitios web con buena tipografía, dando a los usuarios una gran experiencia.

Diseño
Principiante

1
2

46 min

Conceptos Básicos de SVG

| 23530 estudiantes

Scalable Vector Graphics (SVG) es un lenguaje de marcado XML para crear imágenes bidimensionales usando vectores. Esto es diferente de los formatos de imagen tradicionales basados en raster que usan píxeles, como JPEG y PNG. Cuando se usan en páginas web, las imágenes SVG proporcionan un nivel infinito de detalle, por lo que se ven nítidas independientemente del tamaño de pantalla o la densidad de píxeles. En este curso, veremos situaciones donde los SVG son mejores que los archivos PNG y JPEG, así como cuándo un SVG podría no ser la mejor opción. Finalmente, aprenderemos cómo modificar SVG usando CSS.

HTML
Intermedio

34 min

Taller

Prototipado rápido de sitios web

En este taller, el maestro de diseño web de Treehouse Nick Pettit estará demostrando cómo crear prototipos rápidamente de sitios web usando una combinación de herramientas de maqueta y marcos front-end.

Diseño
Principiante

1
2

65 min

Imágenes responsivas

| 10768 estudiantes

Usando los nuevos atributos source-set y sizes, y el nuevo elemento picture, es posible crear imágenes que se comportan mejor en un diseño responsivo. Estas nuevas piezas de marcado nos permiten entregar la imagen correcta al dispositivo correcto, basado en resolución, densidad de píxeles y otros factores que definimos. Esto ayudará a que las páginas web se carguen más rápido y se vean mejor, y los dispositivos más capaces obtendrán las imágenes de mejor apariencia posible.

HTML
Avanzado

1
2
3

47 min

Diseños Responsivos

| 46904 estudiantes

El diseño web responsivo es una colección de técnicas para construir sitios web que funcionen en múltiples tamaños de pantalla. En estas lecciones, vamos a usar los principios fundamentales del diseño responsivo como un marco para pensar en el diseño de página. Al final, deberías tener una mejor comprensión de cómo abordar decisiones comunes en el diseño responsivo.

CSS
Avanzado

1 min

Instrucción

Aprende técnicas modernas de diseño CSS

Desarrolla tus habilidades de CSS aprendiendo formas modernas y eficientes de construir diseños de página responsivos.... (continuar leyendo)

Texto

Ver

61 min

Taller

Preguntas y respuestas sobre diseño web

En esta sesión de preguntas y respuestas en vivo, Nick responde preguntas de estudiantes sobre imágenes responsivas, marcos front-end, conseguir un trabajo en la industria, y mucho más.