---
title: Desenvolupament web
slug: Web_Development
tags:
  - NeedsTranslation
  - TopicStub
  - Web Development
translation_of: Web/Guide
translation_of_original: Web_Development
---
<p><strong>El desenvolupament web</strong> comprèn tots els aspectes de construir un portal o aplicació web.</p>
<p>Aprèn a crear qualsevol cosa des d'una simple web fins a una web complexa i altament interactiva emprant les darreres tecnologies web  fullejant els articles que et mostrem aquí.</p>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 class="Documentation" id="DOCUMENTACIÓ">DOCUMENTACIÓ</h2>
        <h3 id="Tecnologies">Tecnologies</h3>
        <dl>
          <dt>
            <a class="internal" href="/en-US/docs/Web_Development/Introduction_to_Web_development" title="en-US/docs/Web Development/Introduction to Web development">Introducció al desenvolupament web</a></dt>
          <dd>
            Una guia de com desenvolupar webs.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/HTML" rel="internal">HTML</a></dt>
          <dd>
            L'<em> HyperText Markup Language</em> (en català, Llenguatge de Marcació de Hipertext) és el llenguatge basic per a la creació de webs i d'altres documents mostrats en un navegador.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/CSS" rel="internal">CSS</a></dt>
          <dd>
            Els <em>Cascading Style Sheets</em> (en català, Fulls d'estils en cascada) fan possible construir sofisticats <em>layouts</em> per a les planes web.</dd>
          <dd>
            [NT: <em>layouts</em> podria traduir-se per estructura o disposició dels elements, però donada la generalitzada acceptació del terme en anglés he optat per no adaptar-lo al català]</dd>
          <dt>
            <a class="internal" href="/en-US/docs/JavaScript" rel="internal">JavaScript</a></dt>
          <dd>
            JavaScript és el llenguatge de programació (<em>scripting</em>) més comú per programar aplicacions web en el costat del navegador. A més, és emprat en el desenvolupament del software de Mozilla.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/DOM" rel="internal">DOM</a></dt>
          <dd>
            De l'anglès <em>Document Object Model</em> (en català, Model de l'Objecte Document) és una API per a documents HTML i XML, que proporciona una representació de l'estructura del document i els seus elements que hom pot modificar per a alterar la visualització del mateix.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/AJAX" rel="internal">AJAX</a></dt>
          <dd>
            De l'anglès <em>Asynchronous JavaScript and XML</em> (Javascript i XML Asincrònic) més que una tecnologia és una combinació de tecnologies, usant Javascript i d'altres tecnologies del costat del navegador per comunicar-se amb el servidor sense recarregar la plana sencera, lo qual permet crear aplicacions dinàmiques de qualitat.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a></dt>
          <dd>
            De l'anglès <em>Extensible HyperText Markup Language</em> (Llenguatge de marcació hipertext extensible) és un llenguatge de marcatge com el HTML però que respecte les regles formals del XML que ofereix una sintaxi més estricta però més robusta i potent que l'HTML.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/SVG" rel="internal">SVG</a></dt>
          <dd>
            De l'anglès <em>Scalable Vector Graphics</em> (gràfics de vectors escalables) és un llenguatge de marcatge XML per dibuizar gràfics vectorials 2D.</dd>
        </dl>
        <h3 id="Estratègies">Estratègies</h3>
        <dl>
          <dt>
            <a class="internal" href="/en-US/docs/Web_Standards" title="en-US/docs/Web Standards">Estàndars web</a></dt>
          <dd>
            Aprèn com fer que la teva web o aplicació pugui ser emprada pel màxim nombre possible d'usuaris gràcies a fer-la compatible amb la web oberta (<em>open web</em>).</dd>
          <dt>
            <a href="/en-US/docs/Web_Development/Responsive_Web_design" title="en-US/docs/Web development/Responsive Web design">Disseny web sensible </a></dt>
          <dd>
            Juga amb el CSS per a presentar el mateix contingut a qualsevol plataforma, des de telèfons mòbils fins a pantalles amples de màquines d'escriptori d'alta resolució.</dd>
          <dt>
            <a href="/en-US/docs/Web_development/Writing_forward-compatible_websites" title="Writing forward-compatible websites">Construir webs compatibles amb equips vells i moderns</a></dt>
          <dd>
            Les millors pràctiques per a crear webs que no es trenquen quan s'actualitzen els navegadors dels usuaris.</dd>
          <dt>
            <a href="/ca/docs/Web_Development/Mobile" title="/en-US/docs/Web development/Mobile">Construir webs pel mòbil</a></dt>
          <dd>
            Desenvolupar webs per ser vistes en dispositius mòbils requereix prendre certes mesures úniques a les que potser no estàn avessats els desenvolupadors habituals de webs per a navegadors d'ordinadors d'escriptori.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/Mozilla_Web_Developer_FAQ" title="en-US/docs/Mozilla Web Developer FAQ">Preguntes freqüents del desenvolupador web respostes, per Mozilla</a></dt>
          <dd>
            Llegeix les respostes de Mozilla a les preguntes més freqüents dels desenvolupadors web.</dd>
        </dl>
        <p><span class="alllinks"><a href="/en-US/docs/tag/Web_Development" title="en-US/docs/tag/Web_Development">Veure-ho tot...</a></span></p>
      </td>
      <td>
        <h2 class="Community" id="COMUNITAT">COMUNITAT</h2>
        <ul>
          <li><a class="external" href="http://hacks.mozilla.org" title="http://hacks.mozilla.org">Bloc Mozilla Hacks</a></li>
          <li><a class="external" href="http://www.whatwg.org/" rel="external nofollow" title="http://www.whatwg.org/">WHAT Working Group</a></li>
          <li><a class="external" href="http://webdevfeedhouse.com/" rel="external nofollow" title="http://webdevfeedhouse.com/">WebDev FeedHouse</a></li>
        </ul>
        <h2 class="Tools" id="EINES">EINES</h2>
        <ul>
          <li><a href="/en-US/docs/Tools" title="en-US/docs/Tools">Plana de les principals eines</a></li>
          <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843" rel="external nofollow" title="https://addons.mozilla.org/en-US/firefox/addon/1843">Extensió per a navegadors: Firebug</a></li>
          <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60" rel="external nofollow" title="https://addons.mozilla.org/en-US/firefox/addon/60">Extensió per a navegadors: Web Developer</a></li>
          <li><a href="/en-US/docs/Venkman" rel="internal">Venkman</a>, per depurar Javascript</li>
          <li><a href="/en-US/docs/DOM_Inspector" rel="internal" title="en-US/docs/DOM Inspector">Inspector de DOM</a></li>
          <li><a href="/en-US/docs/Tools/Scratchpad" title="en-US/docs/Tools/Scratchpad">Scratchpad</a></li>
        </ul>
        <p><span class="alllinks"><a href="/en-US/docs/tag/Web_Development:Tools" title="en-US/docs/tag/Web_Development:Tools">Veure-ho tot...</a></span></p>
      </td>
    </tr>
  </tbody>
</table>
<p> </p>