1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
---
title: Aprendre desenvolupament web
slug: Learn
tags:
- Beginner
- Index
- Intro
- Landing
- Learn
- Web
translation_of: Learn
---
<div>{{LearnSidebar}}</div>
<div>
<p class="summary">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.</p>
</div>
<p>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 <a href="https://developer.mozilla.org/ca/">la resta del lloc MDN</a> i altres recursos intermedis o avançats que demanin més coneixements previs.</p>
<p>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.</p>
<div class="warning">
<p><strong>Important</strong>: 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ó <a href="#Contacteu amb nosaltres">"Contacteu amb nosaltres"</a> a continuació per obtenir informació sobre com posar-vos en contacte.</p>
</div>
<h2 id="On_començar"><span class="short_text" id="result_box" lang="ca"><span>On començar</span></span></h2>
<ul class="card-grid">
<li><span>Principiant:</span> Si us acabeu d'iniciar en el desenvolupament web, us recomanem que comenceu a treballar a través del nostre mòdul <a href="https://developer.mozilla.org/ca/docs/Learn/Getting_started_with_the_web">Inici en la Web</a>, que proporciona una introducció pràctica al desenvolupament web.</li>
<li><span>Preguntes específiques:</span> Si teniu una pregunta específica sobre el desenvolupament web, la nostra secció de <a href="/en-US/docs/Learn/Common_questions">Preguntes comunes</a> us pot ajudar</li>
<li><span>Més enllà dels conceptes bàsics:</span> 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 <a href="/ca/Learn/HTML/Introduction_to_HTML">Introducció a HTML</a> i continueu amb el nostre mòdul <a href="/ca/Learn/CSS/Introduction_to_CSS">Introducció a CSS</a>.</li>
<li><span>Passant a les seqüències d'ordres:</span> 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 <a href="/en-US/docs/Learn/JavaScript/First_steps">Primers passos en JavaScript</a> i <a href="/en-US/docs/Learn/Server-side/First_steps">Primers passos del costat del servidor</a>.</li>
</ul>
<div class="note">
<p><strong>Nota</strong>: <span id="result_box" lang="ca"><span>El nostre <a href="https://developer.mozilla.org/en-US/docs/Glossary">Glossari</a> proporciona definicions terminològiques</span></span>.</p>
</div>
<p>{{LearnBox({"title":"Random glossary entry"})}}</p>
<h2 id="Temes_coberts"><span id="result_box" lang="ca"><span>Temes coberts</span></span></h2>
<p>A continuació es presenta una llista de tots els temes que tractem en l'àrea d'aprenentatge de MDN.</p>
<dl>
<dt><a href="/ca/Learn/Getting_started_with_the_web">Introducció a la web</a></dt>
<dd>Proporciona una introducció pràctica al desenvolupament web per a principiants.</dd>
<dt><a href="/ca/Learn/HTML">HTML — Estructuració de la web</a></dt>
<dd>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.</dd>
<dt><a href="/en-US/docs/Learn/CSS">CSS — Donar estil a la web</a></dt>
<dd>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.</dd>
<dt><a href="/en-US/docs/Learn/JavaScript">JavaScript — Script dinàmic del costat del client</a></dt>
<dd>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.</dd>
<dt><a href="/en-US/docs/Learn/Accessibility">Accessibilitat — Fer que la web sigui utilitzable per tots</a></dt>
<dd>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.</dd>
<dt><a href="/en-US/docs/Learn/Tools_and_testing">Eines i proves</a></dt>
<dd>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.</dd>
<dt><a href="/en-US/docs/Learn/Server-side">Programació del lloc web del costat del servidor</a></dt>
<dd>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).</dd>
</dl>
<h2 id="Obtenir_els_nostres_exemples_de_codis">Obtenir els nostres exemples de codis</h2>
<p>Els exemples de codi que trobareu a l'àrea d'aprenentatge estan <a href="https://github.com/mdn/learning-area/">disponibles a GitHub</a>. Si voleu copiar-les a l'ordinador, la manera més senzilla és:</p>
<ol>
<li><a href="http://git-scm.com/downloads">Instal·leu Git</a> a la màquina. Aquest és el programari de sistema de control de versions subjacent sobre el qual GitHub funciona.</li>
<li><a href="https://github.com/join">Registreu-vos per obtenir un compte de GitHub</a>. És senzill i senzill.</li>
<li>Una vegada que us hagiu registrat, inicieu sessió en <a href="https://github.com">github.com</a> amb el vostre nom d'usuari i contrasenya.</li>
<li>Obriu el <a href="https://www.lifewire.com/how-to-open-command-prompt-2618089">símbol del sistema</a> del vostre ordinador (Windows) o terminal (<a href="https://help.ubuntu.com/community/UsingTheTerminal">Linux</a>, <a href="http://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line">MacOSX</a>)</li>
<li>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:
<pre class="brush: bash">git clone https://github.com/mdn/learning-area</pre>
</li>
<li>Ara podeu entrar en el directori i trobar els fitxers que busqueu (utilitzant el cercador/explorador de fitxers o l'<a href="https://en.wikipedia.org/wiki/Cd_(command)">ordre cd</a>).</li>
</ol>
<p>Podeu actualitzar el repositori d'<code>àrea d'aprenentatge</code>, amb qualsevol canvi fet, a la versió mestra en GitHub amb els següents passos:</p>
<ol>
<li><span id="result_box" lang="ca"><span>En el símbol del sistema/terminal, aneu al directori de l'</span></span><code>àrea d'aprenentatge</code><span lang="ca"><span> usant cd.</span> <span>Per exemple, si es trobeu al directori principal:</span></span>
<pre class="brush: bash">cd learning-area</pre>
</li>
<li><span id="result_box" lang="ca"><span>Actualitzeu el repositori mitjançant l'ordre següent:</span></span>
<pre class="brush: bash">git pull</pre>
</li>
</ol>
<h2 id="Contacteu_amb_nosaltres"><a name="Contacteu amb nosaltres">Contacteu amb nosaltres</a></h2>
<p>Si voleu posar-vos en contacte amb nosaltres sobre qualsevol cosa, la millor manera és deixar-nos un missatge en el <a href="https://discourse.mozilla-community.org/t/learning-web-development-marking-guides-and-questions/16294">fil de discursos de la nostra Àrea d'Aprenentatge</a> o als <a href="https://developer.mozilla.org/en-US/docs/MDN/Community/Conversations#Chat_in_IRC">canals d'IRC</a>. 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ó.</p>
<p>Si esteu interessats a ajudar a desenvolupar/millorar el contingut, feu un cop d'ull a <a href="https://developer.mozilla.org/en-US/Learn/How_to_contribute">com podeu ajudar</a> 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.</p>
<h2 id="Vegeu_també">Vegeu també</h2>
<dl>
<dt><a href="https://www.mozilla.org/en-US/newsletter/developer/">Butlletí per a desenvolupadors de Mozilla</a></dt>
<dd>El nostre butlletí per a desenvolupadors web, és un gran recurs per a tots els nivells d'experiència.</dd>
</dl>
<dl>
<dt><a href="https://www.codecademy.com/">Codecademy</a></dt>
<dd>Un gran lloc interactiu per aprendre llenguatges de programació des de zero.</dd>
<dt><a href="https://code.org/">Code.org</a></dt>
<dd>Teoria i pràctica bàsica de codificació, dirigida principalment a nens/principiants.</dd>
<dt><a href="https://www.freecodecamp.org/">freeCodeCamp.org</a></dt>
<dd>Lloc interactiu amb tutorials i projectes per aprendre desenvolupament web.</dd>
</dl>
<dl>
<dt><a href="https://learning.mozilla.org/web-literacy/">Mapa d'Alfabetització Web</a></dt>
<dd>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.</dd>
<dt><a href="https://learning.mozilla.org/activities">Activitats docents</a></dt>
<dd>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.</dd>
</dl>
|
