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

L'objectiu d'aquesta àrea de MDN no és portar-vos de "principiant" a "expert", sinó de portar-vos de "principiant" a "còmode". A partir d'aquí, hauríeu de poder començar a fer el vostre propi camí, aprenent de la resta de MDN i altres recursos intermedis o avançats per poguer assumir molts coneixements previs

Si sou un principiant, el desenvolupament web pot ser un repte: us agafarem de la mà i us proporcionarem prous detalls perquè us sentiu còmodes i conegueu els temes adequadament. Us heu de sentir com a casa, tant si sou un estudiant que aprèn a desenvolupar un lloc web (per compte propi o com a part d'una classe), un professor que busca materials de classe, un aficionat o algú que només vol comprendre més sobre com funcionen les tecnologies web.

Important: El contingut de l'Àrea d'Aprenentatge s'afegeix regularment. Si teniu preguntes sobre els temes que voleu veure coberts o si trobeu a faltar, consulteu la secció Contact us a continuació per obtenir informació sobre com posar-vos en contacte.

On començar

  • Principiant: Si sou un principiant en el desenvolupament web, us recomanem que comenceu a treballar a través del nostre mòdul Inici en la Web, que proporciona una introducció pràctica al desenvolupament web.
  • Preguntes específiques: Si teniu una pregunta específica sobre el desenvolupament web, la nostra secció de Preguntes comunes us pot ajudar
  • Més enllà dels conceptes bàsics: Si ja teniu una mica de coneixements, el següent pas és aprendre HTML i CSS detalladament: comenceu  amb el nostre mòdul Introducció a HTML i continueu amb el nostre mòdul Introducció s CSS.
  • Passant a les seqüències d'ordres: Si ja us sentiu còmodes amb HTML i CSS, o si esteu interessats principalment en la codificació, voldreu passar a JavaScript o en el desenvolupament del costat del servidor. Comenceu amb els nostres mòduls de Primers passos en JavaScript i Primers passos del costat del servidor.

Nota: El nostre Glossari proporciona definicions terminològiques.

Random glossary entry

Internet
La Internet és una xarxa mundial de xarxes que utilitza el conjunt de protocols d'Internet (també anomenat TCP/IP els seus dos protocols) més importants.

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.

Join the Learn community

Choose your preferred method for joining the discussion:

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.

Document Tags and Contributors

 Contributors to this page: Legioinvicta, enTropy
 Last updated by: Legioinvicta,