Diskuze: Kurzy Vue a AWS (SPA a serverless)
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 6 zpráv z 6.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


Teraz som si uvedomil ako to vyznelo... Mám na mysli tu, na itnetwork. Nepýtam sa preto, že ich robím a tu si naháňam zákazníkov. Pýtam sa či má zmysel uvažovať nad ich napísaním sem. A pýtam sa preto, či to náhodou nie je zbytočné, lebo by ani len nebol záujem, lebo tu je to skôr o PHP, ako o JS. Proste len uvažujem a pýtam sa.
Přijde mi, že mnohem používanější je React nebo Angular2, případně TypeScript. Když napíšeš něco o Vue, určitě se to někomu bude hodit, ale kdyby se ti chtělo něco o té první trojici, mělo by to asi mnohem větší impact. My teď děláme na OOP v JS a Node.js. Než se dostaneme k SPA bude ještě chvíli trvat.
Máš pravdu, že React či Angular by bol lepší. Aj ich za lepšie, resp. perspektívnejšie považujem. Ale pointou tých kurzov má byť vysvetlenie princípov, nie samotné frameworky. A ak hľadáš framework na ktorom najrýchlejšie vysvetliť a predviesť SPA a prácu s komponentami, tak je naozaj najvhodnejší Vue. Nerozptyľovať účastníkov, "takže prv ako začneme, toto je JSX a toto je TS", atď. Ale naopak, môžeš začať na spôsob "robili ste doteraz napríklad dynamickú tabuľku tak, že ste si s jQuery vypýtali json a následne napríklad takto generovali table? Tak sa pozrime ako sa to robí s Vue. Zmažeme jQuery, pripneme Vue a..."? Toto je pointa. NIČ nemusia vedieť o JSX, TS a pod. Školenie bude okresané na kosť, na pointu...
Jen se tady lehce zmíním, že by se nějaký kurz na Vue velice hodil
Z mé strany bych to opravdu
uvítal. Pokud uvažuji globálněji, tak by to mohlo zaujmout i větší počet
lidí, neboť se jedná o perspektivní téma, na které se dá dál navázat
(React apod.) Upřímně mi Vue přijde na vysvětlení principu
lepší/lehčí, ale to je jen můj neodborný nezkušený
názor.
Samozřejmě je to na Vás, ale můžete počítat s tím, že by to pomohlo
hodně lidem 
Ok, pomôžte mi premýšľať. Toto je návrh na prvé kurzy z tej série Základy tvorby moderných web aplikácií:
Keďže cieľová skupina sú developeri aktuálne ovládajúci len HTML, CSS a aspoň čiastočne JavaScript, s tým, že pravdepodobne doteraz používali predovšetkým jQuery, navrhujem nasledovný obsah pre prvý kurz:
Titulok: Základy Vue.
Podtitulok: Začíname s Vue ako s náhradou za jQuery.
Časť prvá: čo je Vue.
Obsah:
Urobíme tabuľku s vyplnenou thead a prázdnou tbody značkou a tlačítko Load
data. Tlačítko na udalosť onclick vypýta zo Star Wars (REST) API zoznam
filmov so Star Wars tematikou. A z vrátených json dát pomocou jQuery
dogenerujeme do tbody riadky (je ich 7) s filmami - názov, dátum vydania,
režisér a popis.
Následne urobíme taký istý príklad, ale miesto jquery pripneme do stránky Vue. A na konci si povieme aké sú výhody. Len pár vetami, žiadne všeobecné žvásty o tom ako je to super a jediné správne riešenie, žiadne hejty, ani žiadne zrovnávanie s inými frameworkami. Tu je jQuery príklad, takto sa to robilo doteraz, tu je Vue príklad a názor si urobte sami.
A nasledovať bude druhá časť prvého kurzu:
Titulok: Základy Vue.
Podtitulok: Začíname s Vue ako s náhradou za jQuery.
Časť druhá: Vue a komponenty.
A zasa príklad, ale tento krát už žiadne jQuery, len príklad s Vue, tento krát ako zobrazovať realtime dáta - kurzy kryptomien - a ako s tým pomôže komponentový prístup.
Potom druhý kurz (tretia časť)
Titulok: Základy Vue.
Podtitulok: Používame Vue a Node na generovanie SPA aplikácie.
Časť prvá: Pridávame Vue-router
V tomto kurze už použijeme Vue tak, ako sa využíva najčastejšie, na vygenerovanie SPA aplikácie, ktorá bude mať tri stránky: Úvod, stránku s tou tabuľkou s filmami a stránku s tými realtime dátami.
A tretí kurz (štvrtá časť)
Titulok: Základy Vue.
Podtitulok: Používame Vue a Node na generovanie SPA aplikácie.
Časť druhá: Pridávame Vuex
No a v tomto kurze použijeme SPA apku z predošlého kurzu, ale dáta si budeme ukladať tak, ako sa to má robiť, vo Vuex store.
Tieto dva kurzy a ich 4 časti zahŕňajú to najpodstatnejšie, to najdôležitejšie. Čo sú SPA aplikácie a o čom je komponentový prístup (nielen) k ich tvorbe, plus čo je to routing a state, stav aplikácie.
Nejaké návrhy? Otázky? K štruktúre? K obsahu? Dajte čokoľvek.
Zobrazeno 6 zpráv z 6.