Prvé kroky vo webdizajne
Webdizajn je univerzálny jazyk a môžete pracovať kdekoľvek, kde sa cítite kreatívni pre ľudí na celom svete. Stačí mať odhodlanie, laptop a pripojenie na internet a ďalšia globálna stránka môže začať od vašej predstavy.
Zdroje pre webdizajn
Tu je zoznam toho, čo musíte naštartovať vo svojej kariére webdizajnu: aké programy používať, aké jazyky sa učiť, rozšírenia pre Chrome, weby s verejnými doménami pre fotografie a ďalšie užitočné veci vo vašom živote webdizajnéra.
# 1. Zakúpte si svoju vlastnú doménu a poskytnite hosťovanieMá to dôležitý vplyv na spôsob vašej práce. Vyberte názov domény v tvare meno-name.com alebo meno-name.ro. Choďte priamo na zahraničný trh, kúpte si doménu .com, stojí asi 9-14 dolárov ročne (alebo promo na GoDaddy.com 4 lei v prvom roku). Budete tiež potrebovať hostingový balíček a neskôr môžete nahrať obsah svojej stránky na server a byť online 24 hodín denne.
Všetko, čo potrebujete, je odhodlanie: Zakladateľ Instagramu Kevin Systrom pracoval na svojom vlastnom notebooku vo Florencii. Aby mohol súbory ukladať na server, šiel blízko verejnej knižnice, kým laptop nezachytil signál WiFi.
Doména .com vám umožňuje globálnu viditeľnosť a je k nej prístupná z Rumunska, ale aj z Kanady, USA alebo Austrálie, čo je dobrá rozvojová príležitosť. Ak to neviete zvládnuť, pošlite mi e-mail na adresu [email protected] a spoločne to vyriešime.
# 2. Stiahnite a nainštalujte si Sublime Text editor a FTP klienta Zilla File
Na vytvorenie webových stránok napíšete kód a tieto stránky nahráte na server. Potrebujete na to program SublimeText a File Zilla
Na stiahnutie: www.sublimetext.com
Na stiahnutie: www.filezilla-project.org
Čítať ďalej: Ako prenášať súbory z počítača na server
# 3. Stiahnite si Bootstrap and Awesome Font
Na stiahnutie: www.getbootstrap.com
Úžasné písmo - ako ste pravdepodobne uhádli, ide o kombináciu typov písma, ktoré umožňujú vkladať rôzne ikony do vašich webových projektov (vektory môžete použiť aj v grafických programoch, prístup na stránku http://fontawesome.io/cheatsheet). Môžete ľahko zmeniť farbu a veľkosť, ktoré vám výrazne ušetria čas, bez toho aby ste sa museli uchyľovať k programom na úpravu grafiky.
Stiahnutie: www.fontawesome.io/
Zoznam ikon: www.fontawesome.io/icons
# 4. Pridajte tieto tri rozšírenia do prehliadača Chrome
Rozšírenia Chrome sa inštalujú rýchlo a pomáhajú vám vytvárať webové stránky.
Úžasná obrazovka - či už chcete pridať do svojho portfólia alebo odoslať, „tlačová obrazovka“ obsahujúca celú stránku, aj po rolovaní, môže byť dosť zložitá. Našťastie tento malý doplnok dokáže vytvoriť kompletnú tlačovú obrazovku pre celú webovú stránku vo vynikajúcej kvalite. Nedávno boli pridané ďalšie možnosti, ktoré môžete otestovať podľa svojich požiadaviek.
Aké písmo - môžete rýchlo zistiť, aké písma používa iná stránka, väčšinou dostanete podrobnosti vo formulári, páči sa mi písmo na stránke x. Pomocou tohto doplnku môžete skontrolovať položku, pozrieť si zdroj alebo kliknúť. Ďalej je určená farba v hexadecimálnom formáte, veľkosť písma a vlastnosť výšky riadku.
Očné kvapkadlo - užitočný doplnok, keď si chcete pozrieť farebný kód na fotografii alebo stránke. Môžete to urobiť aj kontrolou zdroja webu, ale je to rýchlejšie. (Doplnky fungujú, iba ak je vaša stránka na serveri).
Ďalším užitočným nástrojom na snímanie farieb je MioTool Box, malý, ale veľmi užitočný program.
# 5. Používajte bezplatné obrázky
Vo svojich projektoch budete používať obrázky. Väčšinou sú sprístupnené spolu so súvisiacim textom. Sú však chvíle, kedy budete hľadať obrázky na dokončenie svojich projektov. Vynikajúcim zdrojom obrázkov zadarmo je Dreamstime.com.
Čítajte viac: 12 webov s obrázkami zadarmo
# 6. Zadarmo vektorové ikony
Pre weby, ktoré robíte, potrebujete fotografie. Môžete si ich kúpiť na profilových weboch alebo môžete nájsť bezplatné obrázky vo verejnej doméne.
Freepik: www.freepik.com
# 5. Zahŕňa moderné písma od spoločnosti Google Fonts
Fonty Google - pôsobivá zbierka moderných typov písma, ktoré poskytuje Google zadarmo. Môžete hľadať správne písmo podľa rôznych kritérií. Medzi najpoužívanejšie patria: Roboto, Lato a Open Sans. Ak chcete použiť písmo na svojom webe, stačí vložiť odkaz na webovú stránku a požadované špecifikácie písma.
Fonty Google: www.fonts.google.com
Vezmite si so sebou notebook V súčasnosti sú programy používané vo webdizajne malé a spotrebúvajú málo zdrojov. Zakúpte si notebook, ktorý si môžete vziať kamkoľvek so sebou.
Ako vidíte, webdizajn nevyžaduje špeciálne investície, môžete pracovať odkiaľkoľvek, z ľubovoľného notebooku, iba s použitím kódu. Potrebujete len odhodlanie učiť sa nové veci.
Tu je to, čo sa musíte naučiť
Pre začiatočníkov potrebujete iba tri veci: HTML5, CSS3 a Bootstrap. Predstavme si auto: má kolesá, volant, karosériu a ďalšie veci, vďaka ktorým funguje. HTML predstavuje kostru automobilu, skrutky, tyče, časti motora jeden po druhom. CSS nám umožňuje špecifikovať podrobnosti: dĺžka, šírka, červená farba, hrany a aerodynamické tvary, čalúnenie.
Výroba prototypu pre auto však trvá mesiace alebo roky a všetko sa robí od nuly. Keby týmto procesom prešlo každé vyrobené auto, pravdepodobne by som veľa cestoval na bicykli. Bootstrap používa štruktúry HTML, CSS a Java Script vyrábať stroje v sérii, montovať rôzne súčiastky v krátkom čase a dodržiavať osvedčené vzorce a procesy.
To isté platí pre webové stránky: každú navigačnú ponuku môžeme vytvoriť osobitne alebo môžeme zostaviť už vyrobené štruktúry a podľa potreby ich prispôsobiť. Existujú špeciálne projekty, kde napíšete celý kód.
Po asimilácii HTML5, CSS3, Bootstrap môžete prejsť na frontend do Java Script, jQuery, Angular, React.js alebo backend PHP, MySQL, OOP v závislosti na požiadavkách spoločnosti a projektoch, pre ktoré pracujete.
Príklad kódu HTML 5:
Príklad kódu CSS 3:
Kurzy a návody
Internet oplýva informáciami, ako napríklad naučiť sa webdizajn. Môžete sa naučiť oboje, pozerať výukové programy na youtube.com a online kurzy na udacy, lynda.com, teamtreehouse.com. Proces učenia bude spotrebovávať dosť veľa energie, takže je to pre vás dobré doplniť množstvo glukózy s bobuľami, tmavou čokoládou, banánmi a zeleným čajom. Tento aspekt je dôležitý, inak sa časom vaše telo bude cítiť slabé a odreže vás od akejkoľvek túžby začať sa učiť.
Tu sú 3 stránky, kde môžete začať:
1. Nebojte sa internetu
je určená umelcom: návrhárom, fotografom a kreatívnym ľuďom, ktorí chcú zmeniť svoje vlastné stránky. Kurz má 8 video lekcií, prezentácia je kreatívna, intuitívna a zábavná s umeleckou poznámkou. Bez toho, aby ste zachádzali do prílišných podrobností, kurz veľmi dobre vystihuje podstatu toho, čo potrebujete,
2. Kanál 9 Obsah virtuálnej akadémie Microsoft
online video kurz, ktorý veľmi dobre pokrýva základy webdizajnu. Dozviete sa o štruktúre webovej stránky, textoch, obrázkoch, odkazoch, zoznamoch, formulároch a ďalších veciach. Spôsob práce a príkladov je v programe Poznámkový blok, môžete však pracovať priamo v textovom editore Sublime.
3. 30 dní na naučenie sa jazyka HTML a CSS
kurz určený na obdobie 30 dní, video asi 7-12 minút denne. Môže sa zlúčiť a sledovať za 2 - 3 dni, obsahuje základné prvky, dobre štruktúrované.
Čo si zvoliť online kurz alebo kurz v učebni
Môžete začať online kurzami a kurzami, ktoré vám otestujú základy. Online kurzy sú prístupné a je možné ich sledovať večer, cez deň alebo kedykoľvek chcete. Učebne v triede majú vyššie náklady a vy sa musíte presťahovať z domu. Namiesto toho je možné informácie prispôsobiť podľa vašich vedomostí a dostať sa do kontaktu s ďalšími situáciami, ktoré odhalia kolegovia zo skupiny. Okrem toho spoznávate nových priateľov, ktorí sú nadšení pre rovnaké veci ako vy, s ktorými môžete spolupracovať a rozvíjať online projekty.
Ako veľmi záleží na diplome
Z hľadiska webdizajnu záleží na vašom portfóliu, spôsobe práce a odhodlanosti. Väčšina spoločností diplomy nehľadá. Existujú však aj situácie, keď potrebujete diplom: napríklad keď si chcete otvoriť PFA.
Web design a freelancing
Potrebujete odhodlanie, notebook a pripojenie na internet.
V USA existuje viac ako 55 miliónov nezávislých pracovníkov pokrývajúcich širokú škálu služieb, čo predstavuje 33% aktívnej pracovnej sily, trend je výrazne stúpajúci.
Budujte vzťahy globálne
Najlepší spôsob, ako neustále realizovať projekty, je mať svoj vlastný prezentačný web, ktorý môžete neustále rozširovať. Zahraničný trh môžete osloviť priamym kontaktom so zainteresovanými osobami. Môžete to urobiť pomocou sociálnych sietí sledovaním a pridávaním nových priateľov a zverejňovaním užitočných komentárov k blogom, ktoré vás považujú za zaujímavé.
"Milujte svoju rodinu, pracujte super tvrdo, prežite svoju vášeň." „
Gary Vaynerchuk
Rezervujte si každé ráno 2 hodiny na objavenie nového blogu a na čítanie a komentovanie ďalších 5 blogov, pridajte svoje meno a web, napíšte užitočné komentáre pre verejnosť a budete hrdí. Za prvých 30 dní budete mať 150 komentárov, ktoré odkazujú na vaše stránky a prilákate priamych priamych záujemcov.
Nepotrebujete rozpočet na propagáciu, ale iba dôslednosť a odhodlanie v tom, čo robíte. Zameranie na kvalitu, úspech cez noc zvyčajne trvá niekoľko rokov.
Neustále čítajte
V slobodnom povolaní je čas na vašej strane a môžete si ho usporiadať, ako chcete. V prvom roku je vaším cieľom asimilovať čo najviac informácií o značke, podnikaní, podnikaní, marketingu, sociálnych médiách, webdizajne a knihy vám umožnia prístup k skúsenostiam tých, ktorí uspeli.
„Čítaj každý deň 500 stránok ako je táto. Takto vedomosti fungujú. Zvyšujú sa, ako zložený úrok. Dokážeš to každý z vás, ale zaručujem, že to nebude robiť veľa z vás.“
Warren Buffett
Úspešní ľudia majú tendenciu vyberať si vzdelávacie a rozvojové knihy namiesto príbehov, bulvárnych plátkov a časopisov. Zaujímajú sa najmä o biografie a autobiografie ďalších úspešných ľudí, aby získali inšpiráciu a užitočné nápady. Prečítajte si viac o tom, čo majú spoločné: www.medium.com/the-mission/the-reading-habits-of-ultra-successful-people.
Nákup mini poketovej knihy je štíhly a prebieha vo vrecku. Vyskúšajte to v obchode, je dôležité skontrolovať, či je dostatočne malý, aby ste ho mali kdekoľvek vo vrecku. Čakacie okamihy sa teda premenia na dobrú príležitosť na nájdenie nápadov vo vašich knihách.
Tu je 5 titulov užitočných kníh na začiatku freelancingu a ktoré môžu zmeniť spôsob vášho myslenia, konania a komunikácie.
Začnite s Prečo - Simon Sinek
Crush It - Garry Vaynerchuck, s ktorým sa môžete stretnúť 22. mája 2017 v Bukurešti
Jedna vec - Gary Keller, Jay Papasan
Contagious: Why Things Catch On - Jonah Berger
Princíp 80/20 - Richard Koch
Bohatý otec, chudobný otec - Robert T. Kiyosaki
Sila zvyku - Charles Duhigg
Dobrá kniha vo všeobecnosti obsahuje jeden alebo dva nové nápady, ktoré vám pomôžu v tom, čo robíte. Preto musíte neustále objavovať nových autorov a tituly, či už sami alebo z odporúčaní. Ak chcete ľahko nájsť tie správne knihy s informáciami, ktoré sa vás týkajú, použite stránku www.goodreads.com, kde nájdete veľmi dobre vyvinutý kontrolný systém. Ďalším užitočným zdrojom je www.publica.ro.
Postupujte podľa týchto 5 zakladateľov dodajú vám motiváciu, odhodlanie a sebadôveru zmeniť veci okolo vás.
Kevin Systrom - zakladateľ Instagramu
Gary Vaynerchuck - zakladateľ spoločnosti VaynerMedia
Travis Kalanick - zakladateľ spoločnosti Uber
Brian Chesky - zakladateľ Airbnb
Jack Ma - zakladateľ AliBaba
„Dizajnéri + umelci vidia potenciál vo veciach, kde iní nie. Myslím si, že umelci sú v mnohých ohľadoch pôvodní podnikatelia.“ Brian Chesky
Záver
Webdizajn je univerzálny jazyk a môžete pracovať kdekoľvek, kde sa cítite kreatívni pre ľudí na celom svete. Stačí mať odhodlanie, laptop a pripojenie na internet a ďalšia globálna stránka môže začať od vašej predstavy.
Prihláste sa na odber noviniek, kurzov a zliav priamo do vašej doručenej pošty