WEB JE POÉZIA

WebKod | Responzívny web dizajn | Jaroslav Cucak

< WEBKÓDER >

  • Oživuje uživateľské rozhranie webovej prezentácie alebo webovej aplikáce (E-shop)
  • Mojou doménou je webový frontend, jazyky CSS3, HTML5 a súvisiace technológie
  • Kóder má presah do oblastí, s ktorými spolupracuje (UX, webová grafika) a taktiež do oblasti backendu programovania, do administrácie webu a správy serverov
  • Webový kóder alebo frontend kodér či vývojár uživateľského rozhrania (UI)

< TECHNICKÉ ZNALOSTI >

  • Prakticky použiteľné HTML5 značky, štrukturálne elementy a ich významy podľa špecifikácie
  • Formuláre
  • Sémantické metaznačky
  • HTML5 formáty audia a videa
  • Vedomosti o základných HTML5 aplikačných API (local/sessionStorage, History API, Geolocation API)
  • Komunikácia (WebSockets, ServerSentEvents), offline (AppCache)
  • CSS3 vlastnosti, ktoré sú podľa CSS Working Group vo fáze W3C Recommendation alebo Proposed Recommendation
  • Stavba layoutu pomocou CSS3
  • Kaskáda, dedičnosť, špecifickosť v kontexte CSS3
  • Jednotky (px, em, rem, percentá, cm) a ich klady, zápory a možné scenáre použitia
  • Prakticky použiteľné CSS3 selektory

ZÁKLADY JAVASCRIPTU

  • Premenné, typy, operátory, podmienky, cykly, pole, objekty, DOM, udalosti
  • AJAX a princíp jeho fungovania
  • jQuery a podobné knižnice (znalosť scenárov pre použitie, výhody a nevýhody v porovnaní s čistým JavaScriptom, selektory, udalosti, ajax, použitie modulov)

PREHLIADAČE

  • Jadrá prehliadačov a jednotlivé prehliadače v slovenskom a svetovom prostredí (vrátane mobilných)
  • Fungovanie prehliadača (preloader, blokúce JS/CSS)
  • Rýchlosť načítania (dátový objem stránky, requesty, CSS sprity)
  • Pokročilá rýchlosť načítania (critical Rendering Path, znalosť princípov lazyloadingu, podmienené načítánie, problém latencie mobilných sietí)

OBRÁZKY

  • Všeobecné pojmy (vektory, bitmapy, kompresia, alfa-priehľadnosť, nástroje pre optimalizáciu)
  • Rozdiely mezi JPG, GIF, PNG, SVG
  • Responzívne obrázky

ANIMÁCIE

  • Skutočné animačné nástroje (CSS animácie, vlastnosti "animation" a "transition", SVG animácie)
  • Emulácia animácií v Javascripte / jQuery

< PRACOVNÉ POSTUPY >

RESPONZÍVNY DIZAJN

  • Základné princípy (fluidný layout, fluidné média, Media Queries, breakpoints)
  • Implementácia (Mobile First, UX na mobiloch, rýchlosť načítania)

ARCHITEKTÚRA

  • Systémy zápisu
  • Modulárne UI systémy
  • Tvorba style guides

EFEKTIVITA

  • CSS preprocesory
  • Automatizácia
  • Frontend frameworky (Bootstrap, Foundation)

TYPOLÓGIA PROJEKTOV

  • Prezentačné stránky
  • Mikrostránky
  • Webové aplikácie / E-shop
  • HTML E-mail

< PRESAH >

TYPOGRAFIA

  • Základné pojmy (rodina, rez, typy písem, prestrkávanie, výška/šírka riadku)
  • Základné typografické pravidlá na webe (úvodzovky, pomlčky, jednopísmenné predložky na konci riadku)
  • Súbory s fontami (systémové fonty na platformách, zdroje webových fontov Google Fonts, Typekit, vlastné a ďalšie)

REDAKČNÉ SYSTÉMY

  • Znalosť WordPress, Drupal, Joomla, ZenCart a povedomie o scenároch ich využitia
  • Hotové šablony a povedomie o scenároch ich využitia

WEB PROGRAMOVANIE

  • MVC frameworky (Nette, Zend, Rails, Django, Ember)
  • Fungovanie protokolu HTTP a chybové stránky 4x a 5x
  • LAMP architektúra a jej alternatívy
  • Šablonovacie jazyky celkovo (Smarty, Latte, Jinja)

DOMÉNY

  • Nastavenie domény
  • Presmerovanie bez adresy

LEGISLATÍVA

  • Zákon o ochrane osobných údajov (GDPR)
  • Licencovanie softvéru (MIT, Apache, GPL, Public Domain) a obsahu (CreativeCommons)

GOOGLE ANALYTICS

  • Nastavenie Google Analytics (základné nastavenie cieľov, ukladanie udalostí, meranie konverzií a ich hodnôt, nástroje pre vývojárov)
  • Google Search Console (monitoring webstránky)

WebKod | Responzívny web dizajn | Jaroslav Cucak

DEFINÍCIA CELKU <

  • názov firmy
  • logotyp (grafická podoba názvu firmy)
  • písmo a firemné farby
  • firemné dokumenty (vizitky, hlavičkové papiere, tabuľky)
  • firemný odev
  • dizajn produktov (obalová grafika)
  • orientačná grafika (označenie budov, navigácia v areáli)
  • firemná grafika (darčekové materiály, tlačoviny, autá)

PROFITY <

  • komplexnosť a systémovosť
  • prezentácia firemnej originality, jedinečnosti a špecifickosti
  • stabilita a dlhodobé pôsobenie dovnútra aj navonok
  • stotožnenie sa so zamestnancami a spolupracovníkmi
  • prestíž a efektivita v komunikácii a propagácii firmy

DIZAJN MANUÁL <

  • Súbor pravidiel, ktoré firmu graficky odlišujú od iných potenciálne konkurenčných firiem. Hlavným stavebným kameňom je vizuálny štýl alebo korporátna identita. Ako najefektívnejší marketingový nástroj predstavuje takpovediac tvár a dušu firmy.
  • Identitu firmy určuje v prvom rade logo spoločnosti, vyhotovené vo všetkých potrebných formátoch - bitmapových (pre použitie na webe, pre tlač vizitiek, letákov, hlavičkových papierov) a vektorových (pre výrobu veľkoformátovej reklamy, samolepiek, potlač reklamných predmetov).
  • Jedným z najpoužívanejších prvkov firemnej identity sú firemné vizitky a samozrejmosťou je spracovanie grafického motívu propagačných materiálov akéhokoľvek druhu (od letákov a plagátov cez brožúry a katalógy až po billboardy a reklamné tabule), a tiež grafické návrhy polepov na firemné autá či výklady...

WebKod | Responzívny web dizajn | Jaroslav Cucak

RESPONZÍVNY {WEB}DIZAJN

Webstránka dnes musí byť optimalizovaná pre všetky zariadenia. Bez responzívneho dizajnu Vás GOOGLE bude ignorovať. Záleží totiž na spôsobe zobrazenia, ktorý na 100% funguje na počítačoch, notebookoch, tabletoch aj mobiloch. Nová technika vytvárania responzívnych webov je "mobile first". Prvoradé sú štýly pre mobil a potom CSS vlasnosti prepísané pre iné zariadenia. Responzívny dizajn sa prispôsobuje akejkoľvek veľkosti a pomerom strán obrazovky. Je flexibilný a umožňuje prispôsobenie pomeru objektov, písma a obrázkov zariadeniu, na ktorom si návštevník stránku pozerá, či už je to mobilný telefón, laptop, tablet, smartphone alebo bežný počítač.

WEBSTRÁNKA

od 400 €

WEBSTRÁNKA

Responzívny dizajn, profi redakčný systém WordPress, SSL, URL optimalizácia a nastavenia SEO, nástroje Google na sledovanie...
VIAC

E-SHOP

od 700 €

ONLINE OBCHOD

Trendový editovateľný vzhľad. Profi funkcie, ktoré obslúžite aj sami. Bezplatná aktualizácia, neobmedzený počet produktov...
VIAC

ADMIN

od 30 €

ADMINISTRÁCIA

Webstránka prezentuje aktuálne informácie. Ich správa si vyžaduje znalosť systému a nástrojov editovania webového obsahu...
VIAC

GRAFIKA

od 15 €

GRAFICKÉ PRÁCE

Stratégie odlíšenia sa od konkurencie. Jednotný vizuál firemných tlačív a marketingových prvkov ako aj názov korporácie či firemná doména...
VIAC
Share on facebook
Share on google
Share on email

Grafické spracovanie webu musí okamžite upútať pozornosť návštevníka. Navrhujem celkovú logickú štruktúru a funkcionalitu webovej prezentácie podľa aktuálnych štandardov. Pomôžem s prípravou obsahu (texty, fotografie, video) a zapracujem jedinečné kódy podľa predstavy klienta o efektivite i efektnosti jeho webových stránok a aplikácií. Konečná cena firemnej či osobnej prezentácie závisí na stupni obtiažnosti architektúry a samozrejme veľkosti webového obsahu. Stručné online “vizitky” stoja cenovo inde ako kompletné webové sídlo či portál alebo e-shop (700+). Publikáciou na internete začne webová stránka žiť svojim životom. Ak postupne zistíte, že niečo potrebujete v obsahu zmeniť, pridať alebo ubrať, aktualizovať systémové nastavenia či zaistiť bezpečnosť webu, a nebudete schopní to zvládnuť sami, poskytnem asistenčné služby správcu ako Váš administrátor (mesačná sadzba od 30 EUR).

Vizuálna identita firmy – logo, korporátna identita, grafické spracovanie firemných podkladov, interaktívnych katalógov a kvalitná fotodokumentácia produktov – to všetko buduje jedinečný imidž firmy a isté posolstvo. Vytvorím logo,  reklamný baner či bilbord, všetky formy tlačovín a návrhy vizitiek… pre veľké a zabehnuté firmy aj malé podniky, pre podnikateľov aj živnostníkov. Správne vedený branding zväčšuje príjmy a pomáha budovať značku. Grafické návrhy dodám vo finálnej digitálnej forme pre tlač. Kvalitné zadanie a komunikácia pri tvorbe grafického návrhu sú samozrejmosťou (hodinová sadzba 15 EUR).

Mgr. Jaroslav Cucak

Prof. Hlaváča 26
Michalovce, 071 01
+421 902 253 074
IČO: 40011739
info@webkod.sk

WebKod | Responzívny web dizajn | Jaroslav Cucak

© 2019 WEBKOD | MGR. JAROSLAV CUCAK


Warning: include_once(/www/w/e/u80089/public_html/wp-content/plugins/wp-fastest-cache-premium/pro/library/lazy-load.php): failed to open stream: No such file or directory in /www/w/e/u80089/public_html/wp-content/plugins/wp-fastest-cache/inc/cache.php on line 710

Warning: include_once(): Failed opening '/www/w/e/u80089/public_html/wp-content/plugins/wp-fastest-cache-premium/pro/library/lazy-load.php' for inclusion (include_path='.:/usr/local/php72/lib/php') in /www/w/e/u80089/public_html/wp-content/plugins/wp-fastest-cache/inc/cache.php on line 710

Fatal error: Uncaught Error: Call to a member function lazy_load() on null in /www/w/e/u80089/public_html/wp-content/plugins/wp-fastest-cache/inc/cache.php:713 Stack trace: #0 [internal function]: WpFastestCacheCreateCache->callback('<!DOCTYPE html>...', 9) #1 /www/w/e/u80089/public_html/wp-includes/functions.php(4339): ob_end_flush() #2 /www/w/e/u80089/public_html/wp-includes/class-wp-hook.php(286): wp_ob_end_flush_all('') #3 /www/w/e/u80089/public_html/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters('', Array) #4 /www/w/e/u80089/public_html/wp-includes/plugin.php(465): WP_Hook->do_action(Array) #5 /www/w/e/u80089/public_html/wp-includes/load.php(954): do_action('shutdown') #6 [internal function]: shutdown_action_hook() #7 {main} thrown in /www/w/e/u80089/public_html/wp-content/plugins/wp-fastest-cache/inc/cache.php on line 713