Borrador
Esta página no está completa.

Advertencia: WIP — Este sitio sera usado para Construir en su totalidad el Área de Aprendizaje. Esta páginaserá la que destine a cada seccion de MDN. Siéntete Libre de Ayudar. Si tienes alguna duda, no dudes en contactar con Pablo.

¡Hola! Bienvenido a la zona de aprendizaje de MDN. Si quieres aprender sobre cómo crear tus propias páginas web, sitios o aplicaciones, has venido al lugar indicado.

El objetivo de este área de MDN no es llevarte de "principiante" a "experto", sino de "principiante" a "cómodo" con el desarrollo y diseño web. A partir de ese punto deberías poder abrirte camino, aprendiendo del resto de MDN y de otras fuentes de niveles intermedio hacia avanzado, las cuales asumirán que tengas un basto conocimiento previamente adquirido.

Si eres del todo un principiante, el desarrollo web puede ser un reto — pero no te preocupes te llevaremos de la mano y te proveeremos suficientes detalles para hacerte sentir cómodo y que aprendas los temas apropiadamente. Para que te sientas como en casa, ya seas un estudiante (por tu cuenta o como parte de un grupo), un maestro buscando material para sus clases, un aficionado o alguien que simplemente desea entender mejor cómo funcionan las tecnologías web.

Dónde inicio

Para avanzar, piensa en cuál de las siguientes afirmaciones te describe mejor y ve a la página de inicio enlazada:

  • SOY UN PRINCIPIANTE

    ¡Bienvenido! El mejor lugar para empezar es nuestra serie "Comenzando en la Web". Te dará la base necesaria para iniciar y avanzar en el desarrollo web.

  • CONOZCO LA WEB

    ¡Muy bien! En ese caso te sugerimos profundizar en el corazón de las las tecnologías de la Web: HTML, CSS, JavaScript y Python.

  • SOY EXPERTO EN LA WEB

    ¡Excelente! En ese caso, puedes estar interesado en explorar nuestras Guias Avanzadas y Tutoriales. Tambien deberías considerar Contribuir al Área de Aprendizaje.

Nota: En el futuro tenemos la intención de publicar más temarios de aprendizaje, por ejemplo para programadores experimentados que quieran aprender técnicas avanzadas mucho más específicas, desarrolladores nativos que son nuevos en la web o personas que quieran aprender técnicas de diseño.

Obteniendo código de ejemplo

Los ejemplos de código que encontrarás en el área de aprendizaje se encuentran disponibles en Github. Si quieres puedes copiarlos para tenerlos en tu computador, la manera más fácil es:

  1. Instalar Git en tu máquina. Este es el sistema de control sobre versionado de software con el que trabaja GitHub principalmente.
  2. Registrate en GitHub. Es simple y fácil.
  3. Una vez registrado, inicia tu sesión en github.com.
  4. Abre tu consola de comandos (Windows) o terminal (Linux, MacOSX)
  5. Para copiar el repositorio área de aprendizaje a una carpeta llamada learning-area en la ubicación actual que te indique la consola/terminal, ingresa lo siguiente:
    git clone https://github.com/mdn/learning-area
  6. Ahora puedes entrar en el directorio y encontrar todos los archivos que estabas buscando (puede ser con el buscador de archivos o el comando cd).

Puedes actualizar el repositorio learning-area con los últimos cambios que se hayan hecho a la versión principal en GitHub con los siguientes pasos:

  1. En tu prompt/terminal, ve dentro del directorio learning-area usando cd. Por ejemplo, si estuvieras en el directorio paterno:
    cd learning-area
  2. Puedes realizar actualizaciones al repositorio usando el siguiente comando:
git pull

Contactanos

Si tienes alguna pregunta o deseas saber hacia dónde ir, Mozilla es una comunidad mundial de entusiastas de la web, incluyendo mentores y profesores, encantados de ayudarte. Ponte en contacto con ellos mediante WebMaker:

Nos gustaría saber de mas acerca de cualquier cosa que consideres incorrecta o que falte en el sitio, solicitudes de nuevos temas de aprendizaje, solicitudes de ayuda con elementos que no comprenda o cualquier otra pregunta o inquietud. Si estás interesado en ayudar a desarrollar / mejorar el contenido, ¡mira cómo puedes ayudar y ponte en contacto! Estamos más que felices de poder hablar contigo, ya sea un aprendiz, un maestro, un desarrollador web experimentado o alguien más interesado en ayudar a mejorar la experiencia de aprendizaje.

Necesito ayuda

Si has leído la sección anterior y aún no sabes a donde ir o tienes alguna pregunta, no dudes en contactar con nosotros de las siguientes maneras:

  1. Envíanos un correo a dev-mdc.
  2. Pide ayuda en el canal #mdn del IRC (¿Cómo usar nuestro IRC?).

También, si te quedas atascado, puedes encontrar más orientación sobre cómo pedir ayuda en nuestra sección Conseguir ayuda

Compartiendo conocimiento

La totalidad del Área de Aprendizaje es construida por nuestros colaboradores. Te necesitamos en nuestro equipo seas un principiante, un profesor, o un experto desarrollador web. Si estás interesado, echa un ojo a cómo puedes ayudar, y te animamos a charlar con nosotros en nuestras listas o nuestro  canal IRC. :)

Ver también

Boletín informativo para desarrolladores de Mozilla (Inglés)
     Nuestro boletín para desarrolladores web, es un gran recurso para todos los niveles de experiencia.

Codecademy (Inglés)
     Un sitio interactivo para aprender lenguajes de programación desde cero, muy accesible.

Code.org
     Teoría y práctica sobre programación básica, principalmente dirigida a niños y principiantes completos.

freeCodeCamp.org
     Este es un sitio interactivo con tutoriales y proyectos para aprender sobre desarrollo web.

Mapa de alfabetización web (Inglés)
     Un marco para la alfabetización web básica y las habilidades del siglo XXI, que también proporciona acceso hacia actividades de enseñanza clasificadas por diferentes categoría.

Actividades para docentes (Inglés)
     Una serie de actividades de enseñanza para educadores creadas por la Fundación Mozilla, que cubren todo, desde alfabetización web básica y privacidad hasta JavaScript y pirateo de Minecraft.
 

Únete a la comunidad de aprendizaje

Selecciona tu método preferido para unirte a la comunidad:
  1. Introducción a la web
  2. Aprender de la web
    1. Web Literacy Map
    2. Web Mechanics
    3. Infraestructura
    4. Coding/Scripting
    5. Diseño y Accesibilidad
    6. Composing for the web
  3. Aprender tecnologías
    1. HTML
    2. CSS
    3. JavaScript
    4. Python
  4. Tutoriales de aprendizaje
    1. ¿Cómo construir un sitio web?
  5. Recursos de aprendizaje
  6. Obtener ayuda
    1. FAQ
    2. Glosario
    3. Haga sus preguntas
    4. Conocer profesores y mentores
  7. ¿Cómo contribuir?
 

Etiquetas y colaboradores del documento

 Última actualización por: karlalhdz,