Módulos centrales de aprendizaje

Si bien no hay conocimientos previos específicos para comenzar este conjunto de módulos, recomendamos que te familiarices con tu computadora, te asegures de tener instalado un conjunto básico de aplicaciones necesarias (como navegadores web y un editor de código) y realices una lectura básica sobre la web y las tecnologías web, si aún no lo has hecho. Todos estos temas se cubren en nuestros Módulos de introducción.

En particular, si nunca antes has programado, te recomendamos el módulo Tu primer sitio web, que te presenta las tecnologías web de forma muy suave y te guía a través del proceso de construcción de un sitio web sencillo.

Estructuración del contenido con HTML

Para construir un sitio web accesible, utilizable y de alta calidad, necesitas entender cómo definir la estructura de tu contenido utilizando HTML semántico. Este módulo cubre los fundamentos del lenguaje HTML, antes de observar áreas clave como la estructura del documento, enlaces, listas, imágenes, formularios y más.

Fundamentos del estilo CSS

CSS (Hojas de Estilo en Cascada) se utiliza para dar estilo y diseñar páginas web — por ejemplo, para alterar la fuente, el color, el tamaño y el espaciado de tu contenido, dividirlo en múltiples columnas, o agregar animaciones y otras características decorativas. Este módulo proporciona todos los fundamentos de CSS que necesitarás por ahora, incluyendo sintaxis, características y técnicas.

Estilo de texto CSS

Con los conceptos básicos del lenguaje CSS cubiertos, el siguiente tema de CSS en el que debes concentrarte es el estilo del texto — una de las cosas más comunes que harás con CSS. Aquí observamos los fundamentos, incluyendo la configuración de la fuente, la negrita, la cursiva, el espaciado de líneas y letras, las sombras paralelas y otras características del texto. Terminamos el módulo observando la aplicación de fuentes personalizadas a tu página y el estilo de listas y enlaces.

Diseño CSS

En módulos anteriores, vimos cómo dar estilo y manipular las cajas dentro de las cuales se encuentra tu contenido. Ahora es el momento de ver cómo diseñar correctamente tus cajas en relación unas con otras y con el área de visualización del navegador. Este módulo analiza los flotantes, el posicionamiento, otras herramientas de diseño modernas y la construcción de diseños adaptativos que se adaptarán a diferentes dispositivos, tamaños de pantalla y resoluciones.

Scripting dinámico con JavaScript

JavaScript es un tema enorme, con tantas características, estilos y técnicas diferentes para aprender, y tantas APIs y herramientas construidas sobre él. Este módulo se centra principalmente en los elementos esenciales del lenguaje central, además de algunos temas clave circundantes — aprender estos temas te dará una base sólida desde la cual trabajar.

Frameworks y bibliotecas de JavaScript

Los frameworks de JavaScript son una parte esencial del desarrollo web front-end moderno, proporcionando a los desarrolladores herramientas probadas para construir aplicaciones web interactivas y escalables. Muchas empresas modernas utilizan frameworks como una parte estándar de sus herramientas, por lo que muchos trabajos de desarrollo front-end ahora requieren experiencia con frameworks. En este conjunto de artículos, nuestro objetivo es darte un punto de partida cómodo para ayudarte a comenzar a aprender frameworks.

Accesibilidad

El acceso al contenido web, como los servicios públicos, la educación, los sitios de comercio electrónico y el entretenimiento, es un derecho humano. Nadie debe ser excluido por motivos de discapacidad, raza, geografía u otras características humanas. Este módulo analiza las mejores prácticas y técnicas que debes aprender para que tus sitios web sean lo más accesibles posible.

Diseño para desarrolladores

La idea de este módulo es (re)introducir a los desarrolladores al pensamiento de diseño. Es posible que no quieran trabajar como diseñadores, pero tener algunos conocimientos básicos de experiencia de usuario y teoría del diseño es bueno para todos los involucrados en la construcción de sitios web, sin importar cuál sea su función. Como mínimo, incluso el desarrollador más técnico y "no diseñador" debe comprender los informes de diseño, por qué las cosas están diseñadas como lo están y ser capaz de meterse en la mentalidad del usuario. Y les ayudará a que sus portafolios se vean mejor.

Control de versiones

Las herramientas de control de versiones son una parte esencial de los flujos de trabajo modernos, para realizar copias de seguridad y colaborar en bases de código. Este módulo te guía a través de los elementos esenciales del control de versiones utilizando Git y GitHub.

The Frontend Developer Career Path ^{socio de aprendizaje de MDN}

La Frontend Developer Career Path de Scrimba enseña todo lo que necesitas saber para ser un desarrollador web front-end competente, con lecciones y desafíos interactivos divertidos, profesores expertos y una comunidad de apoyo. ¡Pasa de cero a conseguir tu primer trabajo front-end! Muchos de los componentes del curso están disponibles como versiones gratuitas independientes.