Ako rýchlo a kvalitne vytvoriť (nielen) webovú aplikáciu?

"Každý technický problém je jednoduchý do tej doby, než ho začnete implementovať."

Aplikácia či už webové, desktopové alebo mobilné sa vyvíjajú každý deň. Ich vývoj ide nezastaviteľne a obrovskou rýchlosťou vpred. Klienti požadujú svoje aplikácie rýchlo hotové, a preto nie je možné, aby vývoj také aplikácie zabral roky. Minimalizuje sa čas vývoja a zvyšuje sa ich kvalita a rozsah. Ako držať krok s takými aplikáciami? Ako urobiť aplikáciu rýchlo a zároveň tiež kvalitne? To bude téma tohto článku. Článok som zameral na vývoj skôr webových aplikácií, ale niektoré postrehy by sa mohli hodiť aj vývojárom aplikácií mobilných alebo desktopových.

Nesnažte sa urobiť aplikáciu rýchlo, ale kvalitne

Veľa ľudí, webových vývojárov, grafikov a ďalších sa snaží urobiť aplikáciu či web čo najrýchlejšie. Nedochádza im ale, že kvôli tomu obetujú kvalitu či rozsah aplikácie a proces vývoja tým naopak môžu ešte spomaliť. Väčšinou robia elementárne chyby, ktoré môžu mať fatálne dôsledky na termín dokončenia aplikácie či na ich bezpečnosť alebo funkčnosť.

Naučte sa používať hotové riešenie efektívne

Špeciálne pre frontend (ale aj pre backend) aplikácie existuje na webe obrovské množstvo použiteľných materiálov. Či už sú to rôzne grafické prvky alebo komponenty, to všetko už na webe zrejme je. Umenie je ale rozpoznať tie správne, ktoré sa do projektu najviac hodia a ktoré si prípadne môžeme upraviť (tj. Majú vhodnú licenciu a otvorený kód). Príklad takéhoto hotového riešenia je potrebné Twitter bootstrap alebo Font awesome.

Automatizujte si všetko, čo len ide

Webová stránka či aplikácie väčšinou obsahuje množstvo skriptov, štýlov, obrázkov a ďalších vecí. Štýly a JavaScript sa pritom v produkčných verziách takzvane minimalizujú (odstráni sa komentára, premenujú premenné a pod.) Pomocou externých nástrojov, čo jednak zrýchli načítanie a tiež sťažiť ostatným ľuďom čítať kód. Proces nasadenie aplikácie na produkčný server tak môže byť dosť zdĺhavý, pretože toto robíme manuálne. Všetko si ale môžeme automatizovať. Existuje veľa knižníc, ktoré nám minimalizujú kód, zlúči nám súbory skriptov, automaticky vygenerujú náhľady alebo dokonca nahrajú celý projekt na FTP a pritom vykonajú všetko, čo je potrebné. Takéto nástroje nám môžu vo výsledku ušetriť hodiny práce.

Používajte frameworky

Pri vývoji akejkoľvek aplikácie vždy narazíme na veci, ktoré sa opakujú a ktoré väčšinou riešime stále dookola na väčšine projektoch. Takéto základné alebo aj pokročilejšie prvky nám môžu zabrať veľa času. Pritom je nemusíme vôbec vyriešiť správne (napr. Správnej uvádzacích), čo opäť bude mať veľký vplyv na bezpečnosť, funkčnosť alebo výkon. V každom jazyku tak vznikli rôzne frameworky, ktoré viac či menej tieto problémy rieši a snažia sa nám uľahčiť proces vývoja aplikácie. Bolo by dosť nerozumné, tieto frameworky prehliadať.

Urobte si návrh aplikácie

Ešte pred tým, než sa do niečoho pustíte, musíte analyzovať problém. Ťažko sa dá odhadovať termín dokončenia aplikácie, keď ani nevieme, čo všetko bude jej vývoj obnášať a či na neho vôbec stačíme. Návrh aplikácie je veľmi dôležitý. Či už si budete robiť poznámky na papier alebo kresliť všemožné UML diagramy, určite vám to pomôže pri vývoji.

Naštudujte si a používajte návrhové vzory a idiómy

Návrhové vzory a všeobecne architektúra aplikácie je veľmi dôležitá. Zaisťuje nám rozšíriteľnosť, znovupoužitelnost a prehľadnosť kódu. Znalosť návrhových vzorov nám nielenže pomôže pri vývoji, kedy budeme jasne vedieť, ako problém čo najlepšie implementovať, zaručí nám overené postupy, ale tiež pomáhajú pri komunikácii v tíme programátorov. Je totiž oveľa pohodlnejšie a jednoduchšie, povedať programátorovi, aby danú vec implementoval ako Observer, než mu to zložito vysvetľovať. Človek znalý návrhových vzorov môže byť veľkým prínosom pre tím.

Testovať, testovať, testovať!

Vec, ktorá je mnohými hlavne začínajúcimi vývojári či investormi podceňovaná a odsudzovaná. Pritom testujeme skoro stále a ani si to neuvedomujeme. Každý totiž robíme chyby. Koľkokrát ste si už pri vývoji vypísali obsah premenné? To je testovanie, avšak problém týchto testov je, že je z aplikácie hneď po odstránení problému vyradíme. Je dôležité písať testy automatizované. Takéto testy potom môžeme ľahko kedykoľvek spúšťať. Sú veľmi dôležité či už robíme na projekte sami alebo s tímom programátorov. Kód sa oplatí testovať vždy. Testy nám totiž môžu odhaliť nezabezpečené časti aplikácie, neošetrené vstupy a veľmi nám pomôžu potrebné pri refaktorování. Vždy sa o ne môžeme oprieť, avšak pozor, mať aplikáciu na 100% pokrytú testy ešte neznamená, mať ju dokonale zabezpečenú.

Verzujte kód

Zvlášť ak robíte na aplikáciu s niekoľkými ľuďmi, narazíte na problém, ako zmeny v kóde, ktoré ste vykonali, bezpečne doručiť ostatným členom tímu. Odpoveďou je verzovanie. To nám umožní zmeny v kóde nahrávať na vzdialený (či lokálne) server, kam sa uloží a odtiaľ si ich môžu stiahnuť všetci členovia tímu. Naviac sa môžeme vo verziách ľubovoľne vracať späť treba k poslednej funkčnej verzii. Verziovací systémov je veľa, a tak máte z čoho vyberať. Nemenej dôležité je tiež kód dobre okomentovať a zvoliť si nejaký štandard písania kódu, aby bol jednotný v celom projekte.

Záver

Vývoj aplikácie a webových stránok už dnes nie je záležitosť jedného človeka. Na vývoji sa väčšinou bude podieľať viac ľudí. Tento článok bol len ľahkým zhrnutím poznatkov, ktoré som získal pri vývoji aplikácií a webu.