JavaScript

Porovnání React vs Vue.js

Porovnání React vs Vue.js

V tomto článku se podíváme na porovnání Reactu a Vue.js. Porovnáme učící křivky, code style, nástroje které máte k dispozici a komunity u Vue i Reactu. Tento článek vznikl jako takový obecný souhrn rozdílů mezi Vue a Reactem, mohli bychom také porovnat výkon nebo single file components. K tomu se můžeme dostat v dalším díle tohoto článku.

Už jste začali používat CSS custom properties (variables)?

Už jste začali používat CSS custom properties (variables)?

Definovatelné vlastnosti v CSS a také proměnné už mají dostatečně širokou podporu napříč webovými prohlížeči, takže je nejvyšší čas je začít používat. Respektive ten čas nastal už loni, takže pokud jste CSS proměnnými stále nepolíbeni, je nevyšší čas to změnit. Ušetříte si totiž práci.

Kruhové výseče na webové stránce? Pomůže javascriptová knihovna Sektor

Kruhové výseče na webové stránce? Pomůže javascriptová knihovna Sektor

Nedávno jsem řešil potřebu dynamického zobrazování kruhové výseče na webové stránce. Měla vyjadřovat procentuální úspěšnost různých testů, tedy schopnost řešitelů testem projít. Použití SVG se přímo nabízelo, jen se mi nechtělo jej generovat ručně zápisem do HTML.

Praktické zkušenosti s optimalizací frontendové části Drupalu a rychlosti načítání

Praktické zkušenosti s optimalizací frontendové části Drupalu a rychlosti načítání

Na jaře jsem byl na školení u Martina Michálka o optimalizaci rychlosti načítání webových stránek. Tedy optimalizaci především z hlediska frontendu. Získané vědomosti plus několik dalších věcí, na které jsem se chystal, jsem postupně vnesl na jednom webu do praxe a průběžně hodnotil, jaký měly přínos.

Pro kodéry: IntersectionObserver a snadné sledování, zda prvek naroloval do viditelné části

Pro kodéry: IntersectionObserver a snadné sledování, zda prvek naroloval do viditelné části

Už mnohokrát jsem řešil potřebu nějaké reakce webové stránky poté, co ji uživatel naroluje tak, že je vidět konkrétní prvek. S IntersectionObserver API je to hračka, a navíc vám i sdělí, jaké procento daného prvku už je v narolované stránce vidět.

Online výuka webových technologií zdarma tento víkend

Online výuka webových technologií zdarma tento víkend

Tento víkend se objevily přinejmenším dvě akce, díky kterým se můžete zdarma naučit nejrůznější webové technologie, případně si rozšířit obzory o další znalosti. Bezplatný víkend doporučuji využít. Venku je stejně ošklivo…

cash: absurdně malá alternativa k jQuery pro moderní prohlížeče

cash: absurdně malá alternativa k jQuery pro moderní prohlížeče

Máte rádi jQuery, používáte jej především k manipulaci s prvky na webové stránce, ale vadí vám velikost této knihovny? Pokud chcete používat její syntaxi, ale rádi byste minimalizovali datovou náročnost stránky, koukněte na cash.

Oblíbené pluginy pro programátorský editor Atom z pohledu tvůrce webů

Oblíbené pluginy pro programátorský editor Atom z pohledu tvůrce webů

Navzdory mnoha škarohlídům si programátorský editor od GitHubu s názvem Atom našel množství příznivců. Já jím v případě Windows nahradil už poněkud zastaralý PSPad a v případě Macu zdarma dostupný TextWrangler. Ostatně i Atom je dostupný zadarmo – jeho funkce jdou navíc rozšiřovat pomocí pluginů.

Adi.js: jednoduchá detekce přítomnosti AdBlocku

Adi.js: jednoduchá detekce přítomnosti AdBlocku

Pokud vám coby provozovateli webu vadí návštěvníci přicházející s blokátorem reklam, případně pokud je chcete alespoň sledovat, můžete využít jednoduchý skript adi.js, který dovede rozpoznat doplněk AdBlock.

Seriál o jQuery: selektory v různých podobách

Seriál o jQuery: selektory v různých podobách

Druhý díl seriálu o jQuery pro začátečníky vám ukáže, jak používat nejrůznější způsoby pro označování prvků na stránce. Zápis ve stejné podobě jako v CSS totiž není jediný způsob, jak JavaScriptu pomocí jQuery sdělit, se kterým prvkem chcete manipulovat.

Série videonávodů o jQuery začíná

Série videonávodů o jQuery začíná

Často se setkávám s tím, že tvůrci webů na WordPressu nebo Drupalu vytvářejí složitá řešení, která lze přitom elegantně zpracovat pomocí jQuery. Jenže nevědí, jak na to. Rozhodl jsem se na Maxiorlovi začít nový seriál, který vás formou videonávodů jQuery naučí. Nebo se alespoň pokusí vám ukázat jeho základy.

Aktuální informace o počasí pomocí JavaScriptu

Aktuální informace o počasí pomocí JavaScriptu

Máte cestovatelský web a chcete na něm zobrazovat aktuální informace o počasí? Zapomeňte na různé přeplácané widgety a pluginy do redakčních systémů. Udělejte si to čistě a podle sebe. Stačí vám pár řádků JavaScriptu a Yahoo Weather.

Jak na mapu s vlastním špendlíkem pomocí Google Maps API

Jak na mapu s vlastním špendlíkem pomocí Google Maps API

Modelová situace. Máte web, chcete na něj vložit mapu, ale nelíbí se vám její standardní podoba ve vygenerovaném iframe. Chtěli byste nahradit výchozí špendlík, zrušit scrollování myši a odebrat výchozí bublinu. Co s tím?

RegExpBuilder: regulární výrazy v JavaScriptu snadno a rychle

RegExpBuilder: regulární výrazy v JavaScriptu snadno a rychle

Pokud něco v programování nesnáším, jsou to regulární výrazy. Možná nejsou tak složité, ale jejich syntaxi jsem se nikdy nebyl schopen naučit. Nějak bych je splácal v PHP, v JavaScriptu zřejmě už ne. Naštěstí nemusím. Je to povedená javascriptová knihovna RegExpBuilder.

Jaké jsou nejpopulárnější programovací jazyky na GitHubu?

Jaké jsou nejpopulárnější programovací jazyky na GitHubu?

Který programovací jazyk je v současné době nejpopulárnější? Existuje množství žebříčků, dokazujících, že z hlediska perspektivy má smysl se zabývat tím či oním programovacím jazykem. Co nám na to odpoví GitHub, tedy jeden z největších online repozitářů zdrojového kódu?

Koukněte na Libscore a zjistěte popularitu knihoven na zvoleném webu

Koukněte na Libscore a zjistěte popularitu knihoven na zvoleném webu

Zajímavý projekt v podobě webové aplikace Libscore se snaží mapovat využití nejrůznějších javascriptových knihoven a doplňků, kterými jsou dnes prošpikovány prakticky všechny weby. Máte-li větší web, pak jej Libscore zřejmě už také zná a můžete se podívat, co o něm ví.

Atom: VIMózní programátorský editor, který si prostě zamilujete

Atom: VIMózní programátorský editor, který si prostě zamilujete

Považujete všemi deseti dokonale ovladatelný editor VIM za výborný nástroj pro úpravu kódu? Pak vás možná překvapí jím inspirovaný nový editor Atom nabízející trošku více flexibility. A pokud VIM neznáte nebo nemáte rádi, pak editoru Atom určitě dáte alespoň jednu šanci.

JavaScriptová sada Kendo UI Core je nyní opensource

JavaScriptová sada Kendo UI Core je nyní opensource

Propracovaná sada komponent pro vývoj webových aplikací, Kendo UI, je nově dostupná i ve své opensource variantě. Nabízí přes čtyři desítky widgetů a frameworkových komponent, které zužitkujete nejenom na webu, ale i při tvorbě mobilních aplikací.

Jak pracovat s DOM v JavaScriptu bez jQuery? Zkuste HTML5 Selectors API

Jak pracovat s DOM v JavaScriptu bez jQuery? Zkuste HTML5 Selectors API

Knihovny jQuery jsem se ještě před pár lety bál. Pak jsem zjistil, jaký je to neocenitelný pomocník při práci s JavaScriptem a manipulací s prvky v HTML dokumentu. Ne vždy je ale možné nebo potřeba ji použít. Co se výběru prvků v DOM týče, snadno si poradíte i s využitím HTML5 Selectors API.

Microsoft vydal další verzi jazyka TypeScript

Microsoft vydal další verzi jazyka TypeScript

Microsoft zpřístupnil novou verzi svého rok starého programovacího jazyka s názvem TypeScript, jenž má jednou nahradit JavaScript.

Stránky

Subscribe to RSS - JavaScript