Curriculum di introduzione agli Standard Web - Contenuti

By floyd1616

Introduzione

Ho spesso manifestato un desiderio. Il mio lavoro, negli ultimi 8 o 9 anni, è stato fortemente incentrato sull'istruzione, mi sono state commissionate revisioni e modifiche di libri tecnici per aiutare le persone a creare prodotti con la tecnologia, la formazione dei nuovi dipendenti nelle varie società per cui ho lavorato, la scrittura di articoli e tutorial per aiutare le persone a usare il software di Opera. Sono anche appassionato di Web, oltre che un grande sostenitore degli standard web. Volli contribuire per rendere il Web un posto migliore, credo questo appartenga all'istruzione, se colui il quale insegna alle persone su come collaborare ed avere più rispetto l'un per l'altro, o insegnando loro come realizzare i loro siti web indipendentemente dalle piattaforme e dispositivi, e siano accessibili alle persone con disabilità. Gli standard Web sono sono fondamentali per queste ultime, così ho deciso di provare ad impiegare tempo ed energia in qualcosa che potrebbe contribuire ad aumentare l'adozione degli standard Web oggi ed in futuro. Ho pensato spesso a questo progetto per un pò, ma ora si è finalmente giunti a compimento presso Opera - molte grazie ai miei meravigliosi datori di lavoro per avermi ripagato nel fare ciò. Uno dei miei sogni finalmente è stato realizzato.

In questo articolo vi presento il prodotto di un duro lavoro nel corso degli ultimi mesi (fatto da me e da molte altre persone) - Il Curriculum per i Web Standards- un corso progettato per fornire una solida conoscenza di base per il web design / development, indifferentemente. Completamente libero, accessibile e non serve nessuna precedente conoscenza. E' principalmente finalizzato alle università, credo che i corsi di istruzione in standard web manchino in molte di esse. Ho sentito racconti di studenti che vengono svalutati per l'uso di standard web nei loro corsi di studi, perchè utilizzano tag di marcatura obsoleti; ho anche sentito racconti di datori di lavoro, disperati, perchè quando tengono colloqui con persone laureate per coprire posizioni legate al web, scoprono che gi aspiranti non hanno nessun concetto di quello che è la realtà dello sviluppo web. Se ti trovi a seguire un corso universitario in cui insegnano web standard in maniera ragionevole, tanto di cappello, contattami!

In questo articolo verranno trattati i seguenti temi:

• Perchè usare gli Standard Web? Si discuterà brevemente dei vantaggi nell'usare gli standard Web, perché non sono adottati come dovrebbero, e come il corso mira ad affrontare questi problemi.
• Struttura del corso. Cosa viene discusso del contenuto; questa sezione tratta anche di come gli educatori dovrebbero pensare di presentare il materiale ed utilizzarlo in modo efficace in corsi.
• Chi dovrebbe seguire questo corso? Quando dico "chiunque", cosa intendo dire esattamente?
• Contenuti. Leggi i contenuti se sei stanco di chiacchierare e vuoi imparare.
• Ringraziamenti
• Contatti

Perchè usare gli Standard Web?

Le ragioni principali per l'adozione degli standard web nel proprio lavoro di web design / development sono spiegate nella'articolo 4, ma verranno anticipati brevemente in questa sede. Utilizzando gli standard web si hanno i seguenti vantaggi:

1. Efficienza del codice: Come verrà insegnato nel corso, uno dei tanti lati positivi nell'uso dei web standard è il riutilizzo del codice - è possibile separare il contenuto HTML dallo stile (CSS) e dai comportamenti (JavaScript), consentendo, in questo modo, di avere un file di dimensioni ridotte, codice scritto una sola volta, e riutilizzato quando necessario.
2. Facilità di manutenzione: questo punto è legato al n° 1- si può scrivere l'HTML solo una volta, ed applicare stili e comportamenti ovunque sia necessario utilizzando classi e funzioni, se si deve modificare qualcosa in seguito, è possibile effettuare il cambiamento e lo si ottiene in tutto il sito, piuttosto che dover apportare modifiche nei punti in cui servono.
3. Accessibilità: i prossimi due punti sono strettamente legati - uno dei grandi temi sul Web è rendere i siti web accessibili a tutti, non importa chi sono, a prescindere dalla circostanza. Questo comprende la realizzazione dei siti web utilizabili da persone con disabilità come ad esempio la cecità e disabilità motoria (vale a dire persone che hanno movimenti limitati e potrebbero non essere in grado di utilizzare correttamente le loro mani). Utilizzando gli standard Web nel migliore dei modi, sarete in grado di rendere il vostro sito web utilizzabile da questo significativo gruppo di utenza senza nessuno sforzo supplementare.
4. Compatibilità dei dispositivi: Con questo voglio dire che il sito web non solo sarà ottimizzato su diverse piattaforme - vale a dire Windows, Mac, Linux- ma anche su dispositivi di navigazione alternativi, che al giorno d'oggi possono includere i telefoni cellulari, televisori e console di gioco. Questi dispositivi hanno delle limitazioni come, per esempio, dimensioni dello schermo, processi di elaborazione, meccanismi di controllo disponibili ed altro ancora ma la buona notizia è che, ancora una volta, utilizzando al meglio gli standard web, si può garantire che il sito web funzioni con la maggior parte di questi dispositivi. Ci sono molti telefoni cellulari simili ai PC, molti dei quali con capacità di connessione ad Internet; possiamo perdere l'occasione di aprirci a questo mercato? Per ulteriori informazioni sullo sviluppo web, fare riferimento ad alcuni articoli dedicati nella sezione dev.opera.com
5. Web crawler / motori di ricerca: Con questo stiamo parlando di ciò che viene definito search engine optimization - per rendere il proprio sito web più visibile possibile ai web crawler per l'indicizzazione dei siti ed avere, quindi, un migliore posizionamento su Google. Non esiste una scienza, al momento, (vedere articoli SEO quali: Struttura intelligente di un sito per una migliore SEO e HTML Semantico e Search Engine Optimization ma ancora una volta, usando semplicemente gli standard Web, aiuteranno a rendere il sito più visibile su Google, Yahoo! ecc, la qual cosa è positiva per aziende e privati.

Con tutti questi vantaggi, tuttavia, la maggior parte dei siti continuano a non seguire gli standard web e molti sviluppatori che lavorano, ancora oggi ne fanno un uso scorretto, nonchè obsoleto. "Perché?" Vi chiedete. Ci sono una serie di motivi -per questo la gente lamenta la mancanza di istruzione, mondo politico, non si ha bisogno di imparare gli standard perché sono comunque si viene pagati, è troppo difficile da imparare, supporto agli standard da parte dei browser web... Vediamo ciascuno di questi elementi più in dettaglio, e poi facciamo la conta degli argomenti per cercare di eliminare qualsiasi scusa per non adottare / imparare gli standard web.

1. Mancanza di istruzione: Non c'è problema per questo ma è uno dei principali motivi per cui il presente corso è stato nato. Molte università non insegnano standard web nei loro corsi web-oriented, così molti curricula tendono a conservare pratiche obsolete, difficili da cambiare a causa della burocrazia. Libri e corsi di formazione tendono ad essere costosi. Ma aspetta! Ora abbiamo previsto un corso gratuito, e sono previsti in alcune università per contribuire a rendere questi cambiamenti in modo tale che non ci sono più scuse.
2. Politica aziendale: Ci sono, senza dubbio, molte imprese / istituzioni con siti web davvero vecchi, datati, con dipendenti che utilizzano browser obsoleti, ma va bene così. E poi ci sono corsi liberi a disposizione per mostrare come rendere tali modifiche ancora più facili. Aggiornare il proprio sito web agli standard moderni, incoraggiare le imprese a migliorare i loro browser in uso affinchè possano avere una migliore renderizzazione delle pagine. Le imprese soprattutto dovrebbero incoraggiare i loro clienti di aggiornarsi anche. Non vi è una sana attività di ragionamento purtroppo -siti web che utilizzano gli standard, come spiegato in precedenza, otterranno migliori risultati nei motori di ricerca, essere accessibili alle persone con disabilità ed agli utenti con dispositivi alternativi - le imprese possono permettersi di ignorare questo pubblico?>
3. Non ho bisogno di imparare! So che alcuni sviluppatori si chiedono: "anche se sto utilizzando codice non standard e mi pagano ancora, a cosa mi serve imparare questa cosa nuova?" Come spiegato in precedenza, rende il codice molto più efficiente, più facile da scrivere e più facile da mantenere. E ti permette di scrivere codice moderno che sia accessibile e utilizzabile su dispositivi alternativi - tutto ciò non è entusiasmante? Consente inoltre di rendere le vostre competenze più a prova di futuro, e mettono in condizione di guadagnare di più. Molte aziende stanno richiedendo competenze nel web standard in questo periodo.
4. E' troppo difficile da imparare!: Non è vero. Dopo aver appreso qualche lezione del corso, potrai capire quanto sia facile partire dalle basi per gli standard Web, se si è nuovi di sviluppo web / web design, o per una persona che lavora già in ambito web e vuole migliorare le sue skills. Non è vero; non è più difficile di quanto si utilizzi il codice vecchio, datati metodi antichi ma conferisce molti più vantaggi rispetto alla vecchia via.
5. Supporto agli standard da parte dei browser: Il supporto dei browser utilizzati differisce notevolmente, il che potrebbe essere un incubo ottenere siti web compatibili in diversi browser. Ma quei giorni sono passati - tutti i browser moderni hanno un decente supporto agli standard web. Il supporto per i vecchi browser è ancora necessario ma avvalendosi di buone pratiche, è possibile garantire agli utenti di questi browser una ragionevole visualizzazione.

Come si può vedere, non ci sono scuse per adottare gli standard Web nel lavoro di sviluppo web. Se si è arrivati a questo corso dal punto di vista di un principiante, si comincia con il verso giusto di apprendimento delle migliori pratiche fin dall'inizio, piuttosto che imparare cattivi metodi.

Struttura del Corso

Il corso è composto da diversi articoli - ce ne saranno più di 50 fin quando il corso base sarà terminato - e ciascun articolo è composto da qualche migliaio di parole. Ogni articolo si concentra su uno specifico tema e, nel caso, conterrà più informazioni, teoria essenziale, esempi pratici ed una panoramica di tutorial; a seguire, esercizi e domande per verificare la vostra conoscenza.

Oltre a questo, vorremmo mettere a disposizione una guida completa da seguire, piuttosto che il progetto di un intero sito web, dall'inizio alla fine.

Un modo logico per insegnare il corso è definire il numero di lezioni a disposizione e dividerlo per il numero di articoli. Per ogni lezione, gli studenti leggono gli articoli collegati ad un argomento, prima della lezione di verifica. Quindi fare gli esempi pratici durante la lezione, potendo avere risposte dopo la lezione stessa. Credo che un'ora dovrebbe essere sufficente per apprendere i concetti contenuti in ogni articolo. Non vi è forse circa 50 ore di ore di insegnamento in questo corso, e 50 ore di sfondo lettura. Ci sono circa 50 ore di lezione nel corso e 50 ore di lettura.

Ovviamente, la chiave è la sperimentazione; si dovrà prevedere in quanto tempo imparare il corso, ed esattamente quanto ne occorre per ogni lezione.

Chi dovrebbe seguire questo corso?

Si tratta di un corso standard web composto di diversi articoli, ricolti a coloro i quali vogliono imparare gli standard web da zero. Esso prende il lettore dal nulla che ha, al massimo, una familiarità di base con la navigazione web, fino ad essere competente con HTML e CSS, e hanno una conoscenza di base di JavaScript e in che modo si adatta nella pagina. Esso dovrebbe darvi conoscenze sufficienti per iniziare a pensare su come entrare nel mercato del lavoro con fiducia (ovviamente l'esperienza non può essere insegnata).

A chi si rivolge? Vorrei fosse utilizzato da chiunque voglia imparare il web design nella maniera corretta:

1. Università / studenti universitari e insegnanti: Ho già citato questo; è una serie di articoli per creare il proprio corso e da consegnare agli studenti, o usarlo come parti di supplemento da integrare nei propri corsi. A qualsiasi studente che stia già studiando una sorta di corso-web correlato, si consiglia di utilizzare questo materiale per completare la propria conoscenza. Raccomando tutti gli insegnanti / lettori di guardare oltre questo materiale per essere certi che le tecniche oggetto dei loro corsi siano sempre atuali.
2. Pre-universitari / studenti universitari: Poichè questo corso è stato scritto soprattutto pensando ad una utenza adulta, non c'è nessuna ragione per cui gli studenti più giovani non possano beneficiarne - non hanno che da leggere e vedere come si ottiene una determinata cosa.
3. Web designer e sviluppatori: Ci sono molti sviluppatori web e designer che non adottano gli standard Web; o potrebbero utilizzare un riferimento facilmente accessibile o utilizzare le loro conoscenze. Per i primi, vi esorto a dare a questo corso una possibilità e vedere in che maniera facile e preziosa gli standard web si possono adottare. Per i designers, sono sicuro che troverete utile questo corso per aiutare gli altri, trovare munizioni per contribuire a convincere i datori di lavoro ed i clienti che l'accessibilità è una cosa di buon senso.
4. Educatori all'interno delle società: Questa è una maniera ideale per fornire formazione ai dipendenti in maniera poco costosa.
5. Per gli altri: Se sei un privato che ha solo fantasie di apprendimento circa il web design e lo sviluppo, questo è un modo economico per ottenere un aiuto per i tuoi impegni.

Non mi aspetto nessun pagamento per l'utilizzo di questo corso - è rilasciato con una Licenza Creative Commons, quindi liberamente a disposizione di chiunque voglia farne uso, fintanto che venga riconosciuta la corretta attribuzione.

Contenuti

Si noti che attualmente solo i primi 23 articoli del curriculum sono pubblicati; nelle prossime settimane ci sarà il seguito, per cui... resta sintonizzato!

Inizio

1. Introduzione materiale, di Chris Mills -la pagina che si sta leggendo.

Introduzione al mondo dei Web Standard

1. Come funziona Internet? di Jonathan Lane.
2. Web standard model - HTML, CSS e JavaScript, di Jonathan Lane
3. Un bel sogno, ma la realtà? di Jonathan Lane

Concetti di Web Design

Questa parte non intende entrare nei dettagli di codice di markup; sarà semplicemente una introduzione al processo di progettazione prima di iniziare a creare grafica o codice, così come i concetti di web design come ad esempio IA (Internet Applications), navigazione, usabilità, ecc.

1. Architettura dell'informazione - pianificare un sito web, di Jonathan Lane.
2. A cosa serve una buona pagina web?, di Mark Norman Francis.
3. Teoria del colore, di Linda Goin.
4. Costruzione di un sito wireframe, di Linda Goin.
5. Schemi di colore e design dimostrativi, di Linda Goin.
6. Tipografia nel web, di Paul Haine.

HTML di base

1. Le basi dell'HTML, di Mark Norman Francis.
2. L'elemento HTML <head>, di Christian Heilmann.
3. Scelta del corretto doctype per i documenti HTML, di Roger Johansson.

L'elemento HTML body

1. Marcare il contenuto testuale in HTML, Mark Norman Francis.
2. Liste HTML, di Ben Buchanan.
3. Immagini in HTML
4. Link HTML - cominciamo a costruire il web!, di Christian Heilmann.
5. Tabelle HTML, di Jen Hanen.
6. Form HTML - le basi, di Jen Hanen.
7. Elementi semantici meno noti, di Mark Norman Francis.
8. Seguiranno altri articoli...

Articoli supplementari

• Reperire i contenuti online, di Craig Grannell.
• Maggiori informazioni sull'elemento <head>, di Chris Heilmann.

Ringraziamenti

Le persone che mi hanno aiutato in questo corso sono tante da poterle menzionare in dettaglio, ma ho incluso, spero, tutti. Sono tutte persone fantastiche, vedete la pagina dei loro colloqui, acquistate i loro libri, leggete i loro blog, o fate qualsiasi cosa che possa dare loro supporto. Esprimo a tutti voi la mia ammirazione e gratitudine.

• Gli autori: grazie mille a Ben Buchanan, Tom Hughes–Croucher, Mark Norman “Norm” Francis, Linda Goin, Paul Haine, Jen Hanen, Benjamin Hawkes–Lewis, Ben Henick, Christian Heilmann, Roger Johansson, Peter–Paul Koch, Jonathan Lane, Tommy Olsson, Nicole Sullivan, and Mike West. Senza di voi, questo corso sarebbe stato letteralmente nulla.
• Lo staff Opera: i migliori auguri a Jan Standal, David Storey, il resto del mio team, e tutti gli altri di Opera, per aver creduto nella mia idea ed avermi aiutato a sviluppare il progetto.
• Le organizzazioni: grazie a tutti di Yahoo (gli autori, Sophie Major per aver contribuito all'organizzazione e promozione), il WaSP (in particolare Gareth Rushgrove, Stephanie Troeth e Aarron Walter), il Britpack, i Geekup folks e tutte le università che hanno guardato con interesse questo corso e continueranno a farlo.
• Singolarmente: ringraziamenti alle seguenti persone - Craig Saila, Sara Dodd, John Allsopp, Roan Lavery, Bruce Lawson, Alan White. Scusate se ho dimenticato qualcuno.
• I lettori: saluti speciali a voi per aver mostrato interesse nella creazione di siti web in maniera corretta e trovare il tempo per leggere questi articoli!

Contatti

Cerco costantemente di migliorare questo corso per ottenere l'adozione degli standard web da parte di più persone possibili. Se ci sono suggerimenti sul corso stesso, ogni commento, o se ci si vuole mettere in contatto con me. L'email è: cmills [at] opera [dot] com. Potete lasciare commenti su ogni articolo, seguendo il link posto in basso. Ci sarà bisogno di un account my.opera

This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license.