anumite abilități cresc în cerere.

abilități care vă pot garanta aproape locurile de muncă și oportunitățile pentru anii și deceniile următoare.

una dintre aceste abilități este dezvoltarea web.

v-ați întrebat cum să deveniți dezvoltator web?contrar unei credințe populare ,nu aveți nevoie de o diplomă de licență fantezie în informatică pentru a deveni dezvoltator web și a crea un site web funcțional.

de fapt, dacă urmați instrucțiunile din acest articol, puteți deveni un dezvoltator web mult mai repede decât credeți (dar va dura încă o muncă grea!).

gata? Să începem cu elementele de bază:

ce/Cine este un dezvoltator Web

Iată răspunsul simplu la această întrebare: construiesc și întrețin site-uri web.

cu alte cuvinte – ele creează literalmente modul în care experimentați web-ul. Site – urile web care doresc ca utilizatorii să se bucure de experiența lor au nevoie de dezvoltatori web excelenți-și, de obicei, sunt dispuși să plătească niște bani serioși pentru a obține acești mari dezvoltatori web.

responsabilitățile unui dezvoltator web:

1. scrieți pagini web cu o combinație de limbaje de marcare.
2. creați machete și prototipuri de calitate.
3. construiți un site WordPress de la zero.
4. înțelege HTML și CMS.
5. înțelege UI, UX și învățare uzabilitate.
6. dezvolta site-uri web funcționale și atrăgătoare și aplicații bazate pe web.
7. asigurați Întreținerea și îmbunătățirile site-ului web.

acestea sunt cele mai frecvente cerințe, dar responsabilitățile și sarcinile dvs. vor varia în funcție de concertul de dezvoltare web, precum și de specialitatea dvs. de dezvoltare web.

vorbind de specialități de dezvoltare web, există trei care ar trebui să fie conștienți de:

1. dezvoltare Frontend: „frontend” se referă la „chestii” pe un site web pe care le vedeți și să interacționeze cu, de exemplu, meniuri, dropdowns, etc.
2. dezvoltare Backend: „backend” este ca porțiunea aisbergului de sub suprafață. Fără ea, site-ul nu poate funcționa. Backend-ul se ocupă de servere, aplicații, baze de date etc.
3. dezvoltare Full-stack: aceasta este combinația atât de dezvoltare backend și frontend.

de ce ar trebui să devii dezvoltator Web?

dezvoltarea Web este o industrie care nu va dispărea în curând.de fapt, biroul de Statistică a muncii din SUA a prezis o creștere de 13% a locurilor de muncă disponibile pentru dezvoltarea web până în 2028.

pune pur și simplu – dacă poți dezvolta această abilitate, nu vei avea greu să găsești de lucru pentru viitorul previzibil.

aici sunt cinci mari avantaje/beneficii de a fi un dezvoltator web:

1. puteți lucra de la distanță. Te-ai întrebat vreodată cum ar fi să lucrezi de oriunde din lume, în timpul tău liber? Ca dezvoltator web, veți avea o mulțime de oportunități de a lucra de la distanță. Poate că puteți îndeplini în cele din urmă acel vis de a călători în lume în timp ce economisiți bani în același timp.
2. vă puteți folosi abilitățile pentru a vă construi propriile site-uri web și aplicații web. Doriți să faceți un site web sau o aplicație profitabilă? Cu această abilitate, nu va trebui să plătiți o tonă de bani pentru ao construi. Puteți să-l construiți singur pentru o fracțiune din preț.
3. puteți lucra independent. Nu mai trebuie să lucrați sub umbrela unui șef dacă nu doriți. Puteți independent sau de a începe propria afacere mult mai ușor atunci când știi despre dezvoltare web.
4. intrați în industria tehnologică profitabilă. Dezvoltarea Web este practic biletul dvs. către industria tehnologică. Majoritatea startup-urilor tehnologice au nevoie de dezvoltatori web, deci acesta poate fi modul tău de a-ți pune piciorul în ușă.
5. puteți construi lucruri minunat! Partea distractivă este că poți fi cât de creativ vrei. În loc să te uiți la site-uri web și să te gândești: „Wow, asta arată minunat. Aș vrea să pot crea ceva de genul asta,” acum va fi capabil de a crea propriul site-ul dvs. minunat cu aspect.

ce crezi? Toate acestea te entuziasmează de ideea de a deveni dezvoltator web? Dacă da, sunteți în locul potrivit – pentru că sunteți pe cale să învățați pașii pe care trebuie să îi faceți pentru a deveni unul!

cum să devii dezvoltator Web

Aflați elementele de bază ale HTML, CSS și Javascript

acestea sunt piulițele și șuruburile tuturor dezvoltărilor de site-uri web cu care veți lucra zilnic dacă decideți să construiți site-uri web pentru a trăi.

• HTML dictează structura
• CSS va face să arate destul
• Javascript va face să funcționeze

să discutăm fiecare dintre acestea și cum le puteți învăța.

HTML

HTML reprezintă limbajul de marcare hipertext. Este unul dintre ingredientele principale ale oricărui site web și unul dintre așa-numitele limbi frontend.

pe scurt – oferă scheletul de bază al unui site web, în principal printr-o serie de etichete.

o etichetă este codul HTML care controlează aspectul conținutului documentului HTML.

iată câteva etichete HTML comune cu care ar trebui să vă familiarizați:

• <HTML></HTML> – această etichetă apare la începutul și la sfârșitul unui document HTML. Indică faptul că documentul este scris în HTML5.
• <title></title> – eticheta de titlu este titlul paginii. Acest lucru este util atât pentru motoarele de căutare (atunci când scanează și indexează pagini), cât și pentru utilizatori (apare în bara de titlu a browserului), precizând în mod explicit subiectul principal al fiecărei pagini
• <head></head> – aceasta conține informații despre pagina specifică, inclusiv etichete de titlu, metadate și linkuri către Scripturi și foi de stil.
• <body></body> – aceasta include tot conținutul care va fi afișat utilizatorilor, inclusiv tot ceea ce vor vedea și citi.

Notă: toate etichetele încep ca „<corp>” și se termină ca „</corp>”. „/”Indică faptul că eticheta specifică nu mai este utilizată ulterior. Este important să puneți eticheta finală. În caz contrar, întregul document va folosi acea etichetă.

iată câteva resurse pentru învățare HTML:

• Ghidul pentru începători HTML
• foaie de înșelăciune HTML

CSS

CSS înseamnă foi de stil în cascadă.

se pune stilul din spatele structurii HTML. Practic, fără CSS, HTML și, în consecință, întreaga pagină web ar părea plictisitoare.

Iată cum se combină: în codul HTML, faceți referire la o foaie de stil CSS.

Iată un exemplu de cum arată CSS în acțiune:

}#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;}

Iată o resursă excelentă pentru învățarea CSS: CSS Cheat Sheet

Javascript

Javascript este un limbaj de programare care vă permite să implementați elemente pe paginile web. Acesta puteri caracteristici cum ar fi hărți interactive, grafica 2D/3D, și mai mult.

Iată o resursă excelentă pentru a vă ajuta să învățați Javascript: Javascript Cheat Sheet

Aflați elementele de bază ale WordPress

pentru a deveni dezvoltator web, va trebui să vă familiarizați cu WordPress. La urma urmei – 63% din toate site-urile web sunt alimentate de acest software gratuit, open-source, pe care îl puteți instala practic pe orice gazdă web.

odată ce ați configurat un site WordPress, este destul de ușor pentru clienții dvs. să adauge conținut de la sine (chiar dacă nu au experiență de dezvoltare web).

avem o mulțime de ghiduri WordPress pe acest site. Consultați linkurile de mai jos:

• cum se face un site web WordPress
• cum se face un blog WordPress
• cum se personalizează WordPress

cunoașteți UI și UX

UI (interfața cu utilizatorul) și UX (experiența utilizatorului) sunt elementele de bază ale designului experienței utilizatorului.

majoritatea dezvoltatorilor nu sunt experți în proiectare – acestea sunt două tărâmuri diferite. Nu va trebui să fii un rockstar de design.

este încă important să rețineți că, învățând fundamentele designului experienței utilizatorului, puteți înțelege mai bine cum ar trebui să funcționeze un site web. Acest lucru va păstra mai mulți utilizatori pe site, îi va ajuta să găsească ceea ce caută și, în cele din urmă, va cheltui mai mulți bani pe site-ul respectiv.

pentru a învăța elementele de bază ale abilităților de proiectare, vă recomandăm să învățați Adobe Creative Suite. Photoshop ar trebui să fie primul lucru în care te scufunzi, deoarece este cel mai important pentru cei mai serioși designeri. Dacă nu vă place Adobe, vă puteți scufunda și în Sketch, care este o stea în ascensiune printre designeri.

iată câteva resurse pentru înțelegerea și învățarea UI și UX:

• diferența dintre UX și UI Design-Un ghid laic
• Treehouse și Lynda oferă cursuri excelente pentru începători atât în Photoshop, cât și în concepte generale de design

aflați SQL și PHP (opțional)

le vom pune împreună pentru că sunt ca două fețe ale aceleiași monede.

SQL este o tehnologie de baze de date (a se vedea SQL cheat sheet) care stochează informații. PHP este un limbaj ‘scripting’ care plasează sau trage lucruri dintr-o bază de date (a se vedea PHP cheat sheet).

gândiți-vă la WordPress, de exemplu.

utilizează MySQL pentru a stoca și gestiona informații (postări pe blog, conținut de pagină, Comentarii, informații despre utilizatori etc.) într-o bază de date ‘tabel’. PHP este ceea ce face un site web WordPress dinamic, interacționând cu toate aceste elemente diferite și actualizând corect baza de date pe măsură ce mergeți.

aflând mai multe despre modul în care SQL și PHP lucrează împreună vă pot ajuta să stăpâniți dezvoltarea site-ului WordPress, pe care literalmente sute (dacă nu mii) de oameni îl caută în fiecare zi pe panourile de locuri de muncă și proiecte de pe internet.

resurse suplimentare pentru învățarea PHP și SQL:

• curs SQL
• TutorialsPoint (PHP)

nu este ușor. Nu vei stăpâni toate acestea peste o săptămână sau două. Dar, în timp, a deveni familiar și apoi bun la aceste seturi de abilități înseamnă că vei avea întotdeauna o carieră profitabilă în fața ta.

Aflați elementele de bază ale SEO

SEO înseamnă optimizarea motorului de căutare. Aceasta se referă la procesul de îmbunătățire a clasamentului unui site web într-un motor de căutare precum Google. Este una dintre cele mai importante abilități în afaceri online.

s-ar putea să vă gândiți: „dacă sunt dezvoltator, de ce trebuie să vă faceți griji cu privire la cât de bine se clasează un site în motoarele de căutare? Nu este asta treaba bloggerilor și a creatorilor de conținut?”

Ei bine, da, o mare parte din SEO-ul unui site are legătură cu conținutul. Dar structura reală și Codul site-ului joacă un rol, de asemenea.

de exemplu, etichetele de titlu (HTML) sunt extrem de importante pentru SEO. Ei spun motoarelor de căutare ce este cu adevărat important pe un site web.

acum, trebuie să fii expert SEO? Categoric nu. Dar ar trebui să înveți elementele de bază ale SEO și să ții cont de SEO în timp ce creezi fiecare site web. Procedând astfel, veți oferi site-ului o șansă mult mai mare de succes și veți face clientul dvs. de dezvoltare web mult mai fericit.

iată câteva sfaturi SEO pentru dezvoltatorii web:

• Obțineți metaetichetele optimizate. Pe pagina de căutare, meta tag – ul spune browserelor despre ce este site-ul dvs.-cu cât este mai bine, cu atât este mai probabil să facă clic pe site.
• asigurați-vă că etichetele de titlu sunt într-o anumită ordine. H1 ar trebui să fie titlul principal și apoi ar trebui să coborâți prin titluri de nivel inferior prin pagină (adică H2, H3, H4 și așa mai departe). Acest lucru face mai ușor pentru motoarele de căutare să navigheze pe site.
• asigurați-vă că eticheta dvs. de titlu descrie corect pagina web. Titlul ar trebui să sublinieze despre ce este pagina.

iată câteva resurse pentru a învăța elementele de bază ale SEO:

• Ghidul începătorului pentru SEO
• cum să înveți SEO: 10 dintre cele mai bune resurse pentru a marca
• cum să crești traficul site-ului

dedică cel puțin 3-5 ore citirii prin resurse și învățării elementelor de bază. Acest lucru vă va pregăti să dezvoltați site-uri web cu SEO în minte.

asigurați – vă că Site-ul dvs. este receptiv

atunci când creați propriul site web (ceea ce va fi o idee bună dacă doriți să obțineți mai mulți clienți) – ar trebui să vă asigurați că site-ul dvs. este receptiv.

Responsive înseamnă că elementele site-ului se ajustează în funcție de dimensiunea ecranului. Aceasta înseamnă că site-ul dvs. web va arăta bine dacă vizitatorul se află pe un laptop sau pe un dispozitiv mobil.

în 2018, designul receptiv a fost crucial. Toți clienții dvs. se vor aștepta – conduceți prin exemplu și asigurați-vă că site-ul dvs. web este receptiv.

***

bine, deci odată ce parcurgeți acești 6 pași, veți avea o înțelegere de bază a dezvoltării web. Veți ști cum să o faceți (cel puțin la un nivel de bază).

ia – ți timp cu acești pași-cererea pentru dezvoltatorii web nu va scădea în curând, așa că ai timp să înveți.

Dar iată marea întrebare: odată ce simți că ai acea înțelegere de bază în jos, cum găsești de fapt clienți de dezvoltare web?

ai noroc – despre asta vom vorbi în continuare!

cum să-ți găsești primul Client de dezvoltare Web (sau să devii FREELANCER)

doar pentru că ai abilitatea nu înseamnă că oamenii îți vor plăti doar banii. Trebuie să faci puțină muncă și să te vinzi. De asemenea, trebuie să vă puneți în locurile potrivite pentru a obține oportunități.

acum, ca dezvoltator web, aveți două opțiuni. Puteți 1) Încercați să aterizați un loc de muncă cu normă întreagă, la fața locului, cu o companie sau 2) mergeți pe ruta de freelancing și căutați concerte online.

vă recomandăm freelancing. Deși nu oferă același salariu garantat pe care îl are un loc de muncă cu normă întreagă, există 3 beneficii uriașe:

• libertate: nu mai există pontaj și pontaj. S-ar putea să lucrați în continuare aceleași ore (sau mai multe), dar programul, locația și circumstanțele de viață depind complet de dvs. (Plus – fără navetă, ceea ce vă economisește ore în fiecare săptămână!)
• bani: odată ce devii un bun freelancer, vei avea o șansă mai bună de a câștiga mai mulți bani (decât să aștepți o mărire de 3% în fiecare an).
• Prestige: de-a lungul timpului, veți avea ocazia să vă construiți propria muncă personală și marca până la punctul în care vă garantează în cele din urmă un aflux constant de clienți noi (fără a fi nevoie să le căutați!).

în secțiunea următoare, ne vom concentra pe cum să obțineți primul dvs. concert de freelancing ca dezvoltator web.

intra pe placi de locuri de muncă

cele mai multe freelanceri lovit Placi de locuri de muncă pentru a găsi primele lor concerte de dezvoltare web. Acestea pot fi excelente pentru acumularea de experiență, dar probabil că nu doriți să le folosiți ca strategie pe termen lung.

calitatea clientilor poate fi foarte lovit-sau-dor. Unele ar putea fi minunate. Altele mai puțin …

de multe ori atrag oameni care nu au experiență în angajare, ceea ce poate crea o mulțime de probleme atunci când încercați să lucrați cu ei. Destul de des, panourile de locuri de muncă vor atrage, de asemenea, persoane cu termene și bugete nerealiste.

dacă te bazezi prea mult pe panourile de lucru (prea mult timp) nu îți va oferi ocazia (sau timpul liber) de a începe să-ți construiești propriul brand. Atragerea atenției de intrare asupra muncii dvs. vă va aduce în cele din urmă cei mai buni clienți (și cei mai plătiți) la sfârșitul zilei.

dar, așa cum am spus, nu este o opțiune proastă pentru a începe și a câștiga experiență.

trebuie doar să înțelegeți că fiecare concert pe care îl obțineți pe o placă de locuri de muncă (deși este posibil să nu plătiți extrem de bine) vă va ajuta să câștigați experiență și să obțineți mai multă muncă viitoare.

este, de asemenea, destul de ușor pentru a începe pe placi de locuri de muncă…

mai jos este o imagine a rezultatelor dintr-o căutare rapidă pe UpWork:

(după cum puteți vedea, există tone de oportunități de locuri de muncă pentru dezvoltatori web!)

iată câteva tabele de locuri de muncă unde puteți găsi concerte de dezvoltare web:

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

puneți împreună un site de portofoliu

pentru a facilita obținerea mai multor clienți (și pentru ca clienții să vă găsească), ar trebui să creați un site de portofoliu. Aici veți arăta cele mai recente proiecte, veți arăta mărturii de la clienți fericiți, veți oferi potențialilor clienți o modalitate ușoară de a vă contacta și, de asemenea, vă veți arăta capacitățile de dezvoltare web.

iată câteva sfaturi pentru crearea site-ului dvs. de portofoliu de dezvoltare web:

• folosiți mărturii de la clienții trecuți și actuali. Acest lucru îi va asigura pe vizitatori că faceți o muncă excelentă și că alții au fost fericiți să lucreze cu dvs. (Faceți-vă un obicei de a cere mărturii ori de câte ori terminați un proiect.)
• infuzeze personalitatea ta. Ce este minunat să lucrezi cu tine și ce te face să ieși în evidență? Când infuzați personalitatea în site-ul dvs. de portofoliu, vă veți separa automat.
• includeți elementele potrivite. Numele dvs., versiunea scurtă a poveștii dvs. despre cum/de ce ați devenit dezvoltator web, detaliile dvs. de contact, munca recentă și abilitățile dvs.
• răspunde la „ce este în ea pentru mine?”întrebare. Practic, anunțați-i principalul beneficiu al colaborării cu dvs., adică ce vor obține clienții din lucrul cu dvs.

Mai presus de toate – ar trebui să vă asigurați că site-ul dvs. de portofoliu arată minunat! Vrei ca potențialii clienți să o vadă și să se gândească: „Wow! Vreau ceva de genul asta pentru site-ul meu prea!”În acest fel, vor fi mult mai interesați să lucreze cu tine.

iată câteva exemple de mari site-uri de portofoliu dezvoltator web pentru a utiliza ca sursă de inspirație:

• MattFarley.ca
• Caferati.eu (vorbind despre infuzarea personalității, acest dezvoltator o face într-un mod mare pe site-ul său. Du-te la pagina de start și veți vedea ce ne referim!)
• Pierre.io

iată câteva resurse pentru a vă ajuta să vă construiți site-ul portofoliului de dezvoltare web:

• cum să creați un site web de portofoliu
• 10 Sfaturi pentru crearea portofoliului dvs. de dezvoltatori

Start Networking

nu vă petreceți tot timpul căutând panouri de locuri de muncă online. Dacă doriți să obțineți oportunități mari, trebuie să ieșiți și în lumea reală.

faceți un punct pentru a participa la cel puțin 2-3 evenimente relevante de rețea în fiecare lună. Presupunând că locuiți într-o oră sau două dintr-un oraș mare, nu ar trebui să fie dificil să găsiți astfel de evenimente.

începeți prin a căuta întâlniri pe Meetup.com și Eventbrite. Numai pe aceste două platforme ar trebui să găsiți tone de evenimente relevante.

scopul pentru evenimente care atrag antreprenori, deoarece acești oameni vor fi cel mai probabil să vrea să construiască un nou site web. Pe măsură ce vă conectați și faceți rețea cu mai mulți dintre acești oameni (și lăsați-i să știe că sunteți dezvoltator web), vă veți expune la concerte mai multe și mai bune decât cele pe care le-ați găsi pe panourile de locuri de muncă. De asemenea, veți începe să vă dezvoltați brandul personal.

Iată o altă resursă excelentă pentru a vă ajuta să găsiți evenimente: cum să găsiți evenimente de rețea care merită să participați

beneficiile unui dezvoltator web cu normă întreagă

am vorbit mult despre freelancing ca dezvoltator web. Cu toate acestea, lucrul cu normă întreagă într-o companie are propriile beneficii:

• lucrați cu alți dezvoltatori – acest lucru vă oferă avantajul unei experiențe comune, mai ales dacă sunteți complet nou. Lucrul cu ceilalți le permite să împărtășească experiența lor cu dvs., ceea ce este destul de valoros.
• Suportul pentru clienți este organizat – când lucrați într-o companie, nu sunteți obligat să lucrați în diferite momente ale zilei. Aceasta înseamnă că clienții companiei știu când să contacteze și se așteaptă ca munca dvs. să fie terminată.
• volum de muncă mult mai concentrat – mai mulți freelanceri lucrează astăzi la diferite proiecte în același timp. Acest lucru împarte concentrarea lor, ceea ce poate afecta calitatea generală. În calitate de dezvoltator cu normă întreagă, este mai probabil să lucrați la un singur proiect care necesită atenția dvs. deplină.

concluzie

piața muncii devine din ce în ce mai dură. Locurile de muncă mai tradiționale sunt eliminate treptat în fiecare zi. Deci, de ce să nu înveți o abilitate care să te țină angajat (și, eventual, bogat) pentru viitorul previzibil?

acesta este marele avantaj al dezvoltării web. Cea mai mare parte este – nu aveți nevoie de un grad de lux scump pentru a intra în domeniu. Pur și simplu urmând pașii pe care i-am enumerat aici, puteți începe calea de a deveni dezvoltator web.

De asemenea, există o mulțime de mediu de dezvoltare integrat (IDE) Opțiuni de software care fac viața unui dezvoltator mult mai ușor.

pentru a recapitula, aici sunt pașii de bază pentru a deveni un dezvoltator web:

1. Aflați elementele de bază ale HTML, CSS și Javascript
2. treceți prin tutorialele WordPress
3. Aflați elementele de bază ale UI și UX
4. aflați SQL și PHP
5. Aflați elementele de bază ale SEO
6. asigurați-vă că Site-ul dvs. este receptiv

și iată pașii de bază pentru a găsi primul dvs. concert de dezvoltare web:

1. li> pune împreună un site de portofoliu
2. start networking

acum este timpul să ia măsuri și să arate lumii ce un dezvoltator web minunat poti fi!