I link non sono un dettaglio
Le connessioni determinano come persone e sistemi trovano, classificano e collegano i contenuti.
Evoluzione dei sistemi ipertestuali
Dagli inizi fino all’era moderna
1945
Memex
Presentato nell’articolo ‘As We May Think’ di Vannevar Bush (The Atlantic)
Un concetto visionario di Vannevar Bush che ha posto le basi per l’ipertesto e lo sviluppo web moderno: organizzare e collegare informazioni come nelle banche dati e nei link odierni.
1960
Xanadu
Progetto iniziato negli anni ’60; primo sistema pubblicato nel 1988
Progetto rivoluzionario di Ted Nelson per un sistema di ipertesto transclusivo. Ha influenzato molte tecnologie successive e il modo di pensare le informazioni collegate.
1968
oN-Line System (NLS)
Nome ufficiale del sistema mostrato nella ‘Mother of All Demos’
Sistema pionieristico di Douglas Engelbart con mouse ed editor testuale interattivo – fondamenta dell’interazione moderna.
1968
Augment
Presentato nella leggendaria ‘Mother of All Demos’
Primo sistema ipertestuale per estendere le capacità cognitive – una pietra miliare dell’interazione con i sistemi digitali.
1980
Enquire
Sviluppato da Tim Berners-Lee al CERN – precursore del Web
Primo sistema ipertestuale di Berners-Lee che ha concretizzato l’idea delle informazioni collegate e ha ispirato il Web.
1980
Tangle
Sistema sperimentale di Tim Berners-Lee
Sviluppo delle idee di Enquire con attenzione a reti informative complesse.
1987
HyperCard
Presentato da Apple – ha facilitato la creazione di contenuti collegati
Strumento per creare contenuti interattivi e collegati – precursore di molte app web moderne.
1989
World Wide Web
Concetto del 1989; primo sito online nel 1991
Sistema ipertestuale di Tim Berners-Lee che ha reso popolare l’informazione collegata e ha rivoluzionato l’accesso al sapere.
Perché l’ipertesto è importante
La base dello sviluppo web moderno
Prima che esistesse il web, nacque l’idea di ipertesto: collegare le informazioni.
Questo concetto è l’origine di ciò che oggi conosciamo come Internet e sviluppo web moderno.
Capire la storia dell’ipertesto mostra anche le basi su cui si fondano HTML, CSS, JavaScript e altre tecnologie web.
Cosa significa oggi l’ipertesto
Dai link e dalla SEO fino a un’architettura dell’informazione pulita
La SEO inizia dalla struttura
Se capisci l’ipertesto, capisci anche perché linking interno, semantica e contesto sono importanti per i motori di ricerca.
I problemi spesso iniziano dalla struttura
Navigazione poco chiara, relazioni caotiche tra pagine e gerarchie assenti raramente sono problemi di design. Sono problemi di struttura.
Evoluzione della rete informativa
Dai siti web statici all'intelligenza artificiale
1990er
Web 1.0
Pagine statiche, HTML e CSS di base
Il Web 1.0 era principalmente incentrato sui documenti. Gli utenti potevano leggere informazioni ma difficilmente creare contenuti propri.
2000er
Web 2.0
Reti sociali, JavaScript, AJAX
Con il Web 2.0, Internet è diventato più interattivo. Gli utenti potevano creare, commentare e condividere contenuti.
2010er
Web 3.0
Web semantico, API, Linked Data
Nel Web 3.0 i dati sono al centro. Le informazioni sono meglio collegate e leggibili dalle macchine, consentendo applicazioni intelligenti.
2020er
Web 4.0
Sistemi intelligenti, IA, esperienze personalizzate
Il Web 4.0 combina l’intelligenza artificiale con Internet. L’obiettivo è un web auto-apprendente, sensibile al contesto e altamente personalizzato.
Ogni fase del web risolve un problema e ne crea un altro
Il progresso del web è sempre un compromesso
Web 1.0
Le pagine statiche hanno reso accessibile la conoscenza, ma gli utenti potevano reagire, partecipare e influenzare ben poco.
Web 2.0
L’interazione è diventata più semplice, ma le piattaforme hanno ottenuto un enorme controllo su contenuti, visibilità e dati.
Web 3.0
I dati sono diventati più strutturati e collegati, ma anche più complessi, più difficili da modellare e spesso da usare bene.
Web 4.0
Contesto e IA promettono sistemi migliori, ma portano nuove domande su dipendenza, tracciabilità e qualità.
Fondamenti del Web
I mattoni su cui tutto si costruisce
Il web moderno si basa su una serie di tecnologie fondamentali che ne definiscono la struttura e il funzionamento.
HTML fornisce la spina dorsale strutturando i contenuti, CSS si occupa del design e del layout, mentre JavaScript consente interattività e dinamicità.
Insieme, questi strumenti creano le basi su cui vengono sviluppati tutti i siti e le applicazioni web.
Pietre miliari dello sviluppo web
Approfondimenti sullo sviluppo web moderno
2010
Single Page Applications (SPA)
Esperienza fluida senza ricaricare la pagina
App dinamiche e interattive con caricamento asincrono – rese popolari da framework come React e Vue.
2011
Web Components
Blocchi UI riutilizzabili e multipiattaforma
Elementi HTML personalizzati riutilizzabili in ogni app; abilitati da standard come Shadow DOM e Custom Elements.
2011
WebRTC
Comunicazione in tempo reale nel browser
Audio, video e dati senza plugin – pilastro degli strumenti di comunicazione moderni.
2015
Progressive Web Apps (PWA)
Veloci, affidabili e multipiattaforma
Uniscono i vantaggi di siti web e app native: offline, notifiche push ed esperienza simile a un’app nel browser.
2015
Service Worker e Web Push
Funzioni offline e notifiche
Consentono accesso offline e notifiche in tempo reale – rendono le PWA potenti e flessibili.
2015
Jamstack
Architettura per siti veloci e sicuri
Disaccoppia frontend e backend, combinando distribuzione statica e API dinamiche per prestazioni e sicurezza.
2015
Compressione Brotli
Compressione superiore a Gzip
Caricamenti più rapidi grazie a una compressione più efficiente e minori dati trasferiti.
2017
WebAssembly (WASM)
Alte prestazioni sul web
Consente prestazioni quasi native eseguendo nel browser codice compilato (es. C++/Rust).
2018
HTTP/3 e QUIC
Connessioni più efficienti via UDP
Connessioni più veloci e stabili con bassa latenza – soprattutto su reti mobili.
2021
Privacy Sandbox
Iniziativa per un web senza cookie di terze parti
Mira a migliorare la privacy senza cookie di terze parti e consentendo comunque annunci pertinenti.
2022
WebTransport
Dati in tempo reale su UDP
Abilita comunicazioni in tempo reale ad alte prestazioni per giochi, streaming e altro.
2022
Container Query CSS
Maggiore flessibilità per il responsive
Regole basate sulla dimensione del contenitore anziché sul viewport – controllo dei layout migliorato.
2023
WebGPU
Sostituto moderno di WebGL
Accesso diretto alla GPU per 3D e ML nel browser – prestazioni decisamente superiori.
Perché esistono le tecnologie moderne
I nuovi strumenti nascono perché i vecchi limiti fanno male
Lo sviluppo web moderno è interessante, ma soprattutto è una risposta a colli di bottiglia reali. La domanda chiave non è solo cosa c’è di nuovo, ma quale problema si vuole risolvere.
SPA
Le Single Page Applications sono nate per rendere l’interazione più fluida. In cambio, navigazione, caricamento iniziale e SEO sono diventati molto più complessi.
HTTP/3
HTTP/3 esiste perché TCP e le connessioni classiche raggiungono i loro limiti con latenza e perdita di pacchetti. QUIC risponde esattamente a questo problema.
WebGPU
WebGPU non è solo una nuova etichetta API. È la risposta al bisogno di più potenza grafica e di calcolo direttamente nel browser.
TTT: Consigli – Trucchi – Strumenti
Blog sullo sviluppo web
Scopri in questo blog dove ha origine lo sviluppo web e ottieni consigli utili, raccolte di link, articoli, nonché documenti digitali e corsi video per approfondire l’argomento.
Dal Web 1.0 statico e incentrato sui documenti, al Web 2.0 sociale e al Web 3.0 semantico, fino al Web 4.0 intelligente.
Scopri come oggi viene modellato lo sviluppo web moderno: impara le tecnologie e le tendenze più recenti, ottieni guide pratiche e accesso a risorse preziose come strumenti, framework e community online per portare i tuoi progetti al livello successivo.