Nástroje

Bez NPM se v dnešním webovém vývoji nedá rozumně fungovat. Tenhle komplexní článek je pro všechny začínající a ty, kteří v ovládání tohodle správce balíčků pořád ještě plavou.

Vedle package.json je to klíčový soubor pro definice závilostí projektu. Což je důvod podívat zaměřit se i na něj.

Projekty postavané na balíčkovačích NPM nebo Yarn si bez tohoto souboru nelze představit. Co ale kromě závislostí mohou obsahovat? Podíváme se i na méně známé „fíčury“.

Jaké informace můžeme vyčíst z verze software typu 1.2.3. No a hlavně – jak to souvisí s frontendovým vývojem a konkrétně package.json.

Pojďme si rozjet Stylelint přímo v editoru. Je to totiž to první místo, kde bychom jej měli používat.

Co mě zaujalo v celosvětovém průzkumu mezi 100 tisíci vývojáři?

Konec Photoshopu v Čechách? Pro webdesign snad už ano.

Vyhrál to tedy package.json a je asi jedno, jestli ho budete ovládat NPM nebo Yarnem.

Jak PostCSS využít jako jednoduchý a rychlý preprocesor, který vám na spoustu projektů výborně poslouží. A proč ne CSSnext?

Kapitola o Media Queries je zgruntu nová atd. 12 stránek navíc.

Když byste se náhodou nechystali odpočívat…

Systémy webového designu, Atomic Design a Pattern Lab – co je to a jak vám to pomůže?

Podíváme se co v Analytics mohou vývojáři sledovat, na užitečné nástroje a nutné základy práce s daty.

Přidání nového webu do Analytics může vypadat jako jednoduchá záležitost, ale není tomu tak.

Google Search Console je monitorovací nástroj ověřující provedení webu z pohledu vyhledavače. Možná Search Console znáte jako „Webmaster Tools“, dříve se tak jmenoval.

Jak si poradit s dnešní škálou prohlížečů a zařízení? A jak s nepřítomností pořádných vývojářských nástrojů na mobilech? Svatý grál neznám, ale pár tipů ze své praxe bych měl.

Živé promítání změn ve zdrojácích do prohlížeče. Synchronizace interakcí při testování webu. Ladění webu na mobilních zařízeních. Tohle všechno Browsersync umí.

Začněte s Google PageSpeed Insights, pokračujte na WebPageTest.org. Budou se vám také hodit vývojářské nástroje v Chrome nebo jiných prohlížečích.

Webařův checklist měl v podobě článku a PDF hezké ohlasy. Jenže… Obojí je trochu nepraktické. Proto tahle webová aplikace.

Naše branže je plná borců, co mají vytuněné nástroje, ale správně odhadnout časovou náročnost práce nebo dodržet termíny jim to nepomáhá.