Gratulujeme! Úspěšně jste se přihlásili k odběru novinek Frontend Garden.
Ajaj. Při pokusu o přihlášení k odběru novinek došlo k chybě. Zkuste to prosím znovu.
Frontend Garden
  • Články
  • Slovník nové
  • Instagram
  • GitHub
10. prosinec 2019 — No-code — čtení na 6 min.

Webdesign bez kódu

Webdesign se za posledních 20 let několikrát podstatně změnil. Dlouhou dobu byla tvorba webů doménou technicky zaměřených lidí, to se však postupně mění. Vznikají nové nástroje, které zásadně mění pravidla hry, protože umožňují i méně technickým lidem tvořit stejně kvalitní weby, bez kódu.

Martin Staněk

Martin Staněk

Martin je frontend designer se zaměřením na design systémy. Kódování se věnuje přes 15 let a občas přednáší na srazech Frontendistů. Stará se o rozvoj platformy solidpixels. Více o autorovi

Webdesign bez kódu

První webové stránky jsem vytvořil v programu FrontPage. Pamatujete si ho? Byl to velmi krkolomný software od Microsoftu, ve kterém jste si mohli skrze uživatelské rozhraní naklikat celé webové stránky. Později byl populární Macromedia Dreamweaver (dnes Adobe), ale stejně většina kodérů už dávno přešla do textových editorů.

Článek obsahuje affiliate odkazy. Zakoupením odkazovaných služeb můžete provozovateli webu Frontend Garden přivodit malou provizi.

FrontPage nebyl myšlenkově zase tak daleko od aktuální generace webových služeb, které jsou však mnohem vyspělejší, protože staví na dvou desítkách let zkušeností a vývoje ve webdesignu.

Microsoft FrontPage 97 (zdroj: winworldpc.com)

V technologickém světě se myšlenky vrací a o jejich úspěchu často rozhoduje jen správné načasování (doporučuji zhlédnout přednášku Billa Grosse). Můžete mít na danou dobu skvělý produkt, ale pokud se nesejdou ty správné okolnosti, nemusí být vůbec úspěšný. Vzpomeňte si na Newton, předchůdce tabletu, který zmizel v propadlišti dějin, aby ho později zastínil iPad. Analogicky se otázka načasování týká i aplikací. Co se neujalo v minulosti může být nyní přesně ta technologie, která zažije renesanci.

Adobe Dreamweaver kombinuje vizuální tvorbu webu s kódováním

Prohlížeč místo textového editoru

V posledních dvou letech zažíváme explozi no-code aplikací. Označují se tak webové služby, které umožňují skrze grafické uživatelské rozhraní vytvářet komplexní funkcionalitu, od webových stránek, přes mobilní aplikace, až po integraci služeb a pokročilou manipulaci s daty. Bez nutnosti napsat jediný řádek kódu.

Co bylo dříve výhradně doménou programátorů a kodérů, zvládnou díky no-code aplikacím i průměrně technicky zdatní uživatelé. Neznamená to ale, že tyto aplikace nejsou pro vývojáře. Naopak! Právě vývojáři mají tu výhodu, že dokážou maximálně využít jejich potenciál. Musí se však povznést nad to, že si nemohou kód napsat podle sebe.

Vývojáři mají tu výhodu, že dokáží maximálně využít potenciál no-code aplikací.

Pokud se vzdáte kontroly nad výstupním kódem, otevřou se vám úplně nové možnosti. V řádu hodin jste schopni vytvořit například:

  • Funkční webovou aplikaci (Bubble + Airtable, Glideapps + Google Sheets)
  • E-commerce řešení (Shopify, Shoptet)
  • Komplexní webové stránky s CMS (Webflow, Solidpixels)
  • Integraci API třetích stran (Zapier, Parabola, Integromat)

Aplikací jsou desítky, některé jsou na trhu už dlouho, jiné teprve začínají. Jedno je ale jisté, jejich možnosti využití letí raketově nahoru.

Airtable — mocný nástroj pro práci s tabulkovými daty

A co bude s vývojáři?

Vývojáři můžou být v klidu. Klasický vývoj na míru nikam nezmizí, je celá řada oblastí, kde se no-code neprosadí. Asi těžko bude banka řešit transakce přes nějakou aplikaci třetí strany. Tvorba webových stránek se však může zásadně změnit. Co nám no-code přináší?

  1. Bez znalosti programování a kódování můžete vytvořit použitelný, funkční a krásný web.
  2. Nemusíte se starat o provoz, infrastrukturu, ani údržbu.
  3. Máte k dispozici předpřipravené komponenty, moduly, knihovny, díky kterým skládáte funkcionalitu jako lego.
  4. Platforma za vás automatizuje běžné úkoly jako responzivní obrázky, minifikaci a kompresi všech assetů, generování certifikátu a další.
  5. Dostanete se rychleji k výsledku s výrazně nižšími náklady.
Solidpixels je český nástroj pro vizuální tvorbu webů

Ve webdesignu jsou zmíněné benefity obrovským přínosem, protože se tyto body při vývoji dokola opakují. Automatizace je konkurenční výhoda. Co se třeba místo starostí o infrastrukturu zabývat lepším obsahem? Já to vnímám jako velkou příležitost. Nicméně, ať nezmiňuji jen pozitiva, je fér se podívat na no-code kriticky a zmínit i nevýhody:

  1. Vytváříte závislost na službách třetích stran, přičemž každá z použitých služeb je potenciální point of failure, protože projekt může zkrachovat, změnit ceny licencí a podobně.
  2. Funkčnost je daná schopnostmi vybrané platformy. Obvykle si nemůžete dodat vlastní funkce, což je dost omezující.
  3. Řešení nemusí být dobře škálovatelné.
  4. Máte minimální kontrolu nad výstupním kódem. (Slyším vzdálené skřípání kodérových zubů.)

Narovinu, jako u každé jiné technologie, si musíte rozmyslet, jestli pro vás převažují výhody nad nevýhodami. Trochu mi to však připomíná dobu před deseti lety, kdy se rozšiřovaly cloudové služby. Kolovaly články popisující bezpečnostní rizika, omezenou funkčnost a ztrátu kontroly nad daty. Dnes je využití cloudu naprosto běžná praxe.

Webflow — nástroj pro tvorbu webů bez kódu

Profesionální web jako služba

Mezi webdesignery panuje představa, že online nástroje na tvorbu webu jsou pouze takové hračky, ve kterých se vytváří jen velmi jednoduché weby. Ještě pár let zpátky bych s tím názorem souhlasil, ale doba se změnila. Nástroje na pronájem webu jsou rok od roku mocnější a není výjimkou, že je využívají digitální agentury pro vlastní klienty. Pojďme si ukázat pár příkladů webů postavených na no-code platformách.

Webdesign sice neumírá, ale velký kus koláče trhu, o který se webaři dělí, zaniká. (Martin Michálek: Zanikající část webařiny: obyčejné web a CMS na míru)

House of Řezáč

Jan Řezáč navrhuje weby už nějaký ten pátek, napsal o tom i knihu. Pokud čekáte, že má web vytvořený na míru, asi vás překvapí, že je vytvořený ve Webflow.

Náhled webu houseofrezac.com (Webflow)

MIBO

V MIBO si webové stránky doslova naklikali sami. Čistý, poutavý design, krásné fotky a skvělý copywriting. To je pro web vražedná kombinace, težko můžete chtít víc. Vlastně jo, ještě se načtou za vteřinu.

Náhled webu mibo.cz (solidpixels)

Taste of Prague

Stránky Taste of Prague běží na pronajatém řešení už 8 let. Využívají k tomu Squarespace, jednu z největších světových platforem na tvorbu webu. Squarespace je zaměřený především na americký trh, provozovat na něm české stránky je obtížné, a proto u nás není moc využívaný.


Věřím, že se blíží éra no-code webdesignu. Nástroje na pronájem webu se neustále zlepšují a už nyní směle konkurují řešením na míru. Jednotlivec bude schopen dodat řešení, na které by tradičně potřeboval celý tým. Díky tomu vznikne úplně nová kategorie „webmakerů“, kteří s využitím existujících nástrojů budou tvořit skvělé weby pro své klienty. Bez kódu.

Co si o tomto směru vývoje myslíte? Přijde vám to jako nafouklá bublina nebo v tom vidíte budoucnost? Dejte mi vědět v komentářích nebo si mě přidejte na Twitteru.


Martin Staněk

Martin Staněk

Martin je frontend designer se zaměřením na design systémy. Kódování se věnuje přes 15 let a občas přednáší na srazech Frontendistů. Stará se o rozvoj platformy solidpixels. Více o autorovi

Další články od autora:

  • Jak neztratit půl dne života kvůli středníku
Více k tématu:
  • No-code

Sdílejte

Líbí se vám článek? Podpořte jej sdílením!

Twitter Facebook LinkedIn

Komentujte

Chcete k článku něco doplnit? Našli jste chybu? Napište e-mail.

Adam Kudrna

Nejnovější články

HTML — čtení na 7 min.

Element <dialog>: nevymýšlej znovu modál!

Vídáme je všude. Vyskakují na nás s potvrzením cookies, odesíláme přes ně tweety, otevírají se v nich menu či jenom prostá upozornění. Každý je implementuje po svém, a přitom již dospělo nativní řešení v podobě elementu <dialog>. Pojďme ho poznat společně do hloubky.

  • Tomáš Litera
    Tomáš Litera
WebExpo — čtení na 4 min.

Co nezmeškat na WebExpo 2023 + sleva na vstupenku

Věděli jste, že v Paláci Lucerna mělo být původně hokejové kluziště? A že kůň se svatým Václavem budou v pasáži viset, dokud u nás nebude obnovena monarchie? Na monarchii to zatím nevypadá, ale místo ledu má Lucerna Velký sál, který je i letos hlavním pódiem konference WebExpo. Pozor, už v dubnu!

  • Adam Kudrna
    Adam Kudrna
Co nezmeškat na WebExpo 2023 + sleva na vstupenku
Reportáž — čtení na 4 min.

WebExpo 2022 obrazem

Čtrnáctý ročník vrátil WebExpo do zajetých kolejí. Více než tisíc účastníků, živí přednášející a našlapané party, to vše dalo zapomenout na komplikace uplynulých dvou let.

  • Adam Kudrna
    Adam Kudrna
WebExpo 2022 obrazem

Odběr novinek

Zadejte svůj e-mail a nenechte si ujít další nové články!

Odesláním formuláře souhlasíte se .
Zpracování osobních údajů probíhá za účelem zasílání newsletteru. Můžete se spolehnout, že vaše osobní údaje nebudeme s nikým sdílet. Z newsletteru se můžete kdykoli odhlásit. Stejně tak můžete kdykoli požádat o úplné smazání svých osobních údajů z naší databáze.
Zkontrolujte svoji e-mailovou schránku a potvrďte své přihlášení kliknutím na odkaz.

Všechna témata

  • Bootstrap
  • CSS
  • Design
  • Dokumentace
  • HTML
  • ITCSS
  • JavaScript
  • Kariéra
  • Kvalita kódu
  • Nástroje
  • No-code
  • Přístupnost
  • PWA
  • Reportáž
  • Rozhovor
  • Rychlost
  • Sass
  • Spolupráce
  • Typografie
  • Variable fonts
  • WebExpo
  • ✏️ Napište článek
  • Autoři
  • Cookies
  • Instagram
  • GitHub

Obsah na tomto webu je publikován pod licencí Creative Commons CC BY-NC 4.0.
Frontend Garden vysázel, zastřihuje a okopává (s ♥️) Adam Kudrna.
Založeno v květnu 2019.