3 spôsoby, ako sa stať profesionálnym webovým dizajnérom a programátorom

Obsah:

3 spôsoby, ako sa stať profesionálnym webovým dizajnérom a programátorom
3 spôsoby, ako sa stať profesionálnym webovým dizajnérom a programátorom

Video: 3 spôsoby, ako sa stať profesionálnym webovým dizajnérom a programátorom

Video: 3 spôsoby, ako sa stať profesionálnym webovým dizajnérom a programátorom
Video: Сводные таблицы Excel с нуля до профи за полчаса + Дэшборды! | 1-ое Видео курса "Сводные Таблицы" 2024, Smieť
Anonim

Weboví vývojári a programátori sú veľmi žiadaní. A aj keď sa to môže zdať komplikované, ak máte vášeň učiť sa jazyky, voľný čas na cvičenie a nejaké know-how v oblasti hľadania a práce s klientmi, môžete si pekne zarobiť na budovaní špičkových webových stránok.

Kroky

Metóda 1 z 3: Naučte sa jazyky

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 1
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 1

Krok 1. Vyberte buď front-end alebo back-end webový vývoj (alebo oboje)

Vyberte si štúdium buď front-end alebo back-end programovania. Front-end (alebo na strane klienta) vývojári potrebujú ovládať rôzne jazyky od HTML po CSS a JavaScript, aby mohli vytvárať webové stránky s atraktívnym dizajnom a užitočnými funkciami. Back-end programátori používajú jazyky ako Python a Ruby, aby stránka fungovala bez problémov.

  • Štúdium front-endového a back-endového vývoja vám pomôže prijať viacero typov zamestnaní.
  • Môžete sa tiež zamerať na používateľské skúsenosti (UX), používateľské rozhranie (UI) alebo vývoj softvéru. Časti týchto disciplín sú začlenené do akéhokoľvek vzdelávania o vývoji webových aplikácií.
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 2
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 2

Krok 2. Získajte pridružený alebo bakalársky titul z webového programovania

Pozrite sa na miestne obchodné školy a vysoké školy, kde nájdete študijný program z informatiky alebo programovania. Ak máte dobré znalosti z matematiky, vedy a techniky, bude pre vás jednoduchšie prijatie do bakalárskych programov.

Nemusíte získať formálny titul, ale tradičná cesta je dobrou voľbou, ak potrebujete štruktúrovanejšiu učebnú skúsenosť

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 3
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 3

Krok 3. Absolvujte online kurz programovania

Online vzdelávacie platformy ako Udemy a Coursera ponúkajú množstvo kurzov programovania. Je to skvelá voľba, ak nežijete v blízkosti odborných škôl, nechcete vyhadzovať peniaze za titul alebo sa radšej učíte z domu vlastným tempom.

  • Kurzy Udemy zvyčajne stoja okolo 10 až 20 dolárov.
  • Niektoré kurzy Coursera sú bezplatné alebo ponúkajú bezplatné skúšobné obdobie. Na získanie oficiálneho osvedčenia o absolvovaní špecializácií (napríklad konkrétnych kódovacích jazykov) však budete musieť zaplatiť poplatok od 39 do 79 dolárov.
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 4
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 4

Krok 4. Študujte schopnosti, ktoré budete potrebovať vo svojom voľnom čase

Či sa už rozhodnete vzdať sa školskej dochádzky, alebo sa chcete len naučiť niektoré jazyky, ktoré váš študijný program neponúka, pomôže vám to zdokonaliť svoje schopnosti v rôznych aplikáciách na vývoj webových aplikácií. Medzi rôzne jazyky, ktoré sa musíte naučiť, patria:

  • HTML: Obsah hlavnej stránky
  • CSS: Styling stránky
  • JavaScript: dynamický obsah (napríklad videá a interaktívna grafika)
  • jQuery: Uľahčuje skriptovanie v JavaScripte
  • PHP: Skriptovanie na strane servera
  • SQL: Správa databázy
  • Bootstrap: Rozvoj webových stránok pre mobilné zariadenia
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 5
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 5

Krok 5. Naučte sa HTML a CSS vytvárať jedinečné webové návrhy

HTML a CSS sú chrbtové jazyky, ktoré vám pomôžu vybudovať kreatívne webové stránky, ktoré vyniknú. Pochopenie týchto dvoch jazykov vám tiež pomôže dlhodobo porozumieť ďalším druhom.

Ak chcete začať zadarmo cvičiť HTML a CSS, navštívte stránku

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 6
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 6

Krok 6. Naučte sa Javascript na vytváranie front-end a back-end obsahu

Potom, čo ste sa naučili základy HTML a CSS, študujte Javascript a zdokonalte svoje programátorské schopnosti. Javascript je vynikajúci jazyk na vytváranie zábavných funkcií stránok, ako je animovaná grafika, posúvanie videa a interaktívne mapy.

Programátori JavaScriptu sú veľmi žiadaní, a preto majú tendenciu zarábať viac peňazí prácou na voľnej nohe alebo prácou s interným tímom

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 7
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 7

Krok 7. Naučte sa vytvárať vektorovú grafiku pomocou aplikácie na úpravu grafiky

Ak si chcete začať s návrhom vektorovej grafiky, zaplatením si stiahnite aplikáciu Adobe Illustrator alebo Muse. Vďaka grafike je webový server jedinečný a zaujímavý, takže vedieť, ako to urobiť, je nevyhnutné na to, aby ste sa stali dobrým webovým vývojárom.

  • Affinity Designer je lacnejšia aplikácia, ktorá je podobná aplikácii Adobe Illustrator.
  • https://inkscape.org je dobrou bezplatnou (a open-source) alternatívou, ak nechcete za aplikáciu vyhadzovať peniaze.
  • Vektorová grafika je v zásade počítačová grafika vytvorená pomocou 2D bodov. Majú často vyššiu kvalitu ako maľovanie pomocou pixelov (čo sa nazýva rastrová grafika).
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 8
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 8

Krok 8. Zoznámte sa s Wordpressom

Prečítajte si, ako prispôsobiť motívy, doplnky a predvolené nastavenia na Wordpresse a vytvárať tak jedinečný vzhľad. Stránka používa hlavne PHP, aby ste s ňou mohli pracovať, musíte vedieť HTML, CSS a nejaký JavaScript. Začnite cvičiť stavanie stránok a blogov na adrese

Je to dôležitá aplikácia, pretože mnoho spoločností a malých firiem uprednostňuje jej všestrannosť a užívateľskú príjemnosť

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 9
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 9

Krok 9. Učte sa od ďalších skvelých webových dizajnérov a programátorov

Pozrite sa na ďalšie dobre navrhnuté webové stránky a všimnite si, ako je rozložená ponuka alebo oblasť obsahu, a potom tieto znalosti použite vo svojich návrhoch.

Ak sa vám napríklad páči, ako funkcia ponuky vyzerá a správa sa na konkrétnom webe, skúste to napodobniť pri precvičovaní vytvárania vlastných webových stránok

Metóda 2 z 3: Získanie práce

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 10
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 10

Krok 1. Propagujte sa ako nezávislý webový vývojár a programátor

Keď práve začínate, ponúknite množstvo služieb od návrhu loga po web design alebo základné kódovanie. Klienti často nevedia, čo presne potrebujú, takže buďte pripravení ponúknuť im množstvo služieb.

  • Oslovte ľudí, ktorých poznáte, a malé miestne firmy, ktoré môžu potrebovať vaše služby.
  • Zamyslite sa nad „obchodom“na predaj svojich služieb klientom. Vaša prednáška môže byť napríklad taká jednoduchá: „Som webový vývojár, ktorý túži vytvárať čistý, používateľsky príjemný a kreatívny obsah pre firmy a podnikateľov.“
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 11
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 11

Krok 2. Prijmite pro-bono úlohy, aby ste si vybudovali portfólio

Kontaktujte neziskové organizácie alebo iné nízkorozpočtové firmy a zistite, či pre nich môžete dobrovoľne vytvoriť webovú stránku. Do práce pro-bono vložte toľko úsilia, koľko by ste zaplatili za prácu.

Ponúknite svoje bezplatné služby na weboch, ako je Craigslist, ktoré vám pomôžu spojiť sa s klientmi a vybudovať si portfólio

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 12
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 12

Krok 3. Vytvorte si webovú stránku, aby ste sa mohli predvádzať svojim portfóliom práce

Vytvorte si svoj vlastný osobný web s portfóliom práce. Nezabudnite zahrnúť „kontaktný“formulár, aby vás klienti mohli najať. Váš web poskytne potenciálnym klientom predstavu o tom, čo môžete urobiť, aby vyzeral skvele!

  • Na svoj web vložte stručný životopis, ktorý bude obsahovať vaše vzdelanie (ak je k dispozícii) a všetky jazyky, s ktorými môžete pracovať. Pokiaľ ide o pracovné skúsenosti, zamerajte sa iba na webové programovanie a návrh (tj. Odstráňte všetky irelevantné úlohy).
  • Váš web bude pôsobiť ako vaša vlastná značka, urobte ho preto nezabudnuteľným a ukážte svoje najkreatívnejšie a najkrajšie návrhy!
  • Vytvorte v rámci svojho portfólia samostatné karty, ktoré ukážu vašu všestrannosť. Napríklad organizujte svoju prácu podľa komerčných alebo úzko špecializovaných návrhov. Alebo môžete mať kartu pre logá a kartu pre šablóny webových stránok.
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 13
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 13

Krok 4. Choďte na konferencie o webovom rozvoji a zdokonalte svoje schopnosti

Zúčastnite sa konferencií, kde sa stretnete s inými vývojármi, naučte sa nové triky a držte krok s najnovšími trendmi v oblasti dizajnu. Tieto typy konferencií sa konajú po celom svete a zvyčajne sú zamerané na rozvoj front-end alebo back-end. Môžete však nájsť konferencie, ktoré sa zameriavajú na oba, ako aj na nespočetné množstvo kódovacích jazykov.

  • Noste so sebou vizitky a spojte sa s ďalšími vývojármi a programátormi, ktorí vám môžu poskytnúť niekoľko tipov a pomôcť vám nájsť klientov.
  • Udalosti často trvajú niekoľko dní a organizujú sa tu workshopy a rečníci zdieľajúci najnovšie technológie, aby sa vaše schopnosti dostali na vyššiu úroveň.

Metóda 3 z 3: Práca s klientmi

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 14
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 14

Krok 1. Vytvorte zmluvu medzi sebou a potenciálnymi klientmi

Spíšte zmluvu, ktorá bude obsahovať niekoľko pravidiel a pokynov pre seba a klienta. Zmluva by mala obsahovať prehľad služieb, ktoré budete vykonávať, informácie o faktúre a platbe a niektoré zmluvné podmienky súvisiace s autorskými právami a dôvernosťou.

Jednoduchá zmluva môže napríklad znieť: „Joanna Tillery (dodávateľ) poskytne spoločnosti Kline LLC (klient) funkčnú webovú stránku, ako to určujú špecifikácie uvedené v nižšie uvedených zmluvných podmienkach. Faktúry budú generované 1. dňa v mesiaci a platby 70 USD za hodinu sú akceptované kreditnou kartou alebo bankovým prevodom. Joanna Tillery môže so súhlasom spoločnosti Kline LLC použiť hotové práce ako súčasť svojho portfólia na budúce obchodné príležitosti. Všetky dokumenty a interakcie medzi spoločnosťami Kline LLC a Joanna Tillery zostanú dôverné. “

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 15
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 15

Krok 2. Nastavte hodinovú sadzbu pre krátke projekty alebo ak práve začínate

Vyberte si cenu sami podľa času, ktorý budete práci venovať. Väčšina začínajúcich programátorov začína nabíjaním 45 až 50 dolárov za hodinu a primerane kvalifikovaní nezávislí pracovníci začínajú s hodinovou mzdou okolo 70 až 75 dolárov za hodinu. Dizajnéri zvyčajne účtujú od 30 do 80 dolárov za hodinu.

Posuňte svoju cenu na základe náročnosti práce alebo vášho vzťahu s klientom. Hodinovú sadzbu môžete napríklad zvýšiť, ak má webová stránka viacero stránok, alebo znížiť cenu, ak sa pokúšate dvoriť novému klientovi

Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 16
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 16

Krok 3. Účtujte fixnú cenu za dlhodobé projekty, ktoré vyžadujú aktualizácie

Ak vás chce klient udržať na palube kvôli aktualizáciám a údržbe, nastavte si paušál. Nezabudnite sa klienta opýtať na jeho rozpočet a požiadavky na projekt, aby ste presne vedeli, čo práca zahŕňa. Je to dôležité, aby ste na konci vedeli, kedy je projekt dokončený. Tu je niekoľko bežných cien bytov za rôzne služby:

  • Nastavenie: 160 dolárov
  • Stavba a dizajn: 5 000 dolárov
  • Obsah: 500 dolárov
  • Údržba a aktualizácie: 500 dolárov
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 17
Staňte sa profesionálnym webovým dizajnérom a programátorom, krok 17

Krok 4. Odvádzajte maximálnu prácu a pravidelne komunikujte so svojim klientom

Požiadajte svojho klienta o jasné ciele, aby ste vedeli, ako k práci pristúpiť. Kontaktujte ich a uistite sa, že sú spokojní s projektom, ktorý robíte. Tiež buďte voči svojmu klientovi úprimní v súvislosti s akýmikoľvek nerealistickými očakávaniami, ktoré by mohli mať od načasovania alebo cien.

Ak napríklad očakávajú, že budete mať ich webovú stránku uvedenú do prevádzky za menej ako týždeň, láskavo vysvetlite základy budovania webovej stránky a trvanie každej časti

Tipy

  • Podeľte sa o svoje návrhy a šablóny na online fórach a požiadajte svojich kolegov o spätnú väzbu.
  • Pripojte sa k online komunite nezávislých pracovníkov, vytvorte si kontakty a zistite viac.
  • Zvážte predaj svojich návrhov alebo šablón na platformách ako Templamatic alebo Theme Forest.

Odporúča: