Webový vývojář

Jsem František Huber, webový vývojář s 15 lety zkušeností v IT a AI-first přístupem.

Mám volné kapacity! Potřebujete někoho, kdo váš nápad promění ve webovou aplikaci v rekordním čase? Napište mi!

15 let zkušeností v IT

s rozmanitými webovými projekty pro agentury, softwarové společnosti a koncové klienty:

...a další

Moje profesní cesta:

🎨

Design & UX

2010 - 2012

Navrhoval a vytvářel jsem vizuální koncepty webových aplikací a grafický design pro různé projekty.

📜

Frontend & WordPress

2013 - 2023

Kódoval jsem frontend webů a aplikací a spravoval Wordpress. Spolupracoval jsem s backendisty z automationlabs.cz (otevře se v nové záložce) a zensys.cz (otevře se v nové záložce).

🤖

AI-first vývoj

od 2024

Přešel jsem na AI-driven vývoj, který mi umožňuje samostanou a efektivnější tvorbu webových prezentací a aplikací.

AI-first vývoj

Jsem webový vývojář se zkušeností z navrhováním webů a aplikací, který se specializuje na frontend. V roce 2024 jsem svou práci posunul na novou úroveň přechodem na AI-first vývoj, který mi umožňuje rychlejší a efektivnější samostatnou tvorbu webových prezentací a aplikací.

Jako freelancer dnes využívám nástroje jako Cursor.com, Claude AI a GPT pro generování a optimalizaci kódu, i pro celý proces návrhu a implementace aplikací. Tento přístup mi umožňuje pracovat efektivněji a rozšířit spektrum projektů o MVP a prototypy webových aplikací. Díky AI zvládám rychlé iterace, efektivní debugging a mohu flexibilně volit technologie, které nejlépe odpovídají konkrétnímu projektu.

Tento přístup mi umožňuje:

  • Rychlejší vývoj MVP a webových aplikací
  • Efektivnější tvorbu WordPress řešení
  • Flexibilní iterace a automatizaci rutinních úkolů

Sdílím nadšení z AI nástrojů

O využití AI v moderním webovém vývoji jsem přednášel na meetupu Frontendisti (listopad 2024), kde jsem sdílel své nadšení z vývoje AI nástrojů. A na praktických příkladech ukázal, jak Cursor.com a další AI nástroje transformují způsob, jakým dnes kódujeme. Záznam přednášky najdete na bit.ly/ai-coding-meetup. Svět AI se neustále vyvíjí, proto aktivně testuji nové nástroje a ty nejužitečnější začleňuji do svého pracovního postupu.

Vybrané reference

Každý klient, spolupráce i web je jiný

Webová aplikace školní třídní knihy

Elektronická třídní kniha (2024)

Pro webovou aplikaci Elektronické třídní knihy jsem vytvořil frontend šablony s využitím custom Bootstrapu. Aplikace umožňuje učitelům komplexně spravovat výuku: vést záznamy o hodinách, evidovat docházku žáků, zadávat testy a domácí úkoly a spravovat informace o studentech. Šablony byly vytvořeny podle grafického návrhu Miry Szkandery a posloužily jako základ pro implementaci v Nette/Latte.

Rozsah prací:

  • frontend šablony (HTML, CSS, JS)

Technické řešení: staticky generované šablony jako podklad pro Nette/Latte aplikaci

Design: Martin Valas

Dodavatel: AutomationLabs(otevře se v nové záložce)

dev.automationlabs.cz/etk-static/zapis.html (otevře se v nové záložce)

Infografika běžeckého roku ze Stravy

Run wrapped (2025)

Webová aplikace, která vytváří sdílitelnou infografiku běžeckého roku na základě dat ze Strava API. Aplikace analyzuje aktivitu uživatele za uplynulý rok a prezentuje zajímavé statistiky a milníky v atraktivní vizuální podobě. Cílem je motivovat běžce skrze vizualizaci jejich úspěchů a umožnit jim porovnávat své výkony s komunitou.

Rozsah prací:

  • návrh UX
  • vizuální design
  • frontend implementace
  • integrace Strava API

Technické řešení: PHP, js, Tailwind, Strava API

runwrapped.com (otevře se v nové záložce)

Worpress plugin pro správu lektorů

Elkonin (2024)

Pro neziskovou organizaci, která se zaměřuje na šíření metody "tréninku jazykových schopností dle D. B. Elkonina", jsem vyvinul vlastní WordPress plugin pro efektivní správu lektorů na webu elkonin.cz. Tento plugin umožňuje strukturované zadávání informací o lektorech prostřednictvím vlastních příspěvků (custom post types) a jejich následné zobrazení nad mapou s možností vyhledávání a filtrování podle krajů. Každý lektor má nyní svou vlastní stránku, což zlepšuje jejich individuální propagaci a přispívá k lepší optimalizaci pro vyhledávače (SEO) celého projektu. Součástí projektu byly také úpravy child tématu třetí strany pro zajištění kompatibility a správného zobrazení nových funkcionalit.

Rozsah prací:

  • úpravy Wordpress child tématu třetí strany
  • custom WP plugin

Technické řešení: CSS, HTML, PHP + js

elkonin.cz (otevře se v nové záložce)

Prezentace mezinárodního výzkumného projektu

True Europe (2024)

Navrhl jsem informační architekturu webu ve spolupráci s klientem - týmem výzkumníků. Podle grafického návrhu Miry Szkandery jsem vytvořil WordPress šablonu, která zahrnovala správu obsahu. Tento projekt, zaměřený na mezinárodní výzkumný projekt, byl mým prvním webem na platformě WordPress s custom šablonou.

Rozsah prací:

  • Wordpress
  • custom téma

Technické řešení: WP, šablony pro vlastní téma postavené na přestylovaném Bootstrapu

Design: Mira Szkandera

true-europe.celsi.sk (otevře se v nové záložce)

Animace a typografický vtípek vycházející z loga

ONN Acthitects (2024)

Pro architektonické studio ONN Architects jsem vytvořil dynamický web s důrazem na typografii a animace odvozené z jejich loga. Web prezentuje práci studia formou případových studií. Na projektu jsem spolupracoval s grafickou designérkou Annou Leschinger, která dodala vizuální identitu. Technicky jde o staticky generovaný web postavený na upravené verzi Bootstrapu s vlastními animacemi a videi na pozadí.

Rozsah prací:

  • šablony

Technické řešení: Staticky generovaný web postavený na přestylovaném Bootstrapu

Design: Anna Leschinger

Dodavatel: AutomationLabs(otevře se v nové záložce)

onn.archi (otevře se v nové záložce)

Redesign a převedení webu do WordPressu

Nanoarchitekti (2024)

Pro menší architektonické studio Nanoarchitekti jsem ve spolupráci s klientem navrhl redesign jejich zastaralého statického webu. Cílem bylo modernizovat vizuální stránku a zároveň umožnit klientovi snadnou správu obsahu. Web jsem převedl do systému WordPress a vyvinul vlastní téma na míru. Zvláštní pozornost byla věnována implementaci galerie obrázků, která umožňuje pohodlné prohlížení fotografií projektů v plném rozlišení.

Rozsah prací:

  • vizuální design
  • šablona
  • Wordpress custom téma

Technické řešení: Wordpress, html + css, PHP + js

nanoarchitekti.cz (otevře se v nové záložce)

Všechno mimo grid

Taran Decision Manager (2023 – 2024)

Pro webovou aplikaci Taran Decision Manager jsem vytvořil precizní frontend s důrazem na detail, interaktivní prvky a komplexní vizuální provedení. Web kombinuje pixel-perfect implementaci s vícevrstvými pozadími, vlastním systémem akordeonů a sliderů. Klíčovou součástí zakázky bylo jejich přizpůsobení, a domyšlení logiky a chování tak, aby odpovídaly náročnému designovému zadání. Návrh jsem také adaptoval pro vybrané responsivní stavy, aby byl web plně funkční na různých zařízeních při zachování vizuální identity.

Rozsah prací:

  • šablony

Technické řešení: Staticky generovaný web postavený na přestylovaném Bootstrapu

Design: Mira Szkandera

Dodavatel: AutomationLabs(otevře se v nové záložce)

tarandm.com (otevře se v nové záložce)

Vlaštovka letící za čistším vzduchem

Senzor vzduchu (2024)

Pro neziskovou iniciativu Senzor vzduchu jsem vytvořil šablony pro web prezentující jejich projekt měření kvality ovzduší. Web vznikl v příjemné spolupráci s dobrovolníky z Česko Digital, kteří zajistili návrh webu, texty a design. Technicky je web postaven na WordPressu s vlastními šablonami využívajícími přestylovaný Bootstrap.

Rozsah prací:

  • šablony

Technické řešení: WP, šablony postavené na přestylovaném Bootstrapu

Design: Česko Digital

Dodavatel: AutomationLabs(otevře se v nové záložce)

senzorvzduchu.cz (otevře se v nové záložce)

Od zadání ke spuštění za 7 dní

Rezidence Lošany (2024)

Klient potřeboval web pro svůj developerský projekt spustit co nejdříve, aby stihl jarní sezónu. Podklady měl připravené, a texty bylo potřeba přepsat a přestrukturovat. Nebyl čas připravit přesný grafický návrh. Jako vzor a referenční benchmark proto posloužily weby konkurence. Rovnou jsem začal kódovat, abychom měli, co nejdříve ucelenou představu o rozvržení i vizuálním stylu. První verzi webu jsme nasadili za týden, další týden jsme pak ladili za běhu detaily.

Rozsah prací:

  • spolupráce na obsahu
  • vizuální design
  • implementace šablon

Technické řešení: Staticky generovaný jednostránkový web postavený na přestylovaném Bootstrapu v5.3.

rezidence-losany.cz (otevře se v nové záložce)

Roční, citlivá spolupráce ve třech

Architektura srdcem (2023 – 2024)

Redesign zastaralého a nevyhovujícího Worpress tématu.

Rozsah prací:

  • spolupráce na vizálním designu (designér Petr Hrůza)
  • Wordpress šablony - úprava zakoupeného tématu

Technické řešení: Wordpress

Design: Petr Hrůza

Dodavatel: zensys.cz(otevře se v nové záložce)

architekturasrdcem.cz (otevře se v nové záložce)

Vysokoprofilový náročný klient

Nadační fond Simony Kijonkové (2022)

Dodavatelem webu pro Nadační fond byla agentura Picards, grafický návrh připravil jejich dvorní designer Martin Valas.

Rozsah prací:

  • šablony

Technické řešení: Staticky generovaný web postavený na přestylovaném Bootstrapu

Design: Martin Valas

Dodavatel: Picards(otevře se v nové záložce)

Moderní web pro moderní křesťanský sbor

Církev bratrská na Praze 13 (2021 – 2024)

Dodavatelem webu byla agentura Picards, vizuální design navrh Martin Valas.

Rozsah prací:

  • spolupráce na šablonách

Technické řešení: Staticky generované html šablony jako podklad pro impelmentaci Worpress šablon

Design: Martin Valas

Dodavatel: Picards(otevře se v nové záložce)

13ka.cz (otevře se v nové záložce)

+ desítky dalších webových aplikací a prezentací pro společnosti, služby, události a nebo produkty

Také chci web

Několik samozřejmostí

na závěr pro plynulý start a úspěšnou spolupráci

  • Váš šablonovací jazyk

    Pokud je to pro vás důležité napíšu vám šablony v Latte, Twig, NJK, nebo Ruby Slim. Znám WordPress.

  • CSS a preprocesory

    Tvořím moderní a efektivní CSS s použitím preprocesorů Sass a SCSS. Zajistím tak konzistentní a snadno udržovatelný kód.

  • Interaktivita s JavaScriptem

    Pokud je potřeba doplnit interaktivní chování a dynamické prvky na vašich webových stránkách, rád váš web nebo aplikaci oživím.

  • Správa kódu s Gitem

    Pracuji s verzovacím systémem Git, abych zajistil bezpečnou správu kódu. Usnadňuje to spolupráci a udržuje projekt organizovaný.

  • Issue tracking

    Váš projekt, váš systém pro správu a řízení úkolů. Připojím se rád do vašeho způsobu komunikace a vedení projektu.

Slova klientů a spolupracovníků

„S Františkom sme spolupracovali na tvorbe webu a grafického dizajnu medzinárodného výskumného projektu v oblasti sociálnych vied TRUE EUROPE. František nám pomohol web prehľadne štruktúrovať a veľmi efektívne zapracovať navrhnutú grafiku. Tiež nás prepojil s grafickým dizajnérom, ktorý v navrhol logo a grafické prvky projektu a zaistil zapracovanie grafického dizajnu pre potreby prezentácie projektových výstupov. František komunikuje efektívne, prehľadne a spolupráca s ním je naozaj radosť. Veľmi rýchlo chápe požiadavky klienta, a vie dať spätnú väzbu na to, čo je možné a čo už nie, alebo ako informácie na webe štruktúrovať, aby zaujali. Veľmi si jeho prístup vážime a tešíme sa na ďalšiu spoluprácu.“

Monika Martišková, PhD. - foto

Monika Martišková, PhD.
senior researcher
Central European Labour Studies Institute (CELSI)
celsi.sk(otevře se v nové záložce)

„Setkal jsem se s problematickými a nespolehlivými kodéry. S Františkem je spolupráce skvělá a jsem za to moc rád, že jsme se potkali. Za prvé je týmový hráč a za druhé je přirozeně aktivní, spolehlivý a precizní.
Františku, ještě jednou díky!“

Martin Kožnar - foto

Martin Kožnar
architekt
jednatel Architektura srdcem s.r.o.
architekturasrdcem.cz(otevře se v nové záložce)

„S Františkem spolupracuji přes deset let, vytvořil pro nás několik webů, které úspěšně fungují dodnes. Velkou úlevou pro mě bylo komunikovat s někým, kdo dokáže srozumitelně formulovat možnosti stránky a flexibilně reagovat na různá přání a omezení. Velice důležité je pro mě, že i po několika letech můžeme společně upravovat funkce podle našich měnících se požadavků.“

Hynek Skoták - foto

Hynek Skoták
vizuální umělec, produkční
Káznice Studios
hynekskotak.com(otevře se v nové záložce)

„S Františkem pracuji jako junior již 3 roky. Co se týče frontendu, neznám nikoho, kdo by tomu rozuměl více než právě František. Dokáže vymyslet webovou stránku, aby vypadala dobře do posledního detailu za jakýchkoli okolností a s jakýmkoli zadáním. Svou práci dokáže i trpělivě vysvětlit a vždy si za den najde čas jak na svou práci, tak na pomoc juniorům. Díky Františkovi dokáži jako programátor vytvořit webovou stránku funkční, i dobře vypadající. Detaily nechávám ale i tak nakonec na Františkovi 🙂“

Adam Novák - foto

Adam Novák
full-stack developer
AutomationLabs
automationlabs.cz(otevře se v nové záložce)

František Huber - kodér

František Huber

kodér, běžec, otec a aktivní občan

Máte nápad na web nebo aplikaci? Potřebujete konzultaci ohledně AI ve vývoji? Nezávazná konzultace zdarma! Stačí napsat a domluvíme se.

Kontakt:
Strašnice, Praha 10
+420 775 371 627
koder@frantisekhuber.cz

Jsem fyzická osoba podnikající dle živnostenského zákona nezapsaná v obchodním rejstříku
IČO: 88655695, č.ú.: 670100-2211187601 / 6210