Desarrollo web Front-end

¡Bienvenido a la ruta de aprendizaje para desarrolladores de la interfaz de usuario web!

Aquí se te proporciona un curso estructurado que te enseñará todo lo que necesitas saber para convertirte en un desarrollador de la interfaz de usuario web. Simplemente trabaja en cada sección, aprendiendo nuevas habilidades (o mejorando las existentes) sobre la marcha. Cada sección incluye desafíos y ejercicios para evaluar tu comprensión antes de seguir adelante.

Temas tratados

Los temas tratados son:

  • Configuración básica y conocimientos sobre cómo aprender
  • Estándares web y mejores prácticas (como accesibilidad y compatibilidad entre navegadores)
  • HTML, el lenguaje que da estructura y significado al contenido web
  • CSS, el lenguaje utilizado para diseñar páginas web
  • JavaScript, el lenguaje de «scripting» utilizado para crear funciones dinámicas en la web.
  • Herramientas que se utilizan para facilitar el desarrollo web moderno de lado del cliente.

Puedes trabajar en las secciones en orden, pero cada una también es autónoma. Por ejemplo, si ya conoces HTML, puedes pasar a la sección CSS.

Prerrequisitos

No necesitas conocimientos previos para empezar este curso. Todo lo que necesitas es una computadora que pueda ejecutar navegadores web modernos, una conexión a Internet y la voluntad de aprender.

Si no estás seguro de si el desarrollo de la interfaz de usuario web es para ti, y/o deseas una breve introducción antes de comenzar un curso más largo y completo, consulta una Introducción a la Web.

Cómo obtener ayuda

Hemos tratado de hacer que el desarrollo de la interfaz de usuario web sea lo más cómodo posible, pero probablemente todavía quedes encallado porque no entiendes algo o porque algún código simplemente no funciona.

No entres en pánico. Todos hemos encallado, sin importar que seamos desarrolladores web principiantes o profesionales. El artículo Aprender y obtener ayuda te brinda una serie de consejos para buscar información y ayudarte a ti mismo. Si aún estás atascado, no dudes en publicar una pregunta en nuestro Foro de discusión.

Empecemos. ¡Buena suerte!

El camino del aprendizaje

Primeros pasos

Tiempo para completar: 1.5 a 2 horas

Prerrequisitos

Nada excepto conocimientos básicos de informática.

¿Cómo sabré que estoy listo para seguir adelante?

No hay evaluaciones en esta parte del curso. Pero asegúrate de no saltarla. Es importante prepararte para trabajar en la resolución de los ejercicios más adelante en el curso.

Guías

Semántica y estructura con HTML

Tiempo para completar: 35 a 50 horas

Prerrequisitos

Nada excepto conocimientos básicos de informática y un entorno de desarrollo web básico.

¿Cómo sabré que estoy listo para seguir adelante?

Las evaluaciones de cada módulo están diseñadas para comprobar tu conocimiento del tema. Completar las evaluaciones confirma que estás listo para pasar al siguiente módulo.

Módulos

Estilo y diseño con CSS

Tiempo para completar: 90 a 120 horas

Prerrequisitos

Es recomendable que tengas conocimientos básicos de HTML antes de comenzar a aprender CSS. Primero deberías estudiar Introducción a HTML por lo menos.

¿Cómo sabré que estoy listo para seguir adelante?

Las evaluaciones de cada módulo están diseñadas para comprobar tu conocimiento del tema. Completar las evaluaciones confirma que estás listo para pasar al siguiente módulo.

Módulos

Recursos adicionales

Interactividad con JavaScript

Tiempo para completar: 135 a 185 horas

Prerrequisitos

Es recomendable que tengas conocimientos básicos de HTML antes de comenzar a aprender JavaScript. Primero deberías estudiar Introducción a HTML por lo menos.

¿Cómo sabré que estoy listo para seguir adelante?

Las evaluaciones de cada módulo están diseñadas para comprobar tu conocimiento del tema. Completar las evaluaciones confirma que estás listo para pasar al siguiente módulo.

Módulos

Formularios web — Trabajar con datos del usuario

Tiempo para completar: 40 a 50 horas

Prerrequisitos

Los formularios requieren conocimientos de HTML, CSS y JavaScript. Dada la complejidad de trabajar con formularios, es un tema dedicado.

¿Cómo sabré que estoy listo para seguir adelante?

Las evaluaciones de cada módulo están diseñadas para comprobar tu conocimiento del tema. Completar las evaluaciones confirma que estás listo para pasar al siguiente módulo.

Módulos

Hacer que la web funcione para todos

Tiempo para completar: 60 a 75 horas

Prerrequisitos

Es una buena idea conocer HTML, CSS y JavaScript antes de trabajar en esta sección. Muchas de las técnicas y mejores prácticas se refieren a múltiples tecnologías.

¿Cómo sabré que estoy listo para seguir adelante?

Las evaluaciones de cada módulo están diseñadas para comprobar tu conocimiento del tema. Completar las evaluaciones confirma que estás listo para pasar al siguiente módulo.

Módulos

Herramientas modernas

Tiempo para completar: 55 a 90 horas

Prerrequisitos

Es una buena idea conocer HTML, CSS y JavaScript antes de trabajar en esta sección, ya que las herramientas analizadas funcionan junto con muchas de estas tecnologías.

¿Cómo sabré que estoy listo para seguir adelante?

No hay artículos de evaluación específicos en este conjunto de módulos. Los tutoriales de casos de estudio al final del segundo y tercer módulo te preparan para comprender los conceptos básicos de las herramientas modernas.

Módulos