Diskuze: Co by měl webař znát a umět?
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 5 zpráv z 5.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Koukni se třeba na tohle http://www.vzhurudolu.cz/…webovy-koder
Podle me, kazdej webar by mel mit nekolik zdroju, ze kterych cerpa svoje
snalosti - dokumentace, skvela je ta od Mozilly - MDN Network ... super
tutorialky jsou na w3schools ... samozrejme nase ITN patri taky mezi hodne
obsazny zdroje vseho moznyho navic v cestine s aktivni komunitou (je treba to
ocenit
) ...
Jak psal Argo5 typek co pise vzhurudolu ma opravdu vyborny poznatky ohledne tvorby webu ... pak se oplati sledovat ruzny javascriptovy kouzelniky, co obcas pisou blogy o vsem moznym.
Ohledne jazyku, jsem si jistej, ze vybornou znalost HTML a CSS povazujeme vsichni za samozrejmost, ne vsichni webari si ale uz tak zakladaji na javascriptu, no ja osobne ocekavam od prumernyho webare alespon prumernou znalost javascriptu. Jednak se opravdu hodi umet vic nez kodovat v HTML a stylovat v CSS a jednak, javascript je na vzestupu, nikdy nevis kdy to budes chtit vyuzit.
A moderni browser API, jako file API, push notification API a spousta dalsich, ktera prisla s HTML5 ... to je dneska nutnost.
Ono je obecně dost jednoduché říkat u HTML a CSS "píšu výborný kód", protože i když to napíšeš jako prase, bude to fungovat, klient (nezasvěcený) tě bude milovat a milovat tě budou i méně zkušení kodéři.
Ze zkušeností však mohu říci, že snad u všech, kteří mi tvrdili, že píšou "výborný kód" jsem jej dokázal optimalizovat a třeba ze 100 řádků CSS jsem vykouzlil jen 50.
Není až tak těžké se naučit psát HTML a CSS, protože jazyky sami o sobě jsou velmi jednoduché; složité je naučit se psát kód tak, abys napsal co nejméně pravidel s co nejlepšími výsledky a optimalizací pro prohlížeče.
Pokud mluvíme o optimalizaci - pro většinu webíčků co budete dělat se tím v podstatě zabývat nemusíte, ale pokud děláte interaktivní javascriptovou aplikaci, kde chcete skrývat, zobrazovat, měnit stavy atp., už je docela rozdíl jestli je daná "věc" složena ze 3 elementů nebo z 10, když se ta "věc" využívá např. 1000x, rychlost skládání a práce s DOM bude pomalejší.

Obecně je potřeba znalost na takové úrovni, abys dokázal vytvořit cokoli, nebo si cokoli dokázat vyhledat a poté plynule navázat. Což třeba vyjmenovat selektory pro id elementu, např. <div id="pes">, jaké selektory bys pro tento element dokázal vymyslet? Co třeba vytvořit rozklikatelný "dropdown" pouze v HTML a CSS? Třeba takto http://codepen.io/HoBi/pen/MyjeJz.
Lidé si často nespojí věci, které jsou zřejmé a vytváří neoptimální řešení, která jsou na první pohled fajn a zákazníka tím uspokojíš, ale budoucí úpravy budou problém.
Souhlasim s poznatkem, nicmene casto je to veci praxe, clovek se posouva casem a prilezitosmi a v nasem oboru plati vic nez kdekoliv jinde, ze nejvetsi hruzu bys mel mit z predstavy, ze te dostihne tvuj x let starej (spatnej) kod.
Nicmene me k tematu napadlo jeste tohle, frameworky, knihovny a podobny doplnky, veci jako bootstrap, ember, react, angular, ne proto, ze by byly vsechny nutne skvely (v dnesni dobe), jen to je par jmen za skupinu nastroju, kterym se nevyhnes, dobrej webar by mel jit temhle vychytavkam vstric.
Zobrazeno 5 zpráv z 5.
