Che cos'è lo sviluppo web? Una guida completa
Lo sviluppo web è il lavoro di trasformare un design e una serie di requisiti in un sito che funziona: il markup e lo stile che vede un visitatore, la logica lato server e i dati dietro, e il rilascio e la manutenzione che lo tengono in piedi.
Questa guida copre cosa include il termine, in cosa differisce dal web design, cosa significa in pratica la separazione tra front-end e back-end, e quali parti servono a un progetto specifico.
Cosa copre il termine#
«Sviluppo web» viene usato per tutto, dall'installare un tema al costruire un'applicazione su misura. Ciò che resta costante è la sequenza: i requisiti diventano template, i template diventano pagine, le pagine ricevono dati, e il tutto viene rilasciato, misurato e mantenuto.
Il design decide l'aspetto e il comportamento. Lo sviluppo lo fa esistere, lo fa andare veloce, gli fa reggere il contenuto vero e lo tiene in funzione dopo il lancio.
- Front-end: l'HTML, il CSS e il JavaScript che girano nel browser del visitatore.
- Back-end: il codice lato server, il database e le API che forniscono e salvano i dati.
- Lavoro sul CMS: template e campi perché chi non programma possa modificare i contenuti senza rischi.
- Integrazioni: pagamenti, CRM, e-mail, statistiche, spedizioni, prenotazioni, ERP.
- Infrastruttura: hosting, domini, certificati, CDN, backup, rilascio.
- Qualità: collaudo, prestazioni, accessibilità, sicurezza, monitoraggio.
Sviluppo web e web design#
I due termini vengono spesso quotati insieme e sono mestieri davvero diversi. Sui progetti piccoli una persona fa entrambi; su quelli grandi sono persone distinte, e sapere cosa stai comprando evita un'intera categoria di contenziosi.
| Web design | Sviluppo web | |
|---|---|---|
| Domanda | Che aspetto deve avere e come deve comportarsi? | Come viene costruito perché funzioni? |
| Risultato | Wireframe, design visivi, un sistema di componenti | Template funzionanti, modelli di dati, un sito rilasciato |
| Strumenti principali | Software di design, prototipazione | Editor di codice, controllo di versione, strumenti di build, un CMS |
| Fallisce dando | Un sito confuso o fuori marca | Un sito lento, che si rompe o non modificabile |
| Costo del cambiamento | Minuti in fase di wireframe | Ore o giorni una volta costruito |
Se un preventivo non li distingue, chiedi cosa succede se hai già un design. La risposta ti dice quale lavoro viene davvero quotato.
Front-end e back-end in pratica#
La separazione riguarda dove gira il codice, non l'anzianità. Il codice front-end viene eseguito nel browser del visitatore, quindi si occupa di rendering, interazione, adattabilità e accessibilità. Il codice back-end gira su un server, quindi si occupa di dati, autenticazione, regole di business e integrazioni.
Un sito di marketing può essere quasi tutto front-end con un CMS che fornisce i contenuti. Un negozio o un'applicazione richiedono un lavoro back-end sostanziale, perché denaro, scorte e account hanno regole che non si possono affidare a un browser.
| Tipo di sito | Peso front-end | Peso back-end |
|---|---|---|
| Sito vetrina su un CMS | La maggior parte del lavoro | Solo template e campi |
| Sito editoriale con ricerca e filtri | Alto | Medio: indicizzazione e query |
| Negozio online | Alto | Alto: catalogo, checkout, imposte, evasione |
| Sito di prenotazioni o appuntamenti | Medio | Alto: disponibilità, conflitti, notifiche |
| Applicazione web | Alto | Molto alto: account, permessi, logica di business |
Cosa consegna davvero un progetto di sviluppo web#
Oltre «il sito», questi sono gli elaborati che vale la pena nominare nel contratto, perché la loro assenza si nota solo quando servono, di solito quando chi ha sviluppato non è più disponibile.
- Il codice sorgente, in un repository a cui hai accesso.
- L'accesso a hosting, dominio e a qualsiasi account di terze parti, a tuo nome.
- Un modo documentato per rilasciare una modifica, non una persona che sa come si fa.
- Un CMS o un'area di amministrazione con i tipi di contenuto che il tuo team modifica davvero.
- Backup che siano stati ripristinati almeno una volta, così sai che funzionano.
- La documentazione delle integrazioni e di dove risiedono le loro credenziali.
- Formazione o una sessione di passaggio di consegne per chi manterrà i contenuti.
La clausola più preziosa di un contratto di sviluppo web è quella che dice che codice e account appartengono a te. Tutto il resto si può rinegoziare; quella no, una volta finita la collaborazione.
Domande frequenti
Sviluppo web e sviluppo di siti sono la stessa cosa?
Nella maggior parte dei contesti i termini si usano in modo intercambiabile. «Sviluppo web» è leggermente più ampio e spesso include applicazioni e API che non sono propriamente siti; «sviluppo di siti» di solito implica un sito con pagine e contenuti. In un brief non conta l'espressione ma se il progetto ha logica di business su misura: è quello che cambia il costo e il profilo necessario.
Mi serve uno sviluppatore se uso un costruttore di siti?
Spesso no per un sito semplice, ed è una scelta legittima. Potresti comunque volerne uno per le cose che i costruttori fanno male: prestazioni, dati strutturati, integrazione con i tuoi sistemi esistenti, e la migrazione successiva. Uno schema diffuso è costruirlo da soli e coinvolgere qualcuno per un problema specifico anziché per tutto il sito.
Cos'è uno sviluppatore full stack?
Qualcuno che lavora sia sul front-end sia sul back-end. Per progetti web piccoli e medi una persona full stack competente è di solito l'ingaggio più efficiente, perché il costo del passaggio tra due specialisti supera il beneficio della profondità. Sui progetti grandi la specializzazione conviene, perché la profondità richiesta da ciascun lato cresce più in fretta di quanto una persona possa coprire.
Quanto di un sito è codice e quanto contenuto?
In termini di sforzo il contenuto è di solito la metà più grande ed è quasi sempre il rischio sui tempi. La realizzazione può essere finita e il sito restare a settimane dal lancio perché descrizioni di prodotto, fotografie e pagine legali non sono scritte. Pianifica il contenuto con la stessa serietà delle milestone di sviluppo e la data di lancio diventa raggiungibile.
che cos'è lo sviluppo websviluppo websviluppo web spiegatofront-end back-endsviluppo web e web designbasi dello sviluppo web
