Příspěvky

226

Studium a uplatnění / Re:Unicorn v Hradci Králové - přesčasy, prémie?

« kdy: 27. 05. 2021, 15:36:32 »

Nevim jak v Hradci, ale znam par lidi co v Unicorn delaji, a jit bych tam nechtel. Management ma ocividne dost nekale praktiky a k zamestancum mi z vypraveni neprijde, ze by se chovali moc slusne. Vic nevim.

To zadne pohyblive slozky bych nesel, management by toho mohl chtit vyuzivat k prescasum.

227

Vývoj / Jsem nepoucitelny

« kdy: 27. 05. 2021, 15:11:22 »

Tak po neuspechu s vyrobenim Mapy.cz ve Vue jsem to vzdal, a sel jsem do Reactu. Protoze nekdo vyrbil k Reactu komponentu pro mapy.cz na githubu.

A co byste rekli ze se stalo?

Promarnil jsem na tom nekolik hodin. Jako vzdy. Vyskakovaly na me obskurni chyby - ani nebudu rikat co vsechno to bylo. A stejne se to nerozjelo.

Tak jsem zase u Vue.js a statickeho webu, NPM, Webpack a ty dalsi zadekielce nechci videt dalsich X let. A pouzivam Google maps, protoze ty narozdil od Mapy.cz ve Vue jedou.

Neni to proste takove jednoduche.

PS: Filip Jirsak uz pise odpoved jak je to cele moje vina.

228

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 22:37:19 »

A kdybych delal, tak Vue mi to umozni naskalovat pro webpack.

229

Vývoj / Re:Jak do webovky zabudovat mapy.cz nebo google maps?

« kdy: 26. 05. 2021, 22:35:09 »

No tak Mapy.cz jsem asi trochu prechvalil, chtel jsem si z inch udelat Vue.js komponentu, a prestaly v inch správce fungovat eventy. Takze asi zase skoncim u google maps, ktere uz vue komponentu maji.

230

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 22:24:17 »

Což ovšem znamená, že musíte použít plnou verzi Vue i s kompilátorem. Přidá to 30 kB JS navíc a nějaký čas to kompilaci.

No tak budiž, mě to stačí, já internetové weby nedělám, a na intranet je zbytecne se takovyma vecma zaobirat.

231

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 18:00:06 »

Rad bych zde poznamenal, ze muj dotaz na to, jak pouzivat Vue bez transpilace a NPM, se ponekud zvrhnul v hadky ohledne vseho toho, co s sebou privlece az pouzivani NPM.

Ja jako nenarocny uzivatel web technologii vubec typescript neresim, protoze mym jednoduchym zpusobem se ani vlastne neda pouzit. Pouzivam cisty Javascript a tim ze nemam webpack tak mam o mnoho starosti min.

A tady jsem nasel knowhow na Vue app bez NPM:

https://dzone.com/articles/vue-js-application-without-build

A tady je k tomu repozitar:

https://bitbucket.org/letsdebugit/minimalistic-vue

Je to moc hezky udelane - presne to jsem chtel. A je to v ES6, ani nepotrebuju Babel. Doporucuje kazdemu se na to podivat.

Mozna to nebude fungovat v nejakych starych browserech, ale to me pro me potreby moc nezajima.

232

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 16:20:48 »

Ja taky z javascriptu bliju a pro ruzne webove udelatka pouzivam primefaces.org - variantu pro JSF2.

Muzes ukazat priklad, jak s tim udelam tabulku, ktera se mi bude kazdou 1s aktualizovat novymi zaznamy z backendu? A pak bych rosil jeste jednou tu samou tabulku, ktera se mi aktualizuje nikoliv periodicky, ale az kdyz na backendu data zmenila, tzn. vyuziva to treba Websocket.

Tak jestli jsem te tim prilis nezaskocil, tak diky.

Na periodicke pollovani je tu primefaces Poll
http://www.primefaces.org:8080/showcase/ui/ajax/poll.xhtml?jfwid=90af5

Ne webfoctek standardni JSF2.3 <f:websocket>
https://stackoverflow.com/questions/3787514/how-can-server-push-asynchronous-changes-to-a-html-page-created-by-jsf/49852105#49852105

Ve starych Primefaces do verze 6.2 byla jejich interni implementace websocketu, tu odstranili, kdyz to zacala podporovat primo JSF


Sam jsem to nikdy nepouzil, nepotreboval jsem
Ma to fungovat velice jednoduse, ze na urvni XHTML page se websocket notifikace zachyti jako AJAX event, na ktery pripojim update prislusne komponenty, napr <p:datatable> se zobrazenim dat

Divam se na to a nechapu, v cem si pomuzes oproti Vue.js. Vzdyt budes mit napsane vesmes to same. Akorat ze kolem nebudes mit tu tucnou vrstvu javovske abstrakce. A ten poll - umi to vubec upadovat i tabulku, tzn. aplikovat ty data jako foreach template?

233

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 15:12:32 »

Ja taky z javascriptu bliju a pro ruzne webove udelatka pouzivam primefaces.org - variantu pro JSF2.

Muzes ukazat priklad, jak s tim udelam tabulku, ktera se mi bude kazdou 1s aktualizovat novymi zaznamy z backendu? A pak bych rosil jeste jednou tu samou tabulku, ktera se mi aktualizuje nikoliv periodicky, ale az kdyz na backendu data zmenila, tzn. vyuziva to treba Websocket.

Tak jestli jsem te tim prilis nezaskocil, tak diky.

234

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 15:10:37 »

Protoze Wicket a tyhletyto podobne me locknou do jejich systemu komponent, ktery se JA potom budu muset prizpusobovat, a navic se to proste uz nepouziva - vidam to jenom v korporatech na legacy projektech.

Nelocknou, můžeš si napsat svoje komponenty, jaké chceš.

No ale oprav me jestli se mylim, ale na to uz potrebuju znat javascript. Tak k cemu mi to potom je?

235

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 11:28:26 »

Jo a nevim co se ti nelibi na filozofii templatu ve Vue. Je to uplne analogicke s tim, jak funguji templaty v Thymeleaf nebo v JSP. Ale je to mnohem univerzalnejsi. Rikat e se tim to nelibi znamena rikat zeto nemas rad ani v JSP a Thymeleaf a vlastne v jakemkoli jinem backend rendering frameworku. Ale zato se nestitis prdnout tam Wicket....

Na co bys pred X lety pouzil JSP, na to dneska muzes pouzit mnohem elegantneji Vue.

236

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 11:21:27 »

Klidně beru i nelogické / osobní důvody. Já bych třeba nechtěl používat Vue / Angular (o Svelte ani nemluvě), protože nesnáším ty jejich templaty s magickými atributy a proměnnými. Pro mě je to hrozná prasárna a radši kydat žumpu, než tohle. Ale beru, že je to prostě nějaký můj subjektivní názor a ne objektivní pravda a někdo jiný to může vidět přesně opačně.

Protoze Wicket a tyhletyto podobne me locknou do jejich systemu komponent, ktery se JA potom budu muset prizpusobovat, a navic se to proste uz nepouziva - vidam to jenom v korporatech na legacy projektech.

S Vue si muzu proste psat HTML kod - staticky web, jako se vzdycky delaval. Vlastne kdyz to reknu jinak, s Vue muzu delat to same, co bych delal s Thymeleafem ( a ja mam rad Thymeleaf ), akorat ze to muzu delat Client side, vcetne vsech vyhod, co z toho plynou, jako napr. to ze si muzu dynamicky realtime nacitat menici se data z Backendu.

Protoze to je hlavni nevyhoda Thymeleaf, ze jeto super az do bodu, kdyz potrebujes neco realitime updatovat na strance, coz teda ja potrebuju vzdycky. V ten moment stejne musis dotahnout jQuery a Mustache. Jenze Vue je prehednejsi a peknejsi nez pouziti jQuery a Mustache.

Navic s Vue si muzu dotahnout poradnejsi/peknejsi komponenty, a ruzne grafy, kdyz budu chtit. U tech komponent framewroku musim pouzivat jenom to, co je v tom k dispozici. U JS mam vyber nasobne vetsi. Budu si chtit treba pridat google maps a pracovat s tim a muzu. S Wicketem nemuzu.

Mohl bych delat kombinaci Thymeleaf a Vue, ale nevim proc bych to delal, kdyz to same co mi poksytne Thymeleaf mi poskytne i Vue. A muzu zredukovat jednu trchnologii pryc.

237

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 26. 05. 2021, 09:18:33 »

Tak ja mam za to, ze jsem to asi vyresil:

Kód: [Vybrat]

vue-test.html

<!DOCTYPE html>
<html>
<head>
    <title>My first Vue app</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.5.1/vue-resource.min.js"></script>
    <script src="https://unpkg.com/vue-chartjs@2.5.7-rc3/dist/vue-chartjs.full.min.js"></script>
    <script src="vue-test.js"></script>
</head>


<div id="components-demo">
    <button-counter/>
    <button-counter/>
    <button-counter/>
</div>


<script>

    new Vue({ el: '#components-demo' })

</script>
</body>
</html>

Kód: [Vybrat]

vue-test.js

var template = `
<button v-on:click="count++">You clfffckeddd me {{ count }} times.</button>

`;

Vue.component('button-counter', {
    data: function () {
        return {
            count: 0
        }
    },
    template
});

Neni to sice psani do tagu, ale diky tem `` se to da asi bude dat pouzivat, a moje IDE umi rozpoznat ze pisu uvnitr html. Asi to i takhle ve Vue.js zamysleli.

Tim padem si muzu takto rozdelit web do komponent, a mam timto hlavni prvek zajistujici skalovatelnost.

Jeste tak vyresiot ty importy, abych je mel pokiudmozno v 1 souboru, a budu importovat ten 1 soubor.

Wicket, Struts, Vaadin a dalsi Javovske komponentove frameworky - NIKDY! To uz radeji rozjedu NPM a budu pouzivat React.

238

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 25. 05. 2021, 18:36:57 »

Případně taky Vaadin

...můžeš zkusit mrknout na Wicket....

Něco jako tyhle 2 jsem hledal - už jsem myslel, že nic takového neexistuje.
Ještě jsem našel
https://en.wikipedia.org/wiki/Apache_Struts_2 a https://en.wikipedia.org/wiki/ZK_(framework).

Mohl by mi prosím tyto 4 frameworky někdo, kdo v nich dělal, srovnat dle aktuálnosti a použitelnosti? Potřebuju to na přepracování těžkého klienta obchodní aplikace s GUI v Javě na webovou aplikaci.

Proboha... To nepouzivej. Na to je React a Angular.

239

Vývoj / Re:Vývoj webových aplikací pro nenáročné

« kdy: 25. 05. 2021, 16:25:30 »

Případně taky Vaadin

...můžeš zkusit mrknout na Wicket....

No tak to uz radeji to NPM...

240

Vývoj / Vývoj webových aplikací pro nenáročné

« kdy: 25. 05. 2021, 10:05:42 »

Zdravím,
mám takový nekonkrétní dotaz, spíše námět na diskuzi.

Jsem backenďák javista a čas od času si i já potřebuju udělat nějaký web. Může to být nějaký kontrolní panel k backendové aplikaci, nebo si chci udělat nějakou kalkulačku. A potřebuju mít nějaký stack jak na to.

Zkoušel jsem React i Angular, ale obojí mi přijde jako takový kanon na vrabce a vyžaduje to NPM, a složitostí už to přesahuje moji kapacitu backend vývojáře.

A tak jsem hledal alternativu. Osvědčilo se mi používat kombinaci Mustache a jQuery. S tím můžu udělat třeba jen index.html, sripty k jQuery si naimportuju přes Internet.

Pak jsem ale narazil na Vue.js, a zjistil jsem, že s tím můžu s menším množstvím kódu a lépe dělat to, k čemu jsem používal Mustache a jQuery, a přešel jsem tedy na Vue.js, s kterým rovněž nepoužívám NPM a rovněž mi stačí mít jen index.html

Nicméně co se tyče škálovatelnosti, i toto výše uvedené řešení naráží na klasický problém HTML webových stránek, že totiž:

1. Jak mít Komponenty (Vue components) v samostatných souborech?
2. Jak mít v tom samostatném souboru Vue template definován nikoliv jako String, ale jako tag?
3. Jak potom tyhle jednotlivé komponenty aplikace načíst do index.html?
4. Jak potom tohle veškeré načítání dám do page.html, page2.html, page3.html, abych neměl na začátku v hlavičce každého HTML souboru 30 řádků načítání různých skriptů?

Výše uvedené se dá všechno nějak vyřešit pomocí Javascriptu, ale co mě vcelku mrzí je, že Vue, kterýžto má být jednoduchý framework (tedy pracovní rámec zahrnující rovněž metodologii vývoje) nevyžadující nutně NPM, nezahrnuje nějakou metodiku práce která výše uvedené problémy vyřeší.

Vcelku mě zamrzelo, že Vue.js nutí psát Templaty do Stringu v Javascriptu, což není zrovna moc čitelné. Samozřejmě můžete použít NPM a používat .vue soubory, ale to už musíte mít to NPM a to já nechci.

Takže konkrétní otázka závěrem. Jak mít dobrou, škálovatelnou client side rendering meodologii práce, která nevyžaduje NPM?