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 aplicar estilo a las páginas web
- JavaScript, el lenguaje programado por medio de scripts 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. ¡Diviértete!
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
- Instalación de software básico: configuración básica de las herramientas (lectura de 15 minutos)
- Información básica sobre la web y los estándares web (lectura de 45 minutos)
- Aprender y obtener ayuda (lectura de 45 minutos)
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
- Introducción a HTML (15 a 20 horas de lectura/ejercicios)
- Multimedia e inserción (15 a 20 horas de lectura/ejercicios)
- tablas HTML (5 a 10 horas de lectura/ejercicios)
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
- Primeros pasos de CSS (10 a 15 horas de lectura/ejercicios)
- Bloques de construcción de CSS (35 a 45 horas de lectura/ejercicios)
- Diseño de texto (15 a 20 horas de lectura/ejercicios)
- Diseño CSS (30 a 40 horas de lectura/ejercicios)
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
- Primeros pasos en JavaScript (30 a 40 horas de lectura/ejercicios)
- Bloques de construcción de JavaScript (25 a 35 horas de lectura/ejercicios)
- Introducción a los objetos JavaScript (25 a 35 horas de lectura/ejercicios)
- API web del lado del cliente (30 a 40 horas de lectura/ejercicios)
- JavaScript asincrónico (25 a 35 horas de lectura/ejercicios)
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
- Formularios web (40 a 50 horas)
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
- Pruebas en varios navegadores (25 a 30 horas de lectura/ejercicios)
- Accesibilidad (20 a 25 horas de lectura/ejercicios)
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
- Git y GitHub (lectura de 5 horas)
- Comprender las herramientas de desarrollo web del lado del cliente (lectura de 20 a 25 horas)
- Comprender los marcos de JavaScript de lado del cliente (30 a 60 horas de lectura/ejercicios)