---
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
- Principiant: Si us acabeu d'iniciar 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 {{glossary("HTML")}} i {{glossary("CSS")}} detalladament: comenceu amb el nostre mòdul Introducció a HTML i continueu amb el nostre mòdul Introducció a 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 {{glossary("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.
{{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:
- Instal·leu Git a la màquina. Aquest és el programari de sistema de control de versions subjacent sobre el qual GitHub funciona.
- Registreu-vos per obtenir un compte de GitHub. És senzill i senzill.
- Una vegada que us hagiu registrat, inicieu sessió en github.com amb el vostre nom d'usuari i contrasenya.
- Obriu el símbol del sistema del vostre ordinador (Windows) o terminal (Linux, MacOSX)
- 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
- 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:
- 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
- Actualitzeu el repositori mitjançant l'ordre següent:
git pull
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.