Alcune competenze sono in crescita della domanda.

Competenze che possono quasi garantire il vostro lavoro e le opportunità per anni e decenni a venire.

Una di queste competenze è lo sviluppo web.

Ti sei chiesto come diventare uno sviluppatore web?

Contrariamente a una credenza popolare, non hai bisogno di una laurea in informatica per diventare uno sviluppatore web e creare un sito web funzionale.

Infatti, se si seguono le istruzioni in questo articolo, si può diventare uno sviluppatore web molto più veloce di quanto si pensi (ma ci vorrà ancora un po ‘ di duro lavoro!).

Pronto? Iniziamo con le basi:

Cosa/Chi è uno sviluppatore Web

Ecco la semplice risposta a questa domanda: costruiscono e gestiscono siti web.

In altre parole, creano letteralmente il modo in cui vivi il web. I siti Web che vogliono che gli utenti godano della loro esperienza hanno bisogno di grandi sviluppatori web-e di solito sono disposti a sborsare qualche soldo serio per ottenere questi grandi sviluppatori web.

Responsabilità di uno sviluppatore web:

1. Scrivere pagine web con una combinazione di linguaggi di markup.
2. Crea modelli e prototipi di qualità.
3. Costruire un sito WordPress da zero.
4. Capire HTML e CMS.
5. Capire UI, UX e l’apprendimento usabilità.
6. Sviluppare siti web funzionali e accattivanti e applicazioni web-based.
7. Fornire manutenzione e miglioramenti del sito web.

Questi sono i requisiti più comuni, ma le vostre responsabilità e compiti variano a seconda del concerto di sviluppo web così come la vostra specialità di sviluppo web.

Parlando di specialità di sviluppo web, ce ne sono tre di cui dovresti essere a conoscenza:

1. Sviluppo frontend: il “frontend” si riferisce a “roba” su un sito Web con cui vedi e interagisci, ad esempio menu, menu a discesa, ecc.
2. Sviluppo del backend: Il “backend” è come la porzione dell’iceberg sotto la superficie. Senza di esso, il sito web non può funzionare. Il backend si occupa di server, applicazioni,database, ecc.
3. Sviluppo full-stack: questa è la combinazione di sviluppo back-end e front-end.

Perché dovresti diventare uno sviluppatore Web?

Lo sviluppo web è un settore che non si estinguerà presto.

In effetti, l’US Bureau of Labor Statistics ha previsto una crescita del 13% nei lavori di sviluppo web disponibili fino al 2028.

In parole povere: se riesci a sviluppare questa abilità, non avrai difficoltà a trovare lavoro per il prossimo futuro.

Ecco CINQUE grandi vantaggi/vantaggi di essere uno sviluppatore web:

1. Puoi lavorare in remoto. Vi siete mai chiesti che cosa sarebbe come lavorare da qualsiasi parte del mondo, sul proprio tempo? Come sviluppatore web, avrai molte opportunità di lavorare in remoto. Forse si può finalmente realizzare quel sogno di viaggiare per il mondo, risparmiando denaro allo stesso tempo.
2. È possibile utilizzare le vostre abilità per costruire i propri siti web e applicazioni web. Vuoi creare un sito web o un’applicazione redditizia? Con questa abilità, non dovrete pagare un sacco di soldi per farlo costruire. Puoi costruirlo da solo per una frazione del prezzo.
3. Puoi lavorare in modo indipendente. Non devi più lavorare sotto l’ombrello di un capo se non vuoi. È possibile freelance o avviare la propria attività molto più facilmente quando si conosce lo sviluppo web.
4. Entra nel settore tecnologico redditizio. Lo sviluppo web è fondamentalmente il tuo biglietto per l’industria tecnologica. La maggior parte delle startup tecnologiche ha bisogno di sviluppatori web, quindi questo può essere il tuo modo per mettere il piede nella porta.
5. Si può costruire roba impressionante! La parte divertente è che si può essere creativi come si desidera. Invece di guardare siti web e pensare, ” Wow, che sembra impressionante. Vorrei poter creare qualcosa di simile, ” ora sarete in grado di creare il vostro molto proprio sito web dall’aspetto impressionante.

Cosa ne pensi? Tutto questo ti entusiasma per l’idea di diventare uno sviluppatore web? Se è così, sei nel posto giusto-perché stai per imparare i passi che devi prendere per diventare uno!

Come diventare uno sviluppatore Web

Impara le basi di HTML, CSS e Javascript

Questi sono i dadi e bulloni di tutto lo sviluppo di siti web con cui lavorerai quotidianamente se decidi di costruire siti web per vivere.

• HTML detta la struttura
• CSS lo farà sembrare carino
• Javascript lo farà funzionare

Discutiamo ognuno di questi e come puoi impararli.

HTML

HTML sta per Hypertext Markup Language. È uno degli ingredienti principali di qualsiasi sito web e uno dei cosiddetti linguaggi frontend.

In breve – fornisce lo scheletro di base di un sito web, principalmente attraverso una serie di tag.

Un tag è il codice HTML che controlla l’aspetto del contenuto del documento HTML.

di seguito alcuni comuni tag HTML si dovrebbe avere familiarità con:

• <HTML></HTML> Questo tag si presenta all’inizio e alla fine di un documento HTML. Indica che il documento è scritto in HTML5.
• <title></title > – Il tag title è il titolo della pagina. Questo è utile sia per i motori di ricerca (quando la scansione e l’indicizzazione delle pagine) e gli utenti (non compare nella barra del titolo del browser) specificando esplicitamente il tema principale di ogni pagina
• <testa></head> che contiene informazioni sulle specifiche di pagina, tra cui il titolo tag, i metadati e il link a script e fogli di stile.
• <body></body > – Questo include tutti i contenuti che verranno mostrati agli utenti, incluso tutto ciò che vedranno e leggeranno.

Nota: Tutti i tag iniziano come “<body>” e finiscono come “</body>”. Il ” / ” indica che il tag specifico non è più in uso in seguito. È importante inserire il tag finale. In caso contrario, l’intero documento utilizzerà quel tag.

Ecco alcune risorse per l’apprendimento dell’HTML:

• HTML Beginner’s Guide
• HTML Cheat Sheet

CSS

CSS sta per Cascading Style Sheets.

Mette lo stile dietro la struttura HTML. Fondamentalmente, senza CSS, HTML e, di conseguenza, l’intera pagina web sembrerebbe noiosa.

Ecco come si combinano: all’interno del tuo codice HTML, fai riferimento a un foglio di stile CSS.

Ecco un esempio di come appare CSS in azione:

}#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

Ecco una grande risorsa per l’apprendimento CSS: CSS Cheat Sheet

Javascript

Javascript è un linguaggio di programmazione che consente di implementare elementi su pagine web. Alimenta funzionalità come mappe interattive, grafica 2D/3D e altro ancora.

Ecco una grande risorsa per aiutarti a imparare Javascript: Javascript Cheat Sheet

Impara le basi di WordPress

Per diventare uno sviluppatore web, dovrai familiarizzare con WordPress. Dopo tutto-63% di tutti i siti web sono alimentati da questo libero, software open-source che è possibile installare praticamente qualsiasi host web.

Una volta impostato un sito WordPress, è abbastanza facile per i tuoi clienti aggiungere contenuti da soli (anche se non hanno alcuna esperienza di sviluppo web).

Abbiamo un sacco di guide WordPress su questo sito. Controllare il link qui sotto:

• Come Fare un Sito web WordPress
• Come Fare un Blog WordPress
• Come Personalizzare WordPress

Conoscere UI e UX

UI (Interfaccia Utente) e UX (User Experience) sono le basi della progettazione dell’esperienza utente.

La maggior parte degli sviluppatori non sono esperti di progettazione – questi sono due regni diversi. Non avrai bisogno di essere una rockstar di design.

È ancora importante notare che imparando i fondamenti del design dell’esperienza utente, puoi capire meglio come dovrebbe funzionare un sito web. Ciò manterrà più utenti sul sito, li aiuterà a trovare ciò che stanno cercando e, infine, spenderà più soldi su quel sito.

Per imparare gli elementi costitutivi delle abilità di progettazione, ti consigliamo di imparare Adobe Creative Suite. Photoshop dovrebbe essere la prima cosa in cui ti immergi, in quanto è il go-to per i designer più seri. Se non ti piace Adobe, puoi anche immergerti in Sketch, che è una stella nascente tra i designer.

Qui ci sono alcune risorse per la comprensione e l’apprendimento di UI e UX:

• La Differenza Tra UX e UI Design-di Un Laico Guida
• Treehouse e Lynda offerta eccellente per i principianti corsi di Photoshop e in generale concetti di design

per Saperne di SQL e PHP (Opzionale)

ti grumo insieme questi due perché sono come le due facce di una stessa medaglia.

SQL è una tecnologia di database (vedi cheat sheet SQL) che memorizza le informazioni. PHP è un linguaggio di ‘scripting’ che inserisce o estrae roba da un database (vedi cheat sheet PHP).

Pensa a WordPress, per esempio.

Utilizza MySQL per archiviare e gestire le informazioni (post del blog, contenuto della pagina, commenti, informazioni sugli utenti, ecc.) in un database ‘tabella’. PHP è ciò che rende dinamico un sito web WordPress, interagendo con tutti questi diversi elementi e aggiornando correttamente il database man mano che vai.

Imparare di più su come SQL e PHP lavorare insieme può aiutare a padroneggiare lo sviluppo del sito WordPress, che letteralmente centinaia (se non migliaia) di persone sono alla ricerca di ogni giorno sul lavoro e schede di progetto su internet.

Risorse aggiuntive per l’apprendimento di PHP e SQL:

• Corso SQL
• TutorialsPoint (PHP)

Non è facile. Non padroneggerai tutto questo per una settimana o due. Ma nel tempo, diventare familiari e poi bravi a questi set di abilità significa che avrai sempre una carriera redditizia davanti a te.

Imparare le basi di SEO

SEO è sinonimo di ottimizzazione dei motori di ricerca. Questo si riferisce al processo di miglioramento del posizionamento di un sito web all’interno di un motore di ricerca come Google. È una delle competenze più importanti nel business online.

Si può pensare, ” Se sono uno sviluppatore, perché ho bisogno di preoccuparsi di quanto bene un sito si colloca nei motori di ricerca? Non è che il lavoro dei blogger e creatori di contenuti?”

Beh sì, una gran parte del SEO di un sito web ha a che fare con il contenuto. Ma anche la struttura e il codice del sito web svolgono un ruolo.

Ad esempio, i tag di intestazione (HTML) sono estremamente importanti per SEO. Dicono ai motori di ricerca cosa è veramente importante su un sito web.

Ora, hai bisogno di essere un esperto SEO? Assolutamente no. Ma si dovrebbe imparare le basi di SEO, e tenere SEO in mente mentre si sta creando ogni sito web. In tal modo, darai al sito Web una maggiore possibilità di successo e renderai il tuo client di sviluppo web molto più felice.

Ecco alcuni suggerimenti SEO per gli sviluppatori web:

• Ottimizza i tuoi meta tag. Nella pagina di ricerca, il meta tag indica ai browser di cosa tratta il tuo sito: meglio è, più è probabile che facciano clic sul sito.
• Assicurati che i tag di intestazione siano in un ordine specifico. H1 dovrebbe essere l’intestazione principale, e quindi dovresti scendere attraverso intestazioni di livello inferiore attraverso la pagina (ad esempio, H2, H3, H4 e così via). Questo rende più facile per i motori di ricerca per navigare nel sito.
• Assicurati che il tag del titolo descriva correttamente la pagina web. Il titolo dovrebbe sottolineare di cosa tratta la pagina.

Ecco alcune risorse per imparare le basi del SEO:

• The Beginner’s Guide to SEO
• Come imparare SEO: 10 delle migliori risorse per Bookmark
• Come aumentare il traffico del sito Web

Dedicare almeno 3-5 ore alla lettura attraverso le risorse e imparare le basi. Questo vi preparerà a sviluppare siti web con SEO in mente.

Assicurati che il tuo sito sia reattivo

Quando crei il tuo sito web (che sarà una buona idea se vuoi ottenere più clienti) – dovresti assicurarti che il tuo sito sia reattivo.

Responsive significa che gli elementi del sito web regolare in base alle dimensioni dello schermo. Ciò significa che il tuo sito web avrà un bell’aspetto se il visitatore è su un laptop o un dispositivo mobile.

Nel 2018, il design reattivo è stato fondamentale. Tutti i tuoi clienti se lo aspetteranno – dare l’esempio e assicurarsi che il vostro sito web è reattivo.

***

Va bene, quindi una volta che si passa attraverso questi 6 passaggi, avrete una conoscenza di base di sviluppo web. Saprai come farlo (almeno a un livello base).

Prendete il vostro tempo con questi passaggi – la domanda per gli sviluppatori web non sta andando giù in qualunque momento presto, in modo da avere il tempo di imparare.

Ma ecco la grande domanda: una volta che ti senti come se avessi quella comprensione di base, come trovi effettivamente i client di sviluppo web?

Sei fortunato – questo è ciò di cui parleremo dopo!

Come trovare il tuo primo client di sviluppo Web (o diventare un LIBERO PROFESSIONISTA)

Solo perché hai l’abilità non significa che le persone ti sborseranno denaro. Devi fare un po ‘ di lavoro e venderti. È inoltre necessario mettersi nei posti giusti per ottenere opportunità.

Ora, come sviluppatore web, hai due scelte. È possibile 1) cercare di atterrare un tempo pieno, lavoro in loco con una società o 2) andare il percorso di freelance, e cercare concerti online.

Si consiglia freelance. Mentre non permettersi lo stesso stipendio garantito che un lavoro a tempo pieno fa, ci sono 3 enormi vantaggi:

• Libertà: Non più clocking in e clocking out. Si potrebbe ancora lavorare le stesse ore (o più), ma il vostro programma, posizione, e le circostanze di vita sono completamente a voi. (Plus – nessun pendolarismo, che consente di risparmiare ore ogni settimana!)
• Soldi: una volta diventato un buon libero professionista, avrai una possibilità migliore di fare più soldi (che aspettare un misero aumento del 3% ogni anno).
• Prestige: Nel tempo, avrai l’opportunità di costruire il tuo lavoro personale e il tuo marchio al punto che alla fine ti garantisce un afflusso costante di nuovi clienti (senza nemmeno doverli cercare!).

Nella sezione seguente, ci concentreremo su come ottenere il tuo primo concerto freelance come sviluppatore web.

Get on Job Boards

La maggior parte dei freelance ha colpito job boards per trovare i loro primi concerti di sviluppo web. Quelli possono essere grandi per accumulare esperienza, ma probabilmente non si vuole usarli come una strategia a lungo termine.

La qualità dei clienti può essere molto hit-or-miss. Alcuni potrebbero essere grandi. Altri meno così

Molte volte attirano persone inesperte nell’assunzione, il che può creare molti problemi quando stai cercando di lavorare con loro. Molto spesso, le schede di lavoro attireranno anche persone con tempi e budget non realistici.

Affidarsi troppo a schede di lavoro (per troppo tempo) non ti darà l’opportunità (o il tempo libero) di iniziare a costruire il tuo marchio. Attirare l’attenzione ‘inbound ‘ al tuo lavoro alla fine ti porterà i migliori (e più remunerativi) clienti alla fine della giornata.

Ma come abbiamo detto, non è una cattiva opzione per iniziare e acquisire esperienza.

Basta capire che ogni concerto si ottiene su una scheda di lavoro (mentre non può pagare molto bene) vi aiuterà a guadagnare esperienza e ottenere più lavoro futuro.

È anche abbastanza facile iniziare a lavorare sulle schede di lavoro

Di seguito è riportata un’immagine dei risultati di una rapida ricerca su UpWork:

(Come puoi vedere, ci sono tonnellate di opportunità di lavoro per gli sviluppatori web!)

Qui ci sono alcune schede di lavoro dove si può trovare di sviluppo web concerti:

• PeoplePerHour.com
• Codeable.io (per WordPress)
• TopTal.com (per WordPress)
• UpWork.com

Mettere insieme un sito di portafoglio

Per rendere più facile per ottenere più clienti (e per i clienti di trovare voi), si dovrebbe creare un sito di portafoglio. Questo è dove potrai mostrare i tuoi ultimi progetti, mostrare testimonianze di clienti felici, fornire ai potenziali clienti un modo semplice per contattarti e anche mostrare le tue capacità di sviluppo web.

Ecco alcuni suggerimenti per creare il tuo sito di portfolio di sviluppo web:

• Utilizzare testimonianze di clienti passati e attuali. Questo assicurerà i visitatori che si fa un grande lavoro e che gli altri erano felici di lavorare con voi. (Prendi l’abitudine di chiedere testimonianze ogni volta che finisci un progetto.)
• Infondere la vostra personalità. Cosa c’è di bello nel lavorare con te e cosa ti fa risaltare? Quando infondi la personalità nel tuo sito di portfolio, ti distinguerai automaticamente.
• Includere gli elementi giusti. Il tuo nome, la versione breve della tua storia di come/perché sei diventato uno sviluppatore web, i tuoi dati di contatto, il tuo lavoro recente e le tue abilità.
• Rispondi al “Cosa c’è in esso per me?” domanda. Fondamentalmente, far loro sapere il vantaggio principale di lavorare con voi, cioè, ciò che i clienti otterranno da lavorare con voi.

Soprattutto-dovresti assicurarti che il tuo sito di portfolio sia fantastico! Vuoi che i potenziali clienti lo vedano e pensino: “Wow! Voglio qualcosa di simile anche per il mio sito web!”In questo modo, saranno molto più interessati a lavorare con te.

Ecco alcuni esempi di grandi siti web developer portfolio da utilizzare come ispirazione:

• MattFarley.ca
• Caferati.me (Parlando di infondere personalità, questo sviluppatore lo fa in grande stile sul suo sito. Vai alla homepage e vedrai cosa intendiamo!)
• Pierre.io

Ecco alcune risorse per aiutarti a costruire il tuo sito di portfolio di sviluppo web:

• Come creare un sito Web di portfolio
• 10 suggerimenti per creare il tuo portfolio di sviluppatori

Avviare il networking

Non passare tutto il tempo a Se si desidera ottenere grandi opportunità, si deve uscire nel mondo reale troppo.

Rendere un punto di partecipare ad almeno 2-3 eventi di networking rilevanti ogni mese. Supponendo che si vive in o entro un’ora o due di una grande città, non dovrebbe essere difficile trovare questo tipo di eventi.

Inizia cercando meetup su Meetup.com e Eventbrite. Solo su queste due piattaforme dovresti trovare tonnellate di eventi rilevanti.

Obiettivo per gli eventi che attirano gli imprenditori, come queste persone saranno i più propensi a voler costruire un nuovo sito web. Quando ti connetti e fai rete con più di queste persone (e fai sapere che sei uno sviluppatore web), ti esporrai a concerti più e migliori di quelli che troverai sulle schede di lavoro. Inizierai anche a far crescere il tuo marchio personale.

Ecco un’altra grande risorsa per aiutarti a trovare gli eventi: Come trovare eventi di networking in realtà vale la pena partecipare

I vantaggi di uno sviluppatore Web a tempo pieno

Abbiamo parlato molto di freelance come sviluppatore web. Tuttavia, lavorare a tempo pieno in un’azienda ha i suoi vantaggi:

• Stai lavorando con altri sviluppatori – questo ti dà il vantaggio di un’esperienza condivisa, soprattutto se sei completamente nuovo. Lavorare con gli altri consente loro di condividere la loro esperienza con te, il che è piuttosto prezioso.
• Il supporto clienti è organizzato: quando lavori in un’azienda, non sei obbligato a lavorare in momenti diversi della giornata. Ciò significa che i clienti dell’azienda sanno quando contattare e si aspettano che il tuo lavoro sia finito.
• Molto più focalizzato carico di lavoro – diversi liberi professionisti oggi lavorano su diversi progetti allo stesso tempo. Questo divide la loro attenzione che può influenzare la qualità complessiva. Come sviluppatore a tempo pieno, è più probabile che tu lavori su un singolo progetto che richiede la tua piena attenzione.

Conclusione

Il mercato del lavoro è sempre più difficile. I lavori più tradizionali vengono gradualmente eliminati ogni giorno. Quindi, perché non imparare un’abilità che ti terrà impiegato (e possibilmente ricco) per il prossimo futuro?

Questo è il grande vantaggio dello sviluppo web. La grande parte è che non hai bisogno di una laurea costosa per entrare in campo. Semplicemente seguendo i passaggi che abbiamo elencato qui, si può iniziare il percorso di diventare uno sviluppatore web.

Inoltre, ci sono un sacco di opzioni software Integrated Development Environment (IDE) che rendono la vita di uno sviluppatore molto più facile.

Per ricapitolare, ecco i passaggi fondamentali per diventare uno sviluppatore web:

1. Imparare le Nozioni di base di HTML, CSS, e Javascript
2. Passare attraverso il Tutorial WordPress
3. Imparare le Basi di UI e UX
4. Imparare SQL e PHP
5. Imparare le Nozioni di base di SEO
6. assicurati che il Tuo Sito è Responsive

E qui ci sono i passaggi fondamentali per trovare il tuo primo sviluppo web gig:

1. Ottenere su Schede di Lavoro
2. Mettere Insieme un Portfolio Sito
3. Inizia Rete

Ora è il momento di agire e mostrare al mondo che cosa un fantastico sviluppatore web si può essere!