Los diseñadores web son algunos de los profesionales más solicitados en el mercado contemporáneo. Toda empresa necesita una fuerte presencia en línea y un sitio web atractivo. Los diseñadores web son los expertos que los ayudan a lograrlo, utilizando sus conocimientos de arte y principios de diseño y habilidades de desarrollo web.

El diseño web incorpora una variedad de tecnologías, lenguajes de programación y tareas. El diseño web puede describir solo el proceso de creación de la interfaz de usuario o podría ampliarse para incluir la implementación real del lenguaje con lenguajes como HTML, CSS y JavaScript. En este contexto, los diseñadores web son efectivamente desarrolladores web front-end y son responsables tanto del diseño de maquetas como de la construcción del sitio real.

La idea de intentar saltar a este campo sin antecedentes en un campo como el diseño gráfico o la informática puede ser intimidante. En verdad, nunca ha sido tan fácil hacerlo. Hay innumerables cursos en línea para ponerle al día sobre las herramientas, tecnologías y estrategias de diseño web más populares. En TUN, hemos reunido una lista completa de cursos en línea gratuitos y asequibles que lo ayudarán a aprender las habilidades necesarias para trabajar en diseño web, sin importar su nivel de experiencia.

Cursos en línea sobre diseño web

1. Diseño web: estrategia y arquitectura de la información

Cuando los diseñadores web comienzan un proyecto, primero tienen que desarrollar una estrategia basada en las necesidades de su cliente y los usuarios del sitio. Esta fase requiere investigación, desarrollo de una estrategia, establecimiento de un calendario, estructuración de contenido y planificación general. "Diseño web: estrategia y arquitectura de la información"Está diseñado para enseñar a los estudiantes un flujo de trabajo efectivo para esta etapa del proceso de diseño web. El curso, ofrecido por CalArts a través de Coursera, forma parte de una especialización de varios cursos sobre diseño de interfaz de usuario (UI) y experiencia de usuario (UX). UI / UX puede incluir tanto desarrollo web como desarrollo de aplicaciones. Sin embargo, este curso se centra principalmente en el diseño de sitios web receptivos. Aprenderá sobre el flujo de trabajo típico, las mejores prácticas y la metodología del diseño web, y pondrá a prueba sus conocimientos en un proyecto en el que construya un plan integral para un sitio web.

• Créditos universitarios: NO - Sólo certificado de curso
• Precio: GRATIS para auditar, pero hay una tarifa para ganar y comprar un certificado de curso
• Ayuda económica o beca: Si
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: Aprox. 27 horas (se sugiere 2-5 horas / semana durante las semanas 4)
• Idiomas: Ingles con subtitulos en ingles
• Vendedor: Coursera

Nota: Los precios de todos los cursos enumerados en este artículo son verdaderos en la fecha de publicación, pero están sujetos a cambios.

2. Diseño web: Wireframes a prototipos

Este curso es la secuela de la Diseño web: estrategia y arquitectura de la información ofrecido por CalArts a través de Coursera. Tendrá que tomarlo antes de este curso si está interesado en obtener un certificado. El primer curso cubre las etapas estratégicas y de planificación de la construcción de un sitio web complejo. Aquí, te sumergirás en la siguiente fase: crear wireframes, construir maquetas y crear prototipos en los que se pueda hacer clic. El curso cubre una variedad de temas prácticos de diseño web, como el diseño web receptivo y los desafíos de la web móvil, diseñando con un enfoque móvil primero, tipografía web y programando temas y tecnologías de diseño web como HTML, CSS, JavaScript, codificación del lado del servidor, y bases de datos.

• Créditos universitarios: NO - Sólo certificado de curso
• Precio: GRATIS para auditar, pero hay una tarifa para ganar y comprar un certificado de curso
• Ayuda económica o beca: Si
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: Aprox. 34 horas (se sugieren 4-10 horas por semana durante 4 semanas)
• Idiomas: Ingles con subtitulos en ingles
• Vendedor: Coursera

3. Crear un diseño web receptivo

En la actualidad, las personas acceden a Internet a través de una diversidad de pantallas y dispositivos. Como resultado, los diseñadores web necesitan crear sitios web "receptivos" a los que se pueda acceder fácilmente y que se vean atractivos en una variedad de plataformas. Este curso te enseñará a crear sitios web adaptables. Si eres nuevo en programación, aprenderás habilidades básicas de desarrollo web front-end en HTML y CSS. A medida que crea un sitio web desde cero, aprenderá a crear menús de navegación, formatear y posicionar gráficos, crear animaciones CSS e importar fuentes web de Google. A medida que avance en el curso, aprenderá cómo ajustar su diseño para varios tamaños de pantalla y diseños, de modo que su sitio web sea fácilmente accesible desde cualquier dispositivo.

• Créditos universitarios: NO - Sólo certificado
• Precio: Prueba gratuita de 10-day y luego $ 35 facturada mensualmente o $ 299 facturada anualmente para el plan personal; $ 449 facturado anualmente para el plan Premium
• Ayudas económicas o becas: NO
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: 3 horas, 48 minutos
• Idiomas: Inglés
• Vendedor: Pluralsight

4. Diseño Web Sensible

Este curso cubre tanto el desarrollo web front-end como los conceptos de diseño puro. Comienza cubriendo algunos conceptos en la teoría del diseño web. Aprenderá los principios de la experiencia del usuario y las estrategias para crear sitios web navegables y funcionales. A medida que avance, pondrá en práctica la teoría y aprenderá a construir diseños usando código y Bootstrap. Aprenderá a incorporar la interactividad con JavaScript y aprenderá a agregar contenido a los sitios web. El curso también cubre la creación de aplicaciones web básicas como una galería de fotos (o control deslizante) y una función de búsqueda.

• Créditos universitarios: NO - Sólo certificado de curso
• Precio: GRATIS para auditar, pero hay una tarifa para ganar y comprar un certificado de curso
• Ayuda económica o beca: Si
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: Aprox. 17 horas (se sugiere 5 horas por semana)
• Idiomas: Ingles con subtitulos en ingles
• Vendedor: Coursera

5. Diseño web para principiantes: codificación del mundo real para HTML y CSS

Este curso enseña conceptos y tecnologías básicas de desarrollo web front-end, centrándose principalmente en HTML y CSS, los lenguajes fundamentales del desarrollo web front-end. En nueve horas de lecciones, profundizará en estas tecnologías, construyendo gradualmente desde un estilo básico con HTML y CSS hasta conceptos más avanzados como efectos especiales CSS y diseño receptivo. Después de tomar este curso, estará bien cimentado en HTML y CSS y estará listo para usar JavaScript para crear páginas web interactivas.

• Créditos universitarios: NO - Sólo certificado de finalización
• Precio: $ 12.34 a la venta ($ 129.99 precio regular)
• Ayudas económicas o becas: NO
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: 9 horas
• Idiomas: Inglés con subtítulos en inglés, indonesio, italiano, polaco, rumano y tailandés
• Vendedor: Udemy

6. Elementos esenciales de diseño web receptivo: HTML5 CSS3 y Bootstrap

Diseñado para principiantes, este curso enseña HTML5, CSS3 y Bootstrap 4 desde cero: no se necesita experiencia con la codificación. El curso se basa en cuatro proyectos de creación de sitios web: un restaurante sencillo, un sitio web de reparación de bicicletas, un sitio de portafolio receptivo y un sitio para una empresa de yogurt que utiliza Bootstrap. Estos proyectos aumentan gradualmente en complejidad y dificultad a medida que agrega nuevas características e integra diferentes herramientas y tecnologías. El curso también cubre tareas básicas, incluida la configuración de un dominio de sitio web.

• Créditos universitarios: NO - Sólo certificado de finalización
• Precio: $ 12.34 a la venta ($ 199.99 precio regular)
• Ayudas económicas o becas: NO
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: 16 horas, 30 minutos
• Idiomas: Ingles con subtitulos en ingles
• Vendedor: Udemy

7. Diseño web sensible y práctico

In este curso, aprenderá a usar HTML5 para crear sitios web responsables desde cero. El curso se basa en varios proyectos de creación de sitios web en los que aprenderá a integrar diversas funciones en sus páginas web, incluidas imágenes receptivas, iconos de sprites, iconos de fuentes y parciales HTML. También aprenderá a importar eficazmente con preprocesadores CSS como SASS o LESS. Al final del curso, tendrá algunas plantillas web diferentes y podrá construir con confianza un diseño de sitio web receptivo.

• Créditos universitarios: NO - Sólo certificado
• Precio: Prueba gratuita de 10-day y luego $ 35 facturada mensualmente o $ 299 facturada anualmente para el plan personal; $ 449 facturado anualmente para el plan Premium
• Ayudas económicas o becas: NO
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: 4 horas, 22 minutos
• Idiomas: Inglés
• Vendedor: Pluralsight

8. Diseño para codificadores

Este es un curso único pero muy necesario sobre principios de diseño dirigido a desarrolladores con "desafíos de diseño". Si esto te describe, no busques más. Aprenderá acerca de los conceptos de la teoría del diseño que puede aplicar directamente al diseño web y UI / UX, como la teoría del color, el diseño y la tipografía. El curso es breve, dura solo unas dos horas en total, pero aún incluye más de 30 video conferencias y múltiples ejercicios para aplicar habilidades de diseño rápidamente. En resumen, es un excelente curso intensivo para ayudarlo a acelerar sus habilidades de diseño rápidamente.

• Créditos universitarios: NO - Sólo certificado de finalización
• Precio: $ 39.99 por mes para una suscripción "Learn" a la venta (precio normal de $ 44.99)
• Ayudas económicas o becas: NO
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: 2 horas
• Idiomas: Inglés
• Vendedor: QuickStart

9. WordPress para principiantes: cree un sitio web paso a paso

Si nunca has usado WordPress antes, este curso le mostrará todos los conceptos básicos, para que pueda crear un sitio web o un blog dinámico. El curso no requiere codificación, por lo que es ideal para diseñadores web principiantes, autónomos o emprendedores. Con un poco más de cinco horas de duración, el curso es breve, pero sirve como un gran primer paso hacia el desarrollo web en WordPress. Aprenderá a crear un sitio web desde cero que presenta una página acerca de, una galería de fotos, publicaciones de blog, comentarios, una página de contacto y varios widgets. Una vez que termine, podrá construir con confianza un sitio básico de WordPress y estará preparado para aprender a crear temas únicos e integrar algunos códigos básicos para agregar más interactividad a su sitio web.

• Créditos universitarios: NO - Sólo certificado de finalización
• Precio: $ 12.34 a la venta ($ 84.99 precio regular)
• Ayudas económicas o becas: NO
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: 5 horas
• Idiomas: Ingles con subtitulos en ingles
• Vendedor: Udemy

10. CSS avanzado y Sass: Flexbox, Grid, animaciones y más.

¿Listo para llevar sus diseños CSS al siguiente nivel? Después de familiarizarse con HTML y CSS básicos, puede comenzar a desbloquear nuevas características de diseño con lenguajes avanzados de extensión de comandos CSS como Sass. En este curso, aprenderá estrategias para escribir HTML y CSS más limpios. También aprenderá a utilizar las funciones avanzadas de CSS, incluidos los diseños de cuadrícula con CSS Grid y las animaciones con @keyframes, animación y funciones de transición. Trabajará a través de algunos conceptos de diseño receptivo de nivel superior, como la integración de imágenes y videos receptivos. Finalmente, aprenderá a usar el lenguaje de extensión Sass, que le permite usar características que no existen actualmente en CSS, como variables, anidamiento, mixins y herencia.

• Créditos universitarios: NO - Sólo certificado de finalización
• Precio: $ 12.99 a la venta ($ 199.99 precio regular)
• Ayudas económicas o becas: NO
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: 28 horas
• Idiomas: Inglés con subtítulos en inglés, indonesio, italiano, japonés, polaco, portugués y rumano
• Vendedor: Udemy

Programa en línea sobre diseño web

11. Especialización en Diseño Web para Todos (Fundamentos de Desarrollo Web y Codificación)

Si no tienes experiencia con el desarrollo web, esta especialización en diseño web de Coursera lo pondrá al día sobre los principales conceptos y tecnologías en el desarrollo y diseño web front-end. El curso se compone de cinco cursos que cubren HTML, CSS, JavaScript y diseño receptivo utilizando Bootstrap, en ese orden. Diseñado para personas sin experiencia en informática, enseña estos idiomas paso a paso. Comenzarás aprendiendo cómo la programación funciona y constantemente comienza a codificar, comenzando con HTML. Una vez que cubra los conceptos básicos de HTML, CSS y JavaScript, comenzará a trabajar con algunos conceptos avanzados de diseño web, como el diseño web receptivo, que permite que las páginas web se reproduzcan bien en una variedad de dispositivos y pantallas. La especialización concluye con un proyecto final, en el que los estudiantes diseñan y desarrollan un portafolio web de calidad profesional que funciona en al menos tres plataformas.

Los cursos 5:

Curso 1: Introducción a HTML5

Curso 2: Introducción a CSS3 

Curso 3: Interactividad con JavaScript 

Curso 4: Estilo avanzado con diseño receptivo

Curso 5: Diseño web para todos Capstone

• Créditos universitarios: NO - Sólo certificado de especialización
• Precio: GRATIS para auditar, pero hay una tarifa para ganar y comprar un Certificado de Especialización
• Ayuda económica o beca: Si
• Aprendizaje móvil: Si
• Aprendimiento a su propio ritmo: Si
• Plazos flexibles: Si
• Tiempo necesario para completar: Aproximadamente meses 3 (se sugieren horas 7 por semana)
• Idiomas: Inglés con subtítulos en inglés e hindi
• Vendedor: Coursera

Para obtener más cursos en línea, consulte TUN's lista de clases curadas, o usa el buscador de clases online para encontrar los mejores cursos en línea en cualquier tema.