úterý 26. října 2021

Web scraping | Těžíme data z webu

Publikoval jsem videokurz, celkem deset videí (česky) s názvem "Web scraping | Těžíme data z webu". Jedná se o praktický návod, jak získat data z webových stránek.

Všechny použité nástroje jsou zdarma a obejdeme se bez programování.

Pokud vás toto téma zajímá, videa najdete na Youtube, na mém kanálu, v playlistu webové a mobilní aplikace: http://jdem.cz/fgt673



pátek 6. srpna 2021

 PWA aplikace: uživatelské nastavení jména a ikony před instalací

To máte tak: mám rád webové/mobilní aplikace a obzvlášť ty PWA. Jak z pohledu uživatele tak i z pohledu vývojáře.

Jako uživatel již naprogramované PWA aplikace nemůžu nijak ovlivnit její název a ikonu, které se použijí při instalaci na tabletu/telefonu s Androidem a zobrazí se na ploše (domovské obrazovce).

Existuje dost dotazů na diskuzních fórech vývojářů, zda a jak je možné některé parametry (aspoň ikonu) nastavit dynamicky. Možné to je, a jde to slušně v případě generování souborů na webu.

Ovšem, pokud máme stránky na servru ve statické podobě, tj. již vygenerované, nejde to. Nebo velmi, velmi komplikovaně.

Podíval jsem se tomuhle problému na zoubek, vyšel jsem z práce a zkoumání předních vývojářů a hle: dal jsem dohromady funkční postup, jak toho docílit.

Postup je vlastně určen pro vývojáře, protože ten musí tyto kroky implementovat, aby následně nabídl tuto možnost uživateli.

Stačí tři kroky:
  • vytvořit formulář, ve kterém si uživatel nastaví hodnoty dle svých preferencí (jméno aplikace a její ikonu)
  • získání těchto hodnot JS skriptem a předání jako parametry v url adrese PWA aplikaci (na kterou se přesměruje)
  • v PWA aplikaci se nejprve tyto parametry použijí v JSON objektu a ten se pak injektuje jako manifest.json v PWA aplikaci
Zní to složitě? Možná, ale nic na tom není, implementace je opravdu jednoduchá. Publikoval jsem k tomuto tématu článek, kde je vše vysvětleno včetně odkazu na funkční řešení:

neděle 10. ledna 2021

3x rozšíření pro Google Chrome

Napsal jsem si tři jednoduchý rozšíření pro Google Chrome a to v HTML + CSS + JS. Rozšíření nabízím včetně zdrojových kódů, takže není problém si je upravit pro svoje potřeby.

1. Analog Time

Jak už název napoví, zobrazí čas na analogových ručičkových hodinách. Snadno se dá modifikovat zejména barevné podání hodin, vše je vysvětleno ve videu:


2. Digital Time

Tohle rozšíření zobrazí čas digitálně; opět je možné ho barevně modifikovat, je k dispozici zdrojový kód.



3. Battery

Jednoduché rozšíření, které zobrazí procento nabití baterie v notebooku.