--- title: Aprendre desenvolupament web slug: Learn tags: - Beginner - Index - Intro - Landing - Learn - Web translation_of: Learn ---
{{LearnSidebar}}

Us donem la benvinguda a l'Àrea d'Aprenentatge de MDN. Aquest conjunt d'articles té com a objectiu proporcionar als principiants en el desenvolupament web tot el que necessitin per a començar a codificar llocs web senzills.

L'objectiu d'aquesta àrea de MDN no és que passeu de "principiant" a "expert", sinó que ho feu de "principiant" a "còmode". A partir d'aquí, hauríeu de poder començar a fer el vostre propi camí, aprenent del contingut de la resta del lloc MDN i altres recursos intermedis o avançats que demanin més coneixements previs.

Si comenceu absolutament de zero, el desenvolupament web pot ser un repte: us agafarem de la mà i us proporcionarem prou detalls perquè us sentiu còmodes i coneixeu els temes adequadament. Us heu de sentir com a casa, tant si esteu estudiant i voleu aprendre a desenvolupar un lloc web (pel vostre compte o com a part d'una classe), com si sou docent i busqueu materials de classe, per afició o com algú que només vol comprendre com funciona la tecnologia web.

Important: Regularment, es va afegint nou contingut a l'Àrea d'Aprenentatge. Si teniu preguntes sobre els temes que voleu aprendre o en trobeu a faltar algun, consulteu la secció "Contacteu amb nosaltres" a continuació per obtenir informació sobre com posar-vos en contacte.

On començar

Nota: El nostre Glossari proporciona definicions terminològiques.

{{LearnBox({"title":"Random glossary entry"})}}

Temes coberts

A continuació es presenta una llista de tots els temes que tractem en l'àrea d'aprenentatge de MDN.

Introducció a la web
Proporciona una introducció pràctica al desenvolupament web per a principiants.
HTML — Estructuració de la web
HTML és el llenguatge que utilitzem per estructurar les diferents parts del nostre contingut i definir el seu significat o propòsit. Aquest tema ensenya HTML detalladament.
CSS — Donar estil a la web
CSS és el llenguatge que podem usar per donar estil i dissenyar el nostre contingut web, així com afegir comportaments com l'animació. Aquest tema proporciona una cobertura completa de CSS.
JavaScript — Script dinàmic del costat del client
Javascript és el llenguatge de script utilitzat per afegir funcionalitat dinàmica a les pàgines web. Aquest tema ensenya tot l'essencialment necessari per sentir-se còmode amb l'escriptura i comprensió de Javascript.
Accessibilitat — Fer que la web sigui utilitzable per tots
L'accessibilitat és la pràctica de posar el contingut web a la disposició del major nombre possible de persones independentment de la seva discapacitat, dispositiu, localització o altres factors diferenciadors. Aquest tema us ofereix tot el que necessiteu saber.
Eines i proves
Aquest tema és un lloc per cobrir les eines que els desenvolupadors utilitzen per facilitar el seu treball, com les eines de prova entre navegadors.
Programació del lloc web del costat del servidor
Fins i tot si us concentreu en el desenvolupament web del costat del client, segueix sent útil saber com funcionen els servidors i les característiques de codi del costat del servidor. Aquest tema proporciona una introducció general sobre com funciona el costat del servidor i tutorials detallats que destaquen com crear una aplicació del costat del servidor, utilitzant dos marcs de treball populars — Django (Python) i Express (node.js).

Obtenir els nostres exemples de codis

Els exemples de codi que trobareu a l'àrea d'aprenentatge estan disponibles a GitHub. Si voleu copiar-les a l'ordinador, la manera més senzilla és:

  1. Instal·leu Git a la màquina. Aquest és el programari de sistema de control de versions subjacent sobre el qual GitHub funciona.
  2. Registreu-vos per obtenir un compte de GitHub. És senzill i senzill.
  3. Una vegada que us hagiu registrat, inicieu sessió en github.com amb el vostre nom d'usuari i contrasenya.
  4. Obriu el símbol del sistema del vostre ordinador (Windows) o terminal (Linux, MacOSX)
  5. Per copiar el repositori de l'àrea d'aprenentatge a una carpeta anomenada àrea d'aprenentatge en la ubicació actual a la qual apunta el símbol del sistema/terminal, utilitzeu l'ordre següent:
    git clone https://github.com/mdn/learning-area
  6. Ara podeu entrar en el directori i trobar els fitxers que busqueu (utilitzant el cercador/explorador de fitxers o l'ordre cd).

Podeu actualitzar el repositori d'àrea d'aprenentatge, amb qualsevol canvi fet, a la versió mestra en GitHub amb els següents passos:

  1. En el símbol del sistema/terminal, aneu al directori de l'àrea d'aprenentatge usant cd. Per exemple, si es trobeu al directori principal:
    cd learning-area
  2. Actualitzeu el repositori mitjançant l'ordre següent:
    git pull

Contacteu amb nosaltres

Si voleu posar-vos en contacte amb nosaltres sobre qualsevol cosa, la millor manera és deixar-nos un missatge en el fil de discursos de la nostra Àrea d'Aprenentatge o als canals d'IRC. Ens agradaria saber qualsevol cosa que considereu incorrecta o que falta al lloc, sol·licituds de nous temes d'aprenentatge, sol·licituds d'ajuda amb articles que no enteneu o qualsevol altra pregunta o preocupació.

Si esteu interessats a ajudar a desenvolupar/millorar el contingut, feu un cop d'ull a com podeu ajudar i posar-vos en contacte! Estem més que contents de parlar amb vosaltres, tant si sou un estudiant, un professor, un desenvolupador web experimentat o algú més interessat a ajudar a millorar l'experiència d'aprenentatge.

Vegeu també

Butlletí per a desenvolupadors de Mozilla
El nostre butlletí per a desenvolupadors web, és un gran recurs per a tots els nivells d'experiència.
Codecademy
Un gran lloc interactiu per aprendre llenguatges de programació des de zero.
Code.org
Teoria i pràctica bàsica de codificació, dirigida principalment a nens/principiants.
freeCodeCamp.org
Lloc interactiu amb tutorials i projectes per aprendre desenvolupament web.
Mapa d'Alfabetització Web
Un marc per a l'alfabetització web a nivell d'introducció i les habilitats del segle XXI, que també proporcionan accés a activitats docents, ordenades per categoria.
Activitats docents
Una sèrie d'activitats docents per a l'ensenyament (i l'aprenentatge) creades per la Fundació Mozilla, que abasten des de l'alfabetització web bàsica i la privadesa, fins a JavaScript i la pirateria de Minecraft.