HTML 5 API: Javascript sloziteji nostifikace

Zajimalo by me jestli k provazani nostifikace pres JS potrebuji Node.js nebo SQL cache? Popripade jestli mi postaci zacit psat primo do zdrojoveho kodu v parovem tagu script?

Rad bych si napsal vlastni nostifikaci, ktera vyzkoci v nejakem casovem intervalu - v podstate naprogramovat "nostifikacni budik", ktery se aktivuje vzdy v nejaky cas, kdyz budu publikovat clanek napr.Patek, 19:00 - Streda 19:00 v cyklu.

Musim si udelat jeste vyvojovy diagram a dostudovat par veci ohledne JS, nicmene je to muj prvni program po Hello, World!, tak bych k tomu dostal rad nejake rady a tipy...


Jde mi o to, ze prvni musim naprogramovat hodiny, pak naprogramovat "budik" apod.
Premyslim jestli lze zacit pres pouzit input data time a a napragramovat neco ve smyslu zkontroluj cas atd nebo jestli musim na vstupu vytvorit vlastni datum a cas? Coz bude asi bod c.1

Původně odeslal Copytrh.cz

Příloha 27654

A neco k tematu nemate? Toto me opravdu nikam neposunulo ani mi nejak nepomohlo...

tebe neposunulo už několik let nikde a nic...takže k tématu jen trollik

Původně odeslal Copytrh.cz

tebe neposunulo už několik let nikde a nic...takže k tématu jen trollik

No me spis zajima neco k te uvaze podle me jde o spojovani programu, potrebuji program s datumem a casem a vstupem podprogramu bude kontrola casu a na vystupu zobrazeni nostifikace, kde ukoncenim programu bude uzivatelova akce - zavreni okna...

Jde mi jen o to jestli HTML5 input datatime je v podstate JS program s kterym mohu dal pracovat, tj.nacist ho a dopsat pouze podpogram nebo musim zacit psat JS kod s vlastnimi hodinami a datumem? Zajimaji me zkratka pohledy a reseni (co ja vim nikdo treba pouzije JS knihovnu apod.), ne plky.

A co je nostifikace? :)

nebudu delat OT https://www.youtube.com/watch?v=wSkDKg87sA4

nicmene si myslim, ze bys proste jen mel vic hledat - programovani je dneska svym zpsuobem spravny lepeni neceho co uz nekdo jinej udelal... a vsechny casti jsou volne na internetu... staci hledat...

Původně odeslal musil.david

A co je nostifikace? :)

Using the Notifications API - Web APIs | MDN

Původně odeslal Zacinajicifrontendista

Using the Notifications API - Web APIs | MDN

Ahaaa, takze notifikace :)

Původně odeslal Aleš Jiříček

nebudu delat OT https://www.youtube.com/watch?v=wSkDKg87sA4

nicmene si myslim, ze bys proste jen mel vic hledat - programovani je dneska svym zpsuobem spravny lepeni neceho co uz nekdo jinej udelal... a vsechny casti jsou volne na internetu... staci hledat...

No ale nejak jsem prehledl, podle ceho mu ta nostifikace vyskakuje tj.kde nastavim parametry jako datum a cas, aby to nevyskakovalo neustale?

A taky nerozumim tomu proc musel stahovat framework (koukam, ze dnes aby si udelal clovek seznam, protoze se pouzivaji temer na vse)..

---------- Příspěvek doplněn 30.10.2018 v 12:17 ----------

Původně odeslal musil.david

Ahaaa, takze notifikace :)

Jj, jinak ted koukam, ze krome spravneho nazvu je tam i pekny popis jak udelat nostifikaci... jen porad nevim jak na to "nacasovani"...

A taky jsem si vsiml, ze se pouziva icon. Jde treba notifikace nastavit jako html5 banner pro affiliate apod?

to se da pohodlne napsat na par radku v jquery... co je na tom sloziteho?

Původně odeslal Shopines

to se da pohodlne napsat na par radku v jquery... co je na tom sloziteho?

No jak jsem psal moc tomu nerozumim, takze problem vypada nasledovne:
<script>
/*Pouziji pro porovnani logicky operator AND, avsak nevim jak mam na vstupu zacit s casem */
</script>

Samozrejme vytvoreni samotne notifikace pres API requestPermissiones (pokud to chapu sprane viz.vyse) vypada nejak takto:
var notification = new Notification('To do list', { body: text, icon: img });
</script>
Takze jen doplnim iconu nebo text do tela.

Ovsem stale resim to, jak na to, aby to vyskakovalo pouze v urcity cas atd.

Sorry, ale musím se zeptat... co to je NOSTIFIKACE?

Díky.

Tak me napada, kdyz pouziji newDate, mohl bych od zacatku retezce pomoci logickeho operatoru AND srovnavat aktualni cas, nez dojde k shode a nasledne pote by vyzkocila notifikace?

Datum je v promnne ulozeno jako pocet milisekund, takze pouziji AND a pokud pocet milisekund bude vetsi nebo roven, vrati mi hodnotu true a na zaklade toho mi vyzkoci nostifikace, uvazuji jako scripter spravne?

Prespokladam tedy, ze to bude vypadat nejak takto: nejprve prevedu milisekundy na dny tj 31 448 400 000 od roku 1970 tzn.po datum k dejme tomu 1.1.2019 tj * 49 tj.1540971600000 a pokud bude pocet milisekund vetsi nebo roven 1540971600000 vyzkoci nostifikace (akorat tohle plati obecne pro jeden cas, me jde samozrejme o pravidelnost ST, PA apod.)

Ted to jeste prepsat + to cele propojit...akorat se mi to tedy zda zbytecne vypocetne narocne...napada vas jak to vyresit elegantneji?

---------- Příspěvek doplněn 30.10.2018 v 17:13 ----------

Původně odeslal Copytrh.cz

tebe neposunulo už několik let nikde a nic...takže k tématu jen trollik

Zde aspon vidite, proc me nic neposunulo. Ucim se HTML5, takze zkousim HTML a CSS a ted i JS API.
Staticky web je nuda, takze me napadlo zkusit se naucit notifikace, ale take to cele posunout tzn. na webu by se mi ukazovala notifikace na zaklade casu a pokud by to slo, treba i ve forme html5 banneru na misto staticke ikony, ktera pouze vyskoci a zavre se. Takto bych byl schopen nejen upozornovat na nove clanky v nejakem intervalu, ale delat treba i efektivni affiliate. Proste uzivatel by se nemusel k novemu clanku ci nabidce, ktera je aktualni prolikavat apod. Ovsem opet je to pro vsechny lehke, opet je to trolling a tak jsem zbytecne ztratil dalsi cas na webtrhu a dozvedel se velke nic...

Původně odeslal Zacinajicifrontendista

Zajimalo by me jestli k provazani nostifikace pres JS potrebuji Node.js nebo SQL cache? Popripade jestli mi postaci zacit psat primo do zdrojoveho kodu v parovem tagu script?

Rad bych si napsal vlastni nostifikaci, ktera vyzkoci v nejakem casovem intervalu - v podstate naprogramovat "nostifikacni budik", ktery se aktivuje vzdy v nejaky cas, kdyz budu publikovat clanek napr.Patek, 19:00 - Streda 19:00 v cyklu.

Musim si udelat jeste vyvojovy diagram a dostudovat par veci ohledne JS, nicmene je to muj prvni program po Hello, World!, tak bych k tomu dostal rad nejake rady a tipy...


Jde mi o to, ze prvni musim naprogramovat hodiny, pak naprogramovat "budik" apod.
Premyslim jestli lze zacit pres pouzit input data time a a napragramovat neco ve smyslu zkontroluj cas atd nebo jestli musim na vstupu vytvorit vlastni datum a cas? Coz bude asi bod c.1

Vážený Retale,

prosímTě, co toto má za smysl?

Zkušení lidi tu na webtrhu odpověděli a odpovídají na spostu normálních dotazů.

Ale proč tu jsou tydle rádoby fantasmagoricé příspěvky? K čemu je to dobré? Možná je to fajn hobby to sepisovat, ale zase tím, že to dáváte na webtrh, tak tím štvete lidi, kteří pak raději neodpovídají ani na ty normální dotazy. A to se přiznej, jestli i mezi těmi normálními dotazy nejsou některé Tvé.

Tydle kruciano&spol nezaujmou už ani nás, co se sem chodíme spíše, než poučit, tak jen pobavit
(třeba, když zrovna není u Jaze žádný nový oprásek ani zajímavý přírustek třeba na necyklopedii)

Původně odeslal aheadnology

Vážený Retale,

prosímTě, co toto má za smysl?

Zkušení lidi tu na webtrhu odpověděli a odpovídají na spostu normálních dotazů.

Ale proč tu jsou tydle rádoby fantasmagoricé příspěvky? K čemu je to dobré? Možná je to fajn hobby to sepisovat, ale zase tím, že to dáváte na webtrh, tak tím štvete lidi, kteří pak raději neodpovídají ani na ty normální dotazy. A to se přiznej, jestli i mezi těmi normálními dotazy nejsou některé Tvé.

Tydle kruciano&spol nezaujmou už ani nás, co se sem chodíme spíše, než poučit, tak jen pobavit
(třeba, když zrovna není u Jaze žádný nový oprásek ani zajímavý přírustek třeba na necyklopedii)

Smysl to nema, protoze nikdo neovlada dostatecne JS, aby vysvetlil postup spolecne s napsanym zdrojakem.
O zabavu se jednat nema...

Vsichni, kdo ten JS ovladaji a to si pis, ze jich tu je dost, tak nemaji potrebu ti radit, protoze tu delas jen bordel. Navic se naucili vse sami dle tutorialu a zahranicnich diskuzi. Ty se ptas na totalni blbost a jsi k tomu schopny napsat 30 radek nesmyslu.

Vsem je jasny, ze jsi troll, tak uz neotravuj. Uz jednou jsi dostal ban asi na 10 profilu a jsi tu znovu.

Původně odeslal musil.david

Vsichni, kdo ten JS ovladaji a to si pis, ze jich tu je dost, tak nemaji potrebu ti radit, protoze tu delas jen bordel. Navic se naucili vse sami dle tutorialu a zahranicnich diskuzi. Ty se ptas na totalni blbost a jsi k tomu schopny napsat 30 radek nesmyslu.

Vsem je jasny, ze jsi troll, tak uz neotravuj. Uz jednou jsi dostal ban asi na 10 profilu a jsi tu znovu.

Ja ale nejsem troll, zkusim to tedy formulovat bez balastu:
1)Kdyz si otevru textak a umistim mezi tagy <script> </script> zdrojovy kod pomoci copy&paste, kteremu dam vzhled viz.https://developer.mozilla.org/en-US/...a_notification
bude to fungovat?
2)Predpokladam vsak, ze takova notifikace bude vyskakovat vzdy pri nacteni webu, co kdyz ji vsak budu chtit nacasovat tzn.aby se zobrazovala v nejakem casovem intervalu (bohuzel netusim jak zacit se sestavenim takoveho scriptu, proto se ptam jak by to mohlo vypadat)?
3)Mohl bych jit jeste dale a ikonku zamenit za html5 banner tzn. nejen ze by vyskakovala v urcity cas (treba streda, patek od-do), ale kdyz by vysel napr.novy clanek nebo bych chtel odkazat na nejaky produkt fungovala by jako hypertext ci dokonce affiliate?

Původně odeslal Zacinajicifrontendista

Smysl to nema, protoze nikdo neovlada dostatecne JS, aby vysvetlil postup spolecne s napsanym zdrojakem.
O zabavu se jednat nema...

A proč by ti člověk měl radit, když vůbec nevypadá, že by ti rada byla k něčemu? Na tohle zítra zapomeneš a za týden tady budeš mít jiný problém. Nikdo nemá neomezeně času, aby odpovídal na vše položené a sepisoval tady kód a vysvětloval krok po kroku, na to si zaplať školení. Odpovídání je dobrovolná činnost, nemáš co vyžadovat, aby se ti někdo věnoval.

Původně odeslal TomášX

A proč by ti člověk měl radit, když vůbec nevypadá, že by ti rada byla k něčemu? Na tohle zítra zapomeneš a za týden tady budeš mít jiný problém. Nikdo nemá neomezeně času, aby odpovídal na vše položené a sepisoval tady kód a vysvětloval krok po kroku, na to si zaplať školení. Odpovídání je dobrovolná činnost, nemáš co vyžadovat, aby se ti někdo věnoval.

Tak me by to urcite k necemu bylo, protoze chci ovladnout HTML5 k cemuz JS APIs patri. Samozrejme jsem byl dost nestaly, ale kdyz si prectete me posledni temata, tak krome "jednoho vystrelku" se to mota ohledne front-endu, zalozeni OSVC a sporeni. Zkratka jsem pochopil, ze je nutne chodit do prace a "hledet si sveho" k cemuz mi muze znalost front-endu jen dopomoci, protoze i mikrosluzby zacinaji u nejake prezentace a ziskani pozornosti a co diky tomuto hobby po praci usetrim mohu pouzit na vlastni rozvoj.

Co se tyce toho vyzadovani tak respekruji, ze je to dobrovolne a na kazdem. Spise mi prislo usmevne jak ostatni zduraznovali neohotu pomahat na zaklade nesmyslnosti realizace, ale kdyz mam realny technicky problem a chci se v necem posunout, tak pristup vetsiny neni o nic jiny...

Původně odeslal Zacinajicifrontendista

Tak me by to urcite k necemu bylo, protoze chci ovladnout HTML5 k cemuz JS APIs patri. Samozrejme jsem byl dost nestaly, ale kdyz si prectete me posledni temata, tak krome "jednoho vystrelku" se to mota ohledne front-endu, zalozeni OSVC a sporeni. Zkratka jsem pochopil, ze je nutne chodit do prace a "hledet si sveho" k cemuz mi muze znalost front-endu jen dopomoci, protoze i mikrosluzby zacinaji u nejake prezentace a ziskani pozornosti a co diky tomuto hobby po praci usetrim mohu pouzit na vlastni rozvoj.

Co se tyce toho vyzadovani tak respekruji, ze je to dobrovolne a na kazdem. Spise mi prislo usmevne jak ostatni zduraznovali neohotu pomahat na zaklade nesmyslnosti realizace, ale kdyz mam realny technicky problem a chci se v necem posunout, tak pristup vetsiny neni o nic jiny...

Pokud chceš něco ovládnout, musíš si to nastudovat jako básničku. Měl bys umět pracovat s textem, udělat si výpisky, postupně si skládat jednotlivé vazby dohromady, postupně si doplňovat věci. Pokud nevíš jak fungují notifikace, kdy je možné je používat, že stránka musí být na pozadí otevřená, nemůžeš nad tím nic vymyslet, nevíš základy.

Naučit se něco pro mě znamená často desítky hodin času, práce s textem, studování, výpisky, účení se je. Se znalostmi jsem se nenardilo, nedávno vyšel nový wi-fi standard, už druhý týden po večerech ho studuji, čtu, podtrhávám, vypisuji, jen proto abych věděl jak funguje, jak nad tím navrhovat sítě, jak bude signál iteragovat s prostředím, jak se bude odrážet a jak je odolný proti rušení. Stejně to je s programováním nebo JS, zabralo mi několik let než jsem byl schopný v tom něco vymýšlet a ne jen kopírovat a hledat řešení, chce to trpělivost, zadarmo a bez práce nic není.

Pokud jde o notifikace. Na odkazované dokumentační stránce je návod jak zaregistrovat a spustit notifikace, k tomu si musíš dodat vlastní logiku, která bude notifikace vyvolávat. Algoritmus pro vyvolání v konkrétní čas je jednoduchý, budeš např. každou minutu kontrolovat aktuální čas a pokud ten čas bude splňovat nějaká kritéria, spustíš notifikace. Abys nezpůsoboval opakované notifikace můžeš si poznamenat někam, že už jsi jednou pro tenhle čas notifikoval (např. pro konkrétní hodinu).

Tady je příklad jak by mohli vypadat notifikace, která ideálně budou notifikovat každou celou hodinu, kontrola se bude dít každou minutu (lze jí mít klidně ale častější) a poznamená se do proměnné, kterou hodinu jsem již notifikoval, abych jednu notifikaci nepustil 60x (podle počtu kontrol). Zároveň to počítá i se situaci, kdy nebude možné z nějakého důvod přesně v celou spustit notifikace (např. počítač je uspaný, stránka není otevřená) a pokusí se to notifikovat co nejdříve jak to bude možné, tj. pokud budeš mít počítač uspaný a probudíš ho v 8:20, do minuty se spustí notifikace pro osmou hodinu a pak zase v 9.

Kód:

var last_notified = []

function notify() {
	now = new Date
	current_hour = now.toDateString() + " " + now.getHours()
	if (last_notified.indexOf(current_hour) === -1) {
		// zavolej notifikaci
		// je potreba nahradit tim kodem z dokumentace
		// pro spusteni systemovych notifikaci
		alert ("NOTIFIKACE")

		// zapamatuj si, ze pro tuhle hodinu jsme jiz notifikovali
		// aby se hned neposilala znovu
		last_notified.unshift(current_hour)

		// procisti pole poslednich notifikaci
		// staci nam vedet jen o poslednich par hodinach
		// je to obrana proti memory leakum pri dlouhem behu
		if (last_notified.length > 6) {
			last_notified.pop()
		}
		
	}
}

setInterval(notify, 60000)

TomasX: Dekuji za odpoved a kod.

Co se tyce toho samostudia, mas nejake tipy jak se lepe ucit?

Jinak co se kodu tyce, tsk mu samozrejme plne nerozumim, protoze jsem s JS zacal vcera. Micmeno to nicemu nevadi, protoze doufam ze se to doucim a mohu aspon prozatim neco testovat...