Chcete sa naučiť vývoj webových aplikácií, ale neviete, kde začať?

Mali by ste záujem učiť sa vývoj webových aplikácií a stať sa webovým vývojárom? V prvom rade gratulujem. Vybrali ste si skvele.

A pretože toto čítate, už môžete byť aktívnym členom skupiny na Facebooku, subredditu alebo inej online kódovacej komunite. Čo je skvelé miesto pre začiatok a pre nájdenie podpory pri vašom vybranom prenasledovaní.

Opäť sa vám zatiaľ darí.

Takže v závislosti na vašom pôvode by vás mohlo zaujímať, kde sa začať učiť vývoj webových aplikácií. Ak ste hlavne Googlovali v okolí, môžete sa cítiť trochu zahltení všetkými jazykmi, rámcami a vzdelávacími zdrojmi.

No neboj sa. Nie si sám. Google môže byť váš najlepší priateľ alebo váš najhorší nepriateľ. Záleží len na tom, ako ho použijete.

Začnite s mysľou na koniec.

Jednou z prvých vecí, ktoré odporúčam urobiť pri začatí učenia sa vývoja webových aplikácií, je rozhodnúť sa o jasnom konečnom cieli a mať ho na pamäti.

Možno chcete zmeniť kariéru. Možno máte zlý nápad na aplikáciu. Alebo sa možno chcete iba naučiť pre zábavu.

Nech už je váš cieľ akýkoľvek, je dôležité pochopiť, prečo to robíte. Toto pochopenie vám pomôže zvýšiť produktivitu času na učenie. Pomôže vám tiež povzbudiť vás v tých časoch, keď máte chuť to vzdať.

Pamätajte, že bez ohľadu na to, aký konečný cieľ sa teraz môže zdať prepracovaný a ďaleko, môžete ho dosiahnuť tvrdou prácou a vytrvalosťou.

Za predpokladu, že nemáte žiadne predchádzajúce skúsenosti, je dobré na začiatku rozhodnúť aj o tom, či váš záujem spočíva v rozvoji back-endu alebo frontendu. Stručne vysvetlím rozdiel.

Frontend - to je to, čo koncový používateľ vidí a interaguje s ním na stránke. Je to všetok dizajn, efektné efekty, rozloženie a snímky, ktoré vytvárajú dojem používateľa.

Frontendovými vývojármi budú vo všeobecnosti vizuálni kreatívci s vynikajúcimi dizajnérskymi zručnosťami a vášňou pre prístupnosť a používateľskú skúsenosť. Technológie často spojené s vývojom front-end webov sú HTML, CSS, jQuery a JavaScript.

Backend - toto je časť, ktorá zvyčajne spracováva, ukladá a manipuluje s údajmi. Je to ako webové stránky alebo aplikácia funguje. Back-end vývojári sú zvyčajne dobrí riešitelia problémov, logickí myslitelia, ktorí sa zaujímajú o funkčnosť webových stránok alebo aplikácií. Vývoj back-endu je zvyčajne spojený s jazykmi na strane servera, ako sú PHP, Python a Ruby.

Hneď od začiatku som vedel, že jednoducho nemám taký vkus pre vizuálny dizajn, ktorý by mnohých vývojárov lákal na front-end vývoj. Toto rozhodnutie som asi považoval za jednoduchšie ako väčšina, pretože som mal pôvod v strojárstve a stavebníctve. Prirodzene som viac podobný riešeniu problémov a zisťovaniu, ako veci fungujú, ako tomu, aby veci vyzerali pekne!

Či tak alebo onak, nech už vás zaujíma akýkoľvek problém, stále si myslím, že najlepším východiskom je naučiť sa základné HTML a CSS. Nakoniec, nezáleží na tom, v ktorej oblasti vývoja chcete nakoniec pracovať, stále musíte byť schopní zobraziť ju na nejakej mierne prezentovateľnej forme na webovej stránke.

Najskôr najskôr choďte priamo na freeCodeCamp alebo Codecademy a absolvujte ich kurzy „HTML a CSS“. To by vám malo dať pocit, o čom tieto technológie sú.

Vďaka interaktívnemu výučbovému prostrediu vám tiež umožnia okamžite začať písať kód, namiesto aby najskôr museli zisťovať, ako nastaviť miestne vývojové prostredie. Nič vás neurobí viac, ako keby ste napísali nejaký kód a hneď absolvovali nejaké testy.

Keď to urobíte, gratulujeme! Začali ste na svojej ceste vývoja webových aplikácií.

Teraz je čas trénovať. To sa na začiatku môže zdať ťažké. Je ťažké nájsť si čas, keď máte prácu na plný úväzok, školu, partnera alebo deti, ktoré by vyžadovali vašu pozornosť.

Kľúčová je však konzistencia . Oveľa viac sa dozviete, keď budete každý deň hodinu kódovať, namiesto toho, aby ste v sobotu strávili programovaním sedem hodín.

Ľudia sú tvormi zvyku, takže si kódovanie urobte súčasťou svojej každodennej rutiny. Nájdite si čas a pokračujte.

Naučiť sa kódovať je ako snažiť sa stať najsilnejším mužom sveta.

Ak ste niekedy sledovali súťaž „Worlds Strongest Man“, učenie sa programovania je veľmi podobné udalosti ťahania nákladných vozidiel. Je také ťažké ísť na štart. Zdá sa to ako nemožná úloha. Robíte iba detské kroky.

Ale akonáhle rozbehnete tento kamión, bude to jednoduchšie a ľahšie, až kým nezistíte, že bežíte ku koncu! Dobre ... možno nebeží! :-)

Ak váš učebný štýl viac vyhovuje videonávodom, pozrite si tiež niektoré z kurzov HTML a CSS, ktoré nájdete na YouTube.

Osobne môžem odporučiť tieto dva bezplatné kurzy Udemy od Edwina Diaza a Brada Husseyho. Obaja sú skvelí inštruktori (ak nie trochu svojrázni). A oba kurzy sa budú týkať nastavenia vývojového prostredia, stiahnutia textového editora (mám rád Sublime a Brackets) a zostavenia skutočného projektu.

Krátke varovné upozornenie: aj keď je Udemy skvelý, nenechajte sa vtiahnuť nakupovaním množstva kurzov. V tejto počiatočnej fáze nie je potrebné utrácať žiadne peniaze za učebné zdroje. Nie je núdza o úžasné veci, ktoré sú k dispozícii úplne zadarmo. A teraz na začiatku pravdepodobne nie si stopercentne istý, čo sa chceš naučiť.

Vďaka úžasným komunitám, ako je freeCodeCamp, je vzdelávanie pre masy úplne zadarmo. A vážne, ak sa správne uplatníte, naozaj nemusíte nič míňať.

Jednou z krásnych vecí na vývoji webových aplikácií aj na komunite pre vývoj webových aplikácií je to, že nediskriminuje. Neexistujú žiadne prekážky vstupu. A väčšina skúsenejších členov komunity je ochotná pomôcť, poradiť a venovať čas iným.

Predtým, ako začnete stavať veci, nemusíte byť odborníkmi na HTML alebo CSS.

Jedna vec, ktorú by som chcel zdôrazniť pred tým, ako sa k tomu prihlásite: v žiadnom prípade nemusíte byť odborníkom na HTML a CSS, aby ste mohli začať budovať veci alebo pokračovať v učení sa jazyka na strane servera.

Nemusíte tráviť mesiace a mesiace robením tutoriálu za tutoriálom. Nezaseknite sa v rutine výučby programovania. Keď už máte základy dole, môžete sa učiť, ako budujete.

Šablóny nie sú nepriateľom.

Niečo iné, čo som na začiatku považoval za užitočné, je práca so šablónami. Teraz ma ešte neznášaj - počuj ma!

Len pár týždňov po prvom otvorení editora kódov sa mi podarilo spustiť profesionálne vyzerajúci web pre podnikanie môjho švagra. Táto webová stránka bola založená na šablóne 12 dolárov, ale je tu veľa vecí, ktoré si môžete vyzdvihnúť zadarmo.

Viem, že niektorí ľudia zdvihnú obočie nad tým, čo som práve povedal. Ale ako začiatočník som mohol pracovať s kódom, ktorý už bol dobre štruktúrovaný a naformátovaný. To mi tiež umožnilo vytvoriť lepšie projekty, čo zvýšilo moju dôveru a nadšenie pre vývoj webových aplikácií.

Táto skúsenosť ma naučila čítať dokumentáciu (čo je veľmi dôležitá súčasť vývoja). Taktiež ma zoznámilo s technológiami ako jQuery a dalo mi šancu pracovať s JavaScriptom.

Ďalším bodom, ktorý by som mal spomenúť, je, že veľa agentúr pre návrh webových aplikácií a softvérových spoločností používa šablóny každý deň.

Šablóna nevytvára úžasný web, ale poskytuje rámec, na ktorom môžete vytvoriť vynikajúci web. Pracujem v softvérovej spoločnosti založenej na produktoch a na predných stranách našich produktov používame šablóny. To znamená, že sa môžeme sústrediť na funkčnosť nášho produktu a nestrácať drahocenný čas opätovným vynájdením kolesa.

To znamená, že ak je vaším konečným cieľom stať sa skvelým front-end webovým vývojárom, musíte stráviť čas osvojovaním si týchto schopností. Čo hovorím je, nenechajte sa tým brzdiť, nenechajte sa zahĺbiť robením tutoriálu za tutoriálom. Stavajte!

Ak považujete tento príspevok za užitočný a zaujímate sa o podobný obsah, potom ma prosím sledujte alebo zdieľajte. Vašu podporu si skutočne vážime!

Tiež vždy rád pomôžem ľuďom, kde je to možné, takže kľudne pozdravte :-)