Formazione sul web design: le 22 migliori risorse online

Autore: Louise Ward
Data Della Creazione: 10 Febbraio 2021
Data Di Aggiornamento: 22 Giugno 2024
Anonim
10 Best Design Education Resources: How to Learn Graphic Design Online
Video: 10 Best Design Education Resources: How to Learn Graphic Design Online

Contenuto

Il web design può essere scoraggiante. Solo l'enorme quantità di nuove tecniche e acronimi che compaiono ogni giorno può farlo sembrare spaventoso e confuso, anche se sei un web designer professionista, figuriamoci un principiante. Ma non preoccuparti: l'aiuto è a portata di mano sotto forma di risorse di formazione sul web design di facile comprensione sul Web.

Esistono molti approcci alla formazione sul web design: alcuni a pagamento, altri gratuiti; alcuni interattivi, altri no; alcuni basati sul testo, altri sul video. Il che significa che può anche essere una dura lotta per capire dove andare e cosa imparare.

Per semplificarti le cose, abbiamo raccolto le 22 migliori risorse di formazione sul web design sul Web. Tutti godono di una buona reputazione e dispongono di istruzioni e consigli dei maggiori esperti di web design. La maggior parte include una serie di lezioni che coprono una vasta gamma di livelli, dal principiante all'avanzato.

Potresti anche voler consultare le nostre guide ai migliori servizi di web hosting e ai migliori costruttori di siti web in questo momento.

01. W3Schools


Mentre molti siti di formazione web sembrano colorati, attraenti e accoglienti, con video e grafica colorata, W3Schools sembra un po 'piatto e noioso a prima vista. Ma non lasciarti scoraggiare!

Se stai cercando di iniziare dall'inizio con le lezioni più elementari in HTML e CSS, il sito offre una progressione costante di tutorial interattivi che spiega tutto in un linguaggio semplice e semplice e, cosa più importante, ti consente di giocare con il markup dal vivo sul site, in modo da poter vedere quale effetto possono avere le più piccole modifiche su come una pagina web appare nel browser.

Sì, sì, lo sappiamo: ci sono state alcune critiche al sito, che ha evidenziato alcuni errori tecnici in alcune sue lezioni. Tuttavia, per un principiante che non sa bene da dove iniziare con HTML, CSS e JavaScript, fornisce comunque un modo molto semplice per l'utente, diretto e gratuito per andare avanti.

02. Opera Web Standard Curriculum


Le brave persone che lavorano nel browser Opera hanno creato e gestiscono questa risorsa gratuita e completa che introduce le basi del web design e degli standard web. Come W3Schools, si basa su testo semplice e non è esattamente visivamente seducente. Ma la scrittura è vivace e facile da seguire, il che più che compensa.

03. Google Code University

Le lezioni di Google in "HTML, CSS e Javascript dall'inizio alla fine" presentano le basi per la creazione di siti web con tutorial video presentati dagli sviluppatori di Google. Un luogo perfetto per i principianti per iniziare con la loro formazione di web design.

04. Treehouse

Treehouse è un servizio basato su video che offre formazione sul web design in HTML e CSS, sviluppo web (inclusi HTML5 e Javascript) e creazione di app iOS (utilizzando Objective-C e Xcode), il tutto racchiuso in un navigare nell'interfaccia utente.


Treehouse addebita un abbonamento per i suoi servizi, ma i video sono prodotti in modo molto professionale e ottieni una vasta gamma di lezioni che coprono quasi ogni aspetto del web design e dello sviluppo.

Treehouse non solo fornisce ottimi contenuti, ma nel sito c'è anche un elemento di gioco che ti mette alla prova su ciò che hai imparato e ti premia con badge di risultato. Quindi, se hai bisogno di ulteriore motivazione per imparare, questo è un ottimo sito da usare.

05. Lynda.com

Come Treehouse, Lynda.com offre una vasta gamma di tutorial basati su video che possono insegnarti come progettare siti Web (oltre a coprire altri argomenti relativi al design) per una tariffa mensile. Lynda.com esiste dagli albori del Web (è stato lanciato nel 1995) e produce anche libri, video e documentari. Una fonte autorevole di video di formazione sul web design, puoi ottenere un assaggio controllando i suoi tutorial gratuiti.

06. Non temere Internet

Don't Fear the Internet nasce da un'idea della tipografa e illustratrice freelance Jessica Hische, e si rivolge a persone altrettanto creative che hanno poca o nessuna voglia di fare web design professionalmente, ma allo stesso tempo non vogliono un brutto stampino per biscotti sito che mostra il loro lavoro.

Attraverso brevi video tutorial, imparerai come prendere un blog WordPress di base e manipolare CSS, HTML e persino un po 'di PHP, per soddisfare le tue esigenze estetiche. Quindi, se sei spaventato dalla terminologia del web design e dal geek in generale, ma ti piace l'idea di un approccio all'apprendimento più informale e di buon umore, questo è un ottimo punto di partenza. Il sito è gratuito, anche se le donazioni sono benvenute.

07. Mozilla School of Webcraft

No, non abbiamo aggiunto un gioco canaglia di Harry Potter nell'elenco. La Mozilla School of Webcraft fa parte di un programma di formazione aperto presso la comunità online per l'apprendimento, Peer to Peer University.

Il sito offre una serie di corsi di formazione gratuiti sul web design, inclusi quelli in CSS, PHP e HTML. Presenta anche varie sfide per testare le tue abilità: ad esempio, la Sfida 101 ti aiuterà a creare il tuo sito web di base da zero.

08. net magazine su Creative Bloq

La nostra rivista gemella net magazine è ricca di tutorial su tutti gli aspetti di HTML, CSS, JavaScript, jQuery e altro, e ha condiviso gran parte dei suoi contenuti precedenti online su Creative Bloq. La maggior parte del materiale qui è rivolto a web designer di livello intermedio e avanzato e consigliamo in particolare la serie "Crea un sito reattivo in una settimana" per chiunque desideri iniziare con il web design reattivo.

09. Smashing Magazine

In realtà non è una rivista (beh, non nel senso tradizionale della parola stampato), ma il blog di web design Smashing Magazine è una fantastica risorsa di tutorial su tutti gli aspetti del processo. Le lezioni sono rivolte all'estremità da intermedio ad avanzato dello spettro del web design.

10. Codecademy

Codecademy si descrive come il "modo più semplice per imparare a programmare" e si è creata una grande reputazione all'interno della comunità del web design.

Questa risorsa gratuita di formazione sul web design percorre il percorso di creazione di siti Web, giochi e app in modo coinvolgente, facilitando gli utenti con una prima lezione molto semplice.

Il sito presenta anche un aspetto di social network, il che significa che gli utenti possono interagire e imparare insieme ad amici e colleghi. E, come Treehouse, anche il team di Codecademy comprende il potere di un badge, offrendolo in vari punti chiave della formazione.

11. Webdesigntuts +

Webdesigntuts + offre gratuitamente una vasta gamma di tutorial su un'ampia gamma di argomenti di web design e sviluppo web. C'è anche un'area premium con contenuti a pagamento. Il sito fa parte della più ampia rete Tuts +, che include Tutorial PSD per Photoshop e Tutorial WP per WordPress.

12. Code School

L'approccio di Code School è aiutare gli utenti a imparare facendo, attraverso video interattivi e codifica nel browser. Questa formazione sul web design ha un prezzo ma, a nostro avviso, è molto ragionevole.

Per soli $ 25 al mese, gli utenti ottengono l'accesso a tutte le aree all'intero contenuto della formazione della scuola. Ma questo non è solo per i singoli, c'è anche la possibilità per le aziende di iscrivere interi team a corsi di formazione, un'offerta di cui IBM e NASA hanno già approfittato.

13. CSS-Trucchi

CSS-Tricks è un blog in cui il web designer Chris Coyier illustra alcune delle più recenti tecniche CSS. È diventato immensamente popolare tra i web designer professionisti e ha recentemente sviluppato una partnership con il numero 4 del nostro elenco, Treehouse. È una fonte brillante e costantemente aggiornata di suggerimenti, tutorial e lezioni video, tutti gratuiti.

14. Sitepoint

La società australiana Sitepoint guadagna vendendo libri di web design e sviluppo, ma ciò non le impedisce di fornire gratuitamente alcuni fantastici tutorial sul suo sito. Questi tendono verso il tecnico, ma ci sono anche alcune utili introduzioni al web design per principianti, come questo articolo su HTML e CSS.

15. Udacity

Vuoi imparare a costruire un semplice browser web in sole sette settimane? O come costruire un motore di ricerca come Google? Bene, con Udacity puoi fare entrambe le cose e, soprattutto, la formazione è assolutamente gratuita ed è guidata da professori esperti di Stanford e dell'Università della Virginia.

Per chiunque sia interessato, i corsi non sono offerti su richiesta. Invece, i potenziali studenti possono visitare il sito Web per un orario di lezione e iscriversi di conseguenza.

16. Code Racer

Non è formazione sul web design in senso tradizionale, ma per qualcosa di completamente diverso, dai un'occhiata a Code Racer. Qui devi correre per finire il codice prima dei tuoi nemici, usare armi speciali per ostacolare i loro progressi e vincere premi lungo la strada! Un modo interattivo e divertente per apprendere le abilità fondamentali di HTML e CSS.

17. Rotaie per zombi

Se vuoi imparare a creare siti web, probabilmente vorrai prima studiare HTML, CSS e JavaScript. Ma se si tratta di app che si desidera creare, potrebbe essere meglio iniziare con un framework per applicazioni web come Ruby on Rails.

Questo è generalmente considerato un ordine più alto rispetto all'apprendimento del markup del sito Web, ma per renderlo più facile e molto più divertente, la suddetta Code School ha creato Rails for Zombies. Sei portato attraverso cinque avventure zombi, ciascuna seguita da esercizi in cui impari programmando Rails nel tuo browser. E soprattutto, è gratis!

18. Why's Poignant Guide to Ruby

Un'altra versione insolita dell'apprendimento di Ruby, Why's Poignant Guide è un libro online gratuito che ti guida attraverso l'apprendimento della lingua utilizzando cartoni animati e uno stile umoristico che è una boccata d'aria fresca in un'arena a volte eccessivamente arida.

19. Impara Python nel modo più duro

Un altro libro online gratuito, quando leggerai Impara Python nel modo più duro, conoscerai le basi della programmazione e sarai pronto per passare a libri più impegnativi.

20. Stackoverflow

Stackoverflow non è di per sé un luogo in cui imparare il web design, ma è una risorsa inestimabile per chiunque impari qualsiasi linguaggio di web design. In parole povere, è un forum di domande e risposte in cui alcune delle menti più brillanti della comunità del web design rinunciano al loro tempo libero per aiutare coloro che sono rimasti irrimediabilmente bloccati.

Quindi, se ti capita di sbattere contro un muro e semplicemente non riesci a capire qualcosa che stai imparando, o hai scritto del codice che non sembra funzionare, questo è un ottimo posto per ottenere aiuto e consigli da qualche vecchio mani (e una volta che diventi più sicuro delle tue capacità, assicurati di pagare in avanti e di aiutare tu stesso alcuni neofiti ...).

21. LearnToProgram.tv

Se sei interessato allo sviluppo web come carriera ma non sai davvero da dove iniziare, questo corso breve e veloce potrebbe essere la cosa giusta per te. Ospitato da Mark Lassoff, Introduzione allo sviluppo web di LearnToProgram.tv è progettato per darti un'anteprima della vita di uno sviluppatore web.

Utilizzando lezioni frenetiche, esempi di codice ed esercizi di laboratorio, ti introdurrà a HTML5, CSS e JavaScript, insegnandoti le tecniche utilizzate ogni giorno dagli sviluppatori web professionisti. Il prezzo standard del corso è di $ 59, ma se utilizzi il link fornito puoi iscriverti gratuitamente.

22. Khan Academy

Quello che era iniziato come un modo per Salman Khan di tutorare i suoi cugini a distanza è diventato un'enorme risorsa di apprendimento online gratuita. Khan Academy vuole fornire un'istruzione di livello mondiale gratuita per tutti e vanta una raccolta vertiginosa di corsi, che coprono principalmente materie più tradizionali come matematica e scienze.

L'argomento informatico non è così ben servito, ma se vuoi imparare JavaScript allora sei fortunato. Presenta tre corsi JavaScript che ti insegneranno i fondamenti della programmazione: un'introduzione a JS, che ti insegnerà abbastanza delle nozioni di base per essere in grado di disegnare e animare; e due corsi avanzati mirati a giochi, visualizzazioni e simulazioni naturali.

Lo hai trovato utile? Facci sapere se ci sono corsi di formazione sul web design che ci siamo persi nella casella dei commenti qui sotto ...

Consigliato
8 errori di WordPress da evitare a tutti i costi
Ulteriore

8 errori di WordPress da evitare a tutti i costi

Tutti commettiamo errori, ma alcune per one che utilizzano WordPre commettono gli te i errori più e più volte. Que ti po ono portare a problemi di icurezza e rallentare il proce o di viluppo...
Dev: mantieni la tecnologia del governo open source
Ulteriore

Dev: mantieni la tecnologia del governo open source

L'ammini tratore di Linux Richard Harvey ha fatto un'appa ionata richie ta di upporto nell'influenzare la politica del governo britannico ull'open ource.Il governo ta attualmente effet...
Il libro Tropical Scratch 'n Sniff è tutto ciò di cui hai bisogno quest'estate
Ulteriore

Il libro Tropical Scratch 'n Sniff è tutto ciò di cui hai bisogno quest'estate

iamo grandi fan della ca a editrice indipendente Belly Kid qui a Creative Bloq. Dal loro libro "Thrill Murray" alla pubblicazione " i ter Like You", pingono co tantemente i confin...