Se sei una persona che non può permettersi di perdere un'enorme quantità di denaro, ma è comunque disposta a dedicare tempo e una certa quantità di investimenti per imparare lo sviluppo web, dovrai adottare un approccio più non convenzionale.

Per prima cosa: dovrai essere curioso, interessato e uno studente per tutta la vita.

Sebbene non definitivo né, in alcun modo, esaustivo, quello che segue è un elenco di risorse per aiutarti nel tuo viaggio di sviluppo web dal livello principiante assoluto al livello di successo multi-progetto.

Acquisisci familiarità con gli elementi HTML e CSS essenziali

Le pagine Web sono in gran parte costituite da codici HTML e CSS. Questi due sono i fondamentali. Naturalmente, ci sono altri linguaggi per rendere le cose più interattive, stilizzate, animate, adattive e/o reattive, come jQuery, Python, Ruby on Rails e JavaScript. Ma per cominciare, concentrati su HTML e CSS. Queste sono le cose di cui hai bisogno per iniziare a creare una pagina web da zero.

Dai un'occhiata a entrambi con l'aiuto di siti di tutorial. La maggior parte sono gratuiti, alcuni sono pagati ma comunque più economici di una laurea annuale, soprattutto se si aggiungono mensa, fine settimana della birra e spese di alloggio.

SitePoint

SitePoint ha una guida per principianti assoluti per HTML e CSS, quindi questo è un buon posto per iniziare a familiarizzare con i concetti di base. Imparerai non solo il codice, ma anche gli strumenti per creare un sito Web, dagli editor di testo ai browser agli editor di grafica.

Canale 9

Questa è una pagina di lezioni di 21 episodi che insegna i fondamenti delle pagine Web e della programmazione. Rivolto ai principianti assoluti, preparati a spendere dai 6 ai 48 minuti per episodio. Se vuoi saltare agli episodi su cui pensi di doverti concentrare di più, le lezioni sono completamente gratuite e possono essere guardate in qualsiasi ordine, in qualsiasi momento.

w3resource

w3resource è una risorsa completa approvata dalla comunità di sviluppatori per tutto ciò che riguarda lo sviluppo web. Offre un'ampia base di lezioni di sviluppo web, non solo HTML e CSS. I suoi materiali didattici sono raggruppati per funzione. La prima categoria contiene l'insieme dei linguaggi necessari per lo sviluppo front-end, ed è qui che troverai HTML e CSS. Le altre categorie includono esercitazioni linguistiche per lo sviluppo back-end, la gestione dei database, lo scambio di dati e le API.

HTML Cane

Fondato nel 2003, HTML Dog è un sito con tutorial HTML, CSS e JavaScript. Il loro obiettivo è pubblicare materiali di apprendimento facili da digerire per incoraggiare i principianti e coloro che sono intimiditi dalla programmazione. Le lezioni sono suddivise in vari capitoli e livelli, dal principiante all'avanzato, e ulteriormente strutturate per contenuto che mostra cosa imparerai per lezione.

Shay Howe

Questo sito tutorial ti guida attraverso 12 lezioni su HTML e CSS di base gratuitamente. Piuttosto che pagare per un corso per principianti fin dall'inizio, puoi provare prima questi. Quando hai finito, determina se hai ancora bisogno di quelli a pagamento. Se lo fai ancora, per lo meno, un'introduzione da un sito di tutorial gratuito ti faciliterà nelle tue lezioni a pagamento molto più velocemente che senza alcuna conoscenza.

Una volta terminato il tutorial "creazione della tua prima pagina web", puoi passare al tutorial avanzato per uno sviluppo più approfondito del design front-end.

Rete di sviluppatori Mozilla

Questo sito contiene un elenco completo di collegamenti a una varietà di tutorial e materiali di formazione curati da aziende e sviluppatori. Ci sono molte lezioni tra cui scegliere, non solo HTML e CSS. Dal momento che sono scelti dagli sviluppatori, puoi essere certo che i contenuti a cui portano i link sono credibili, con lezioni orientate a vari livelli, dal principiante all'avanzato.

Memrise

Nell'apprendimento, la ripetizione è fondamentale e Memrise aiuta a rendere divertente la memorizzazione in stile ripetizione attraverso il gioco. Questo può essere fatto mentre sei in viaggio, mentre aspetti in fila per ordinare qualcosa da asporto, ovunque con accesso a Internet, davvero.

Ecco i collegamenti ad alcune lezioni utili su importanti codici HTML, HTML5, CSS e CSS3:

Se ti senti particolarmente diligente, puoi creare lezioni su misura per le tue esigenze e aggiungere i tuoi mem. Sebbene sia preferibile e molto utile, non ci si aspetta che tu ricordi sempre tutti i codici. Se vuoi diventare un professionista, tuttavia, conoscere i tuoi codici a memoria può farti risparmiare tempo quando costruisci siti con scadenze molto stringenti.

W3C

W3C, abbreviazione di World Wide Web Consortium, è costituito da una comunità internazionale di autorità che collaborano con aziende, altre comunità membri, personale interno e il pubblico per organizzare, mantenere e sviluppare standard web. Controllare il sito per le ultime notizie e gli aggiornamenti riguardanti gli standard web può aiutarti ad affinare e adattare le tue abilità di conseguenza.

W3Scuole

Ampiamente considerato dagli sviluppatori professionisti come un sito Web per "niubbi", W3Schools offre un'esperienza di apprendimento e un ambiente decenti per coloro che hanno appena iniziato a imparare a programmare. Hanno un elenco strutturato di lezioni che qualsiasi principiante può seguire comodamente, completo di esempi e un simulatore con cui esercitarsi. W3Schools fornisce anche certificazioni, ma dovrai pagarle.

webplatform.org

WebPlatform.org è una collaborazione del W3C con Apple, Adobe, Facebook, Google, HP, Microsoft, Intel, Mozilla, Opera e Nokia. La funzione principale di WebPlatform.org è quella di ospitare tutta la documentazione sullo sviluppo web. Chiunque è invitato a unirsi e partecipare alle conversazioni. Il contributo e la collaborazione sono fortemente incoraggiati, possibili attraverso una piattaforma MediaWiki.

Cambio istantaneo

Se sei un visitatore abituale, sappiamo che lo sai già. Ma per motivi di coerenza, InstantShift, come mostra lo snippet About, è una community per sviluppatori e designer web. Un blog con più autori, offre una vasta gamma di risorse, articoli e istruzioni, anche temi gratuiti, a cui designer e sviluppatori di diversa esperienza e livello di competenza possono fare riferimento per avviare le proprie conoscenze o trarre ispirazione. Le categorie di articoli includono web design, WordPress, CSS, tutorial, strumenti, omaggi, fotografie e icone, tra gli altri.

Partecipa a lezioni/corsi online

HarvardCS50

Un corso di edX tenuto da David J. Malan, un professore dell'Università di Harvard, seguire questo corso introduttivo all'informatica è un investimento che vale il suo peso in oro, è un miracolo che non lo facciano pagare. Questo è principalmente il motivo per cui molti studenti in tutto il mondo sono grati per le possibilità che i MOOC (massicci corsi online aperti) offrono a coloro che non possono permettersi di entrare in prestigiose università come Harvard. Le lingue che ti verranno insegnate includeranno C, PHP, JavaScript, SQL e, naturalmente, CSS e HTML. Se vuoi utilizzare questa classe per il credito, dovrai pagare per la certificazione.

Tuts+

Tuts+ contiene una serie di tutorial e corsi tra cui scegliere, che vanno dalla programmazione all'illustrazione, al design e allo sviluppo di app per dispositivi mobili. Tuts + ha corsi e tutorial gratuiti, ma l'accesso premium richiede un pagamento di almeno $ 15 al mese a $ 360 all'anno. Offrono una prova gratuita di 14 giorni.

Casa sull'albero

Treehouse è un servizio a pagamento volto a insegnare lo sviluppo web, il design e lo sviluppo di app mobili. L'accesso di base ha un prezzo di $ 24 al mese e pro costa $ 49. Il sito è inoltre dotato di forum, spazi di lavoro, area concorsi e sfide, area bonus lezioni e conferenze, workshop dal vivo, una biblioteca e una community con cui è possibile entrare in contatto e interagire.

Pratica

La pratica rende migliori, se non perfetti. Praticando, lasci che il tuo cervello compia un'azione attiva e creativa che stimolerà un migliore apprendimento e ritenzione, invece di limitarsi a leggere e visualizzare tutorial. Completa il tuo studio esercitandoti con MOOC come:

Codecademy

La registrazione è gratuita con Codecademy e le lezioni sono semplificate per i principianti. Puoi vedere come i tuoi codici HTML e CSS si traducono in una pagina web mentre vengono mostrati dal vivo accanto al tuo editor di testo, cambiando man mano che procedi. C'è anche un forum dove puoi condividere le tue domande e risposte con la comunità.

Codice Vendicatori

Con Code Avengers, anche l'iscrizione è gratuita. Ti consente di creare un sito Web tramite HTML e CSS, completo di istruzioni tramite testo e video. Dopo aver fatto clic sul pulsante di spunta nella parte superiore dell'editor di testo, puoi vedere come appare il tuo codice attraverso una finestra a forma di cellulare sulla destra. Se ti registri per un account, ottieni la possibilità di salvare i tuoi progressi e ottenere un punteggio contro altri partecipanti attraverso una classifica.

Fatti ispirare

Per far fluire i tuoi succhi creativi e trovare modelli di ruolo da emulare, cerca sul Web alcuni esempi del mondo reale. Guarda il tipo di buon materiale che è già là fuori e quello che tutti gli altri ne dicono dal punto di vista dello sviluppatore, del pubblico, dell'interfaccia utente, del design e della programmazione

Ad esempio, puoi dare un'occhiata a sviluppatori, agenzie e siti web riconosciuti a livello globale tramite Awwwards, un sito dedicato a riconoscere e promuovere il meglio del web design e dello sviluppo in tutto il mondo.

Crea un portafoglio

Per renderti più visibile ai clienti, un portfolio è essenziale. Ci sono molti siti di hosting di portfolio là fuori, ma ecco due esempi:

PortfolioBox

Con l'hosting del dominio, l'integrazione con i social media, l'ottimizzazione dei motori di ricerca, il dashboard delle statistiche integrato e la funzionalità di invio di newsletter, vale la pena esaminare PortfolioBox. Ha anche il supporto integrato per smartphone e tablet, quindi il tuo sito web ha un bell'aspetto se visualizzato da qualsiasi dispositivo. PortfolioBox offre un account gratuito, che può ospitare fino a 40 immagini e, al momento della registrazione, ti consentirà di utilizzare le funzionalità Pro per 30 giorni. Pro costa $ 6,90 mensili e viene pagato annualmente.

Palleggiare

Un sito di sviluppatori che funge da piattaforma mostra e racconta per altri sviluppatori, Dribbble ti consente di condividere schermate dei tuoi processi, lavori e progetti. Ha una funzione simile ai social media che ti mostra quante visualizzazioni, Mi piace e commenti ottieni.

Fatti pagare per lavorare

È produttivo continuare ad allenarsi e ad esercitarsi, ma niente batte il tipo di formazione che paga, che è essenzialmente ciò che fa ottenere un lavoro retribuito per le tue capacità. Stai applicando e affinando il tuo mestiere e, alla fine, qualcuno trae vantaggio dal suo valore e lo paga. Siti freelance come ProgrammerMeetDesigner, GetACoder e AuthenticJobs sono solo alcuni dei luoghi che assumono programmatori e designer. Questo articolo un po' obsoleto di Hongkiat.com elenca 50 siti di lavoro freelance per designer e programmatori, la maggior parte dei quali sono ancora in attività.

Entra a far parte di una comunità

Far parte di una comunità è fantastico per mantenerti incoraggiato e trovare risposte ad alcuni problemi particolarmente difficili che incontrerai durante il tuo viaggio di sviluppo web. Ecco un elenco di forum a cui partecipare per acquisire conoscenze più aggiornate, amici, mentori e persino segnalazioni di lavoro.

Gestisci i tuoi progetti

Nel momento in cui ottieni clienti, la gestione del progetto diventa un'abilità essenziale. Semplice e facile da usare, TeuxDeux può organizzare il tuo elenco di attività quotidiane. Lo sviluppo web di solito non è un progetto di un giorno. Per alcuni progetti, dovrai programmare le attività entro un intervallo di tempo e approssimare il tempo necessario per completarle. Per progetti futuri più completi che semplici elenchi di cose da fare o software di collaborazione non possono affrontare, esistono strumenti di collaborazione e gestione dei progetti a tutti gli effetti intuitivi e adattivi, come Comindware Project, che vale la pena considerare.

Un archivio online per il tuo lavoro è un altro utile strumento, quindi avrai un backup in caso di problemi con la tua unità locale. GitHub può ospitare il tuo codice e, se decidi di renderlo pubblicamente disponibile, puoi chiedere commenti, suggerimenti o modifiche di altri sviluppatori per migliorare ulteriormente il tuo lavoro.

Altre risorse che non abbiamo menzionato?

Fonte di registrazione: instantshift.com