Programovanie web stránok – Ako si vybrať správneho programátora a web stránku

| František Harangózo | aktualizované

Tento článok je určený pre všetkých, ktorí potrebujú web stránku, no nerozumejú procesu jej tvorby. Pomôže vám lepšie sa zorientovať, vybrať si správne riešenie a tým ušetriť čas aj peniaze. 

Nasledujúce odpovede vám pomôžu pri rozhodovaní alebo vám umožnia klásť programátorovi tie správne otázky.

Ak si chcete prečítat o tom ako správne vybrať programátora chodte na koniec článku. 

V tomto článku sa ďalej dozviete:

Postup, ktorý vám pomôže:

1. Položte si otázku: „Prečo potrebujem web stránku?“

Úplne prvá otázka je: Na čo vlastne potrebujem web stránku?
Od tejto odpovede by sa mal odvíjať celý ďalší postup.

Príklad: Potrebujem web stránku na prezentáciu svojich služieb.

2. Na čom bude web stránka naprogramovaná?

Máte niekoľko možností. Uvádzam tie, s ktorými som sa stretol počas 16 rokov v oblasti tvorby web stránok. Existujú dva hlavné smery:

  • Web stránka naprogramovaná na mieru
  • Web stránka vyskladaná z existujúcich modulov, pluginov a funkcií

Web stránka naprogramovaná na mieru

web stránka na mieru – príklad: Goodwill Recruitment

Ak chcete web stránku naprogramovať, musíte na to použiť programovací jazyk, ktorý pracuje s internetovým prehliadačom. Nebudem vám rozpisovať podrobne o týchto jazykoch, no vysvetlím na príkladoch, kde sa najčastejšie používajú, aby ste vedeli, či sú vhodné na váš projekt.

PHP

  • Skriptovací jazyk, ktorý sa používa najmä na tvorbu dynamických webových aplikácií a backendových riešení.
  • Príklady použitia:
    • Webová stránka s formulárom na registráciu používateľov
    • E-shop
    • Fórum
    • CRM – firemný softvér na správu kontaktov, skladu alebo faktúr
    • Prezentačný web
  • Výhoda: Väčší počet programátorov, ktorí ovládajú tento jazyk, a tým pádom aj väčšia konkurencia a možnosť nájsť toho najšikovnejšieho za rozumnú cenu.
  • Nevýhoda: Pracnejšie programovanie rôznych funkcionalít. Potrebná je aktualizácia PHP na serveri – pri väčšom projekte je kvôli bezpečnosti potrebné aktualizovať PHP na vyššie verzie.

JavaScript

  • Skriptovací jazyk, ktorý sa používa najmä na tvorbu interaktívnych prvkov a dynamických komponentov na strane klienta.
  • Čoraz viac sa začína používať aj na tvorbu jednoduchých web stránok kvôli rýchlosti načítania a efektom, kedy sa web stránka môže dynamicky meniť.
  • Dá sa použiť prakticky na všetky druhy webových stránok.
  • Nevýhoda: JavaScript má menej skúsených programátorov na trhu, preto je cena kvalitného programátora vyššia.
    Nie každý programátor ovláda SEO a vie naprogramovať web stránku tak, aby sa pre prehliadače vykresľovala podľa SEO pravidiel. Zistite si cenu za projekt, hodinovú sadzbu a úroveň jeho znalostí v oblasti SEO.
  • Výhoda: Rýchle web stránky s dynamickým obsahom. Môžete si vymyslieť rôzne efekty alebo funkcionality. Nie je potrebné refreshovať web stránku – zmeny sa dejú okamžite.

Node.js

  • Vytvorený bol v roku 2009 a je to prostredie pre vývoj aplikácií v JavaScripte alebo TypeScripte.
  • Prakticky vhodný na tvorbu všetkých webových aplikácií, no najlepšie využiteľný pre real-time aplikácie ako chaty alebo streamovacie aplikácie.
  • Vhodný na mikroslužby a cloudové aplikácie.
  • Aktuálne veľmi využívaný vo Vibe coding komunite – to sú programátori, ktorí programujú pomocou umelej inteligencie.
  • Výhody:
    • Rýchlosť načítania web stránky aj spracovanie dát
    • Jednotný jazyk JavaScript pre frontend aj backend
    • Veľká komunita programátorov
    • Asynchrónne spracovanie operácií – server spracováva viac operácií naraz
  • Na rozdiel od PHP, kde sa každá operácia vykoná až po skončení predchádzajúcej, Node.js zvláda veľa požiadaviek naraz.
    PHP s MySQL databázou je jednoduchšie na začiatok, ale menej efektívne pri veľkom zaťažení.
  • Nevýhody: Závisia najmä od skúseností programátora. Čím je skúsenejší, tým menšie je bezpečnostné riziko. Opäť však treba skúseného JavaScript programátora, ktorého hodinovka môže byť vyššia.

HyperText Markup Language (HTML)

  • Tento programovací jazyk vznikol v 90. rokoch ako súčasť vývoja World Wide Webu. Vytvoril ho Tim Berners-Lee.
    HTML je značkovací jazyk, ktorý umožňuje štruktúrovať dokumenty – nadpisy, odstavce, odkazy a obrázky.
  • Vďaka HTML viete vytvoriť:
    • Jednoduchú web vizitku, ktorá neobsahuje žiadne funkcie ako formulár, zapamätanie údajov, ukladanie e-mailov, hesiel či dát.
    • Web vizitka pôsobí ako textová stránka s obrázkami.
    • Ak ju chcete mať krajšiu, musíte použiť CSS štýly.CSS štýly slúžia na to, aby ste napríklad vytvorili oblé tlačidlo alebo pridali efekt zmeny farby.
  • Nie je to vhodný jazyk na programovanie web stránok, s ktorými má používateľ pracovať alebo komunikovať. Ak však nemáte žiadnu web stránku a chcete mať na svojej doméne uvedené kontaktné informácie a galériu – a zároveň nepotrebujete tento obsah upravovať – bude vám to stačiť.
  • Editáciu HTML neviete robiť bez toho, aby ste poznali tento jazyk.
    Nie je možné mať na to CMS systém, kde by ste editovali HTML, pokiaľ ten CMS systém nie je naprogramovaný v niektorom z vyššie spomenutých jazykov.

Web stránka naprogramovaná na mieru a jej správa

web stránka na mieru – editor, ukážka z Laravel editora

Ako budete svoju web stránku upravovať? Potrebujete, aby vám programátor naprogramoval editor.
Nebudem rozpisovať druhy editorov – niektorí programátori vedia vytvoriť vlastný, iní použijú existujúci framework, napríklad Laravel, ktorý si prispôsobia na úpravu vašej web stránky.

Čo je to framework?

Jednoducho povedané – framework je ako stavebnica, ktorá už obsahuje hotové diely. Programátor sa tak nemusí zaoberať základnými úlohami od začiatku, ale môže sa sústrediť na konkrétne funkcie aplikácie.

Výhody web stránky na mieru:

  • Aktualizácie a bezpečnosť: Vysoká bezpečnosť, aktualizácie však závisia od programátora.
  • Funkcie: Možnosť úplne prispôsobiť funkcionalitu.
  • Vhodné projekty: Komplexné portály, veľké e-shopy, firemné stránky.

Nevýhody web stránky na mieru:

  • Cena: Vyššie náklady na vývoj a údržbu. Platíte len za hosting, kde je stránka umiestnená.
  • Údržba: Programátor musí aspoň raz ročne aktualizovať verziu PHP kvôli bezpečnosti, s čím sú spojené náklady.

Potrebné na spustenie web stránky s CMS systémom

  • Hosting
  • Doména
  • Databáza
  • Prípadne licencia, ak programátor použije platenú aplikáciu alebo knižnicu

Web stránka vyskladaná a upravená na mieru

web stránka vyskladaná a upravená na mieru – Starlink, ukážka webu aj editora

Tento prístup sa využíva pre menšie projekty, no stretol som sa aj s väčšími e-shopmi, ktoré ho používali.
Treba však poznať limity a možnosti, ktoré tieto systémy majú – patria sem aj platené web stránky s mesačným poplatkom.

Ak sa rozhodnete používať web stránku vyskladanú a upravenu na mieru, odporúčam vybrať si takú, ktorá nemá mesačný poplatok. Dôvod je jednoduchý: web stránky s mesačným poplatkom nevlastníte – nie sú vaše. Jedine obsah a médiá, ktoré tam nahráte, sú vaše.

 

Bez mesačného poplatku (s investíciou do hostingu a vývoja)

Tieto systémy sú síce zadarmo na použitie (open-source), ale vyžadujú hosting a často aj služby programátora, dizajnéra alebo správcu.

  • WordPress - najrozšírenejší CMS systém na svete 
  • Joomla – robustný CMS systém s veľkou komunitou 
  • Drupal – výkonný, ale náročnejší CMS vhodný pre komplexné portály 
  • Prestashop – špecializovaný na e-shopy, ale potrebuje hosting a úpravy 

S mesačným poplatkom (bez nutnosti hostingu alebo inštalácie)

Všetko funguje v cloude. Užívateľ platí mesačný paušál a nemusí riešiť technické detaily. Ideálne pre menšie projekty alebo rýchly štart. Týchto riešeni je veľmi vela vymenujem najznámejšie. Osobne mám dobrú skusenosť s webnode na ktorom je mnoho začínajúcich podnikatelov.

  • Shopify – jednoduché riešenie pre eshopy
  • Wix – jednoduchý drag & drop builder pre prezentácie a menšie weby
  • Webnode – slovenská platforma, obľúbená pre svoju jednoduchosť

Ako prebieha programovanie web stránky: 7 krokov od nápadu po spustenie

Či pôjdete cestou webu na mieru alebo hotového systému, samotné programovanie web stránky má vždy podobné kroky. Poradie sa oplatí dodržať. Chyba z prvého kroku sa totiž v poslednom platí najdrahšie.

  1. Cieľ a zadanie. Čo má web robiť, pre koho je a čo má návštevník urobiť: zavolať, napísať, kúpiť. Z odpovedí vznikne jednoduché zadanie, podľa ktorého vám programátor odhadne cenu.
  2. Štruktúra a obsah. Zoznam stránok a texty. Obsah pripravte ešte pred dizajnom, lebo dizajn sa prispôsobuje textu, nie naopak.
  3. Dizajn. Grafický návrh úvodnej stránky a podstránok pre počítač aj mobil. Zmena v návrhu stojí pár hodín práce, zmena v hotovom kóde niekoľkonásobne viac.
  4. Programovanie. Web na mieru v zvolenom jazyku, alebo inštalácia a úprava hotového systému, napríklad WordPressu.
  5. Testovanie. Mobil, rýchlosť načítania, formuláre a základy SEO: titulky, popisy stránok a presmerovania zo starých adries.
  6. Spustenie. Hosting, doména, SSL certifikát pre zabezpečené pripojenie (https) a Google Search Console, v ktorej uvidíte, ako váš web vidí Google.
  7. Správa a aktualizácie. Aktualizácie systému a PHP, zálohy a dopĺňanie obsahu. Web bez správy starne rýchlejšie, než by ste čakali.

Tip pre vás: ak prerábate existujúci web, pred spustením si nechajte skontrolovať, či staré adresy stránok zostanú rovnaké alebo sa presmerujú na nové. Pri prerábke tohto webu sme takto našli 170 starých adries, z ktorých sitemap uvádzala len 12. Bez presmerovaní by ste prišli o pozície v Google, ktoré ste roky budovali.

Ako si vybrať správneho programátora

výber programátora

Nepoviem vám presný návod, no napíšem vám skúsenosti s programátormi, ktoré som získal počas 16 rokov.
Programátora získate buď napriamo, alebo cez agentúru. To, ktorý je drahší, závisí od prístupu a vedomostí, ktoré programátor má. Nie vždy totiž platí: lacný programátor = spokojný klient.

Ak nemáte skúsenosti s programovaním, nemáte možnosť zistiť, či je kvalita jeho kódu dobrá a či má skúsenosti.
Čo však zistiť viete, je spôsob, akým pracuje, komunikuje a premýšľa.

Skúseného programátora alebo projektového manažera bude zaujímať

Cieľ projektu

  • Načo ma web stránka slúžiť?
  • Pre koho je určená?

Funkcionality a rozsah

  • Aké kľúčové funkcie musí obsahovať na začiatok?
  • Aké funkcie má obsahovať do budúcnosti?
  • Má byť softvér prepojený s inými systémami (CRM, ERP, e-shop…)?
  • Chcete merať návštevnosť web stránky?

Rozpočet a čas

  • Koľko peňazí do vývoja viem investovať?
  • Kedy chcem mať hotovú prvú verziu na testovanie?

Bezpečnosť a prístupové práva

  • Bude softvér spracovávať citlivé dáta?
  • Potrebujem rôzne roly používateľov (admin, redaktor, návštevník…)?
  • Ako bude prebiehať prihlásenie a overovanie?

Správa a údržba

  • Kto bude web stránku spravovať po spustení?
  • Potrebujem administračný panel alebo redakčný systém?

Ako odhadnúť spoľahlivého vs. nespoľahlivého človeka (programátora, dodávateľa, freelancera)

Spoľahlivý človek

  • Pýta sa doplňujúce otázky – zaujíma ho tvoj cieľ, nie len úloha.
  • Vysvetľuje veci jednoducho – vie zložité vysvetliť zrozumiteľne, čo je znak odbornosti.
  • Dáva realistické termíny – nehovorí, že “všetko sa dá hneď”. Radšej povie “to sa dá, ale trvá to”.
  • Upozorňuje na riziká – aj keď mu to “kazí kšeft”.
  • Pošle referencie alebo ukážky svojej práce.
  • Komunikuje pravidelne a včas.
  • Neuteká od spätnej väzby – na kritiku reaguje konštruktívne.

Nespoľahlivý človek

  • Nepýta sa žiadne otázky – zoberie zadanie bez uistenia sa, či mu rozumie.
  • Sľubuje všetko bez hraníc – “dá sa všetko, rýchlo, lacno, perfektne”.
  • Od začiatku rieši len peniaze alebo fakturáciu – ešte ani nepochopil projekt.
  • Používa frázy namiesto faktov – „nerobte si starosti“, „nejak bude“, „to je v pohode“.
  • Nemá nič, čo by ukázal – žiadne portfólio, žiadne referencie.
  • Vyhýba sa zmluve alebo dohode – „veď sa dohodneme, to bude v pohode“.
  • Zrazu sa odmlčí alebo prestane odpovedať – častý varovný signál.

Ak to nie je zrejmé, začnite malým projektom a otestujte spoluprácu. Už na malom projekte sa ukážu všetky tieto veci.
Ak si neviete rady, napíšte mi alebo mi zavolajte – pomôžem vám.

 

 

 

 

Časté otázky o programovaní web stránky

Koľko stojí programovanie web stránky?

Cenu neurčuje počet stránok, ale to, čo má web robiť. U nás stojí programátorská práca 35 € za hodinu a grafická 25 € za hodinu, obe bez DPH. Pri jasnom zadaní sa vieme dohodnúť aj na fixnej cene. Porovnanie agentúry a samostatného programátora nájdete v článku Koľko stojí web stránka cez agentúru a koľko cez programátora.

Ako dlho trvá, kým je web stránka hotová?

Najviac času nezaberie programovanie, ale príprava textov a schvaľovanie návrhu. Jednoduchú prezentačnú stránku spustíte za niekoľko týždňov. E-shop alebo portál prepojený s inými systémami trvá mesiace.

Stačí mi WordPress, alebo potrebujem programátora?

Ak potrebujete predstaviť svoje služby, pridávať články a upravovať texty sami, WordPress väčšinou stačí. Programátora na mieru potrebujete vtedy, keď má web robiť niečo, čo hotové pluginy nevedia, alebo keď ide o väčší e-shop či portál. Dva najpoužívanejšie editory pre WordPress porovnávam v článku Bricks vs. Elementor.

Čo potrebujem na spustenie web stránky?

Doménu, hosting a SSL certifikát, vďaka ktorému beží web na zabezpečenom pripojení https. Systémy ako WordPress potrebujú aj databázu. Všetko to väčšinou dostanete u jedného poskytovateľa hostingu.

Kto sa o web postará po spustení?

Web potrebuje pravidelné aktualizácie, zálohy a kontrolu, či fungujú formuláre. Ak na to nemáte čas, správu web stránky urobíme za vás, aj keď web vytvoril niekto iný.

Súvisiace články

František Harangózo
Autor článku: František Harangózo

Dizajnér a online marketingový nadšenec od roku 2009. Grafický dizajnér a projektový manažér od roku 2009 pre agentúru sketchreklama.sk. Grafický dizajnér a bloger pre stránku subject.sk. Správca web stránok a SEO konzultant pre klientov spravawebstranok.sk