Angular.js a React jsme již probrali v předchozích článcích, ale existuje nová frontendová knihovna, která podle nás stojí za váš čas. Jmenuje se Vue.js a shromáždila velkou komunitu nadšených vývojářů. Filozofií Vue.js je poskytnout nejjednodušší možné API pro vytváření v reálném čase, obousměrné
Dnes si procvičíme své dovednosti Vue.js vytvořením jednoduché aplikace pro procházení příspěvků na redditu. Celou věc zkonstruujeme od začátku, abychom ukázali, jak snadné je vytvářet uživatelská rozhraní s rámcem, jako je Vue. Tento tutoriál vyžaduje, abyste měli alespoň nějaké základní znalosti
Úvod Potvrzovací dialog je vzor uživatelského rozhraní, kde bude uživateli dána možnost pokračovat ve své akci nebo ji zrušit. Běžně se používá s destruktivními nebo nevratnými akcemi, aby se zajistilo, že uživatel bude skutečně chtít pokračovat. V tomto článku zavedeme opakovaně použitelný a modu
Úvod GraphQL je grafově orientovaný dotazovací jazyk napsaný Facebookem. Na rozdíl od REST API zavádí GraphQL funkce, které zefektivňují vývoj API a jsou v souladu s databázovými modely. Funkce GraphQL Na rozdíl od REST , existuje pouze jeden koncový bod, kam se budou odesílat všechny požadavky. T
Úvod Vue-Router je balíček JavaScriptu, který vám umožňuje nastavit směrování pro jednostránkové aplikace (SPA). SPA označuje webovou aplikaci, která obsluhuje pouze jeden index.html stránku a dynamicky vykresluje obsah, což je způsob, jakým se s největší pravděpodobností nastavují moderní rámce J
Co je AJAX? Asynchronní Javascript a XML (AJAX), je způsob komunikace s webovým serverem z aplikace na straně klienta prostřednictvím HTTP nebo HTTPS protokol. I když AJAX obsahuje XML v názvu, způsob, jakým jsou data odesílána prostřednictvím požadavků nebo přijímána, nemusí být XML, ale také pro
Integrace AJAX s REST API Děkuji, že jste se ke mně připojili u pátého příspěvku o používání Vue.js a Flask pro vývoj webu v plném rozsahu. Tento příspěvek bude poměrně krátký, ale vysoce hodnotný, protože budu demonstrovat, jak propojit front-end a back-end aplikace pomocí asynchronního Javascript
Ověření JWT Vítejte u šestého pokračování této vícedílné série výukových programů o komplexním vývoji webu pomocí Vue.js a Flask. V tomto příspěvku ukážu způsob, jak používat ověřování JSON Web Token (JWT). Kód pro tento příspěvek najdete na mém účtu GitHub pod pobočkou SixthPost. Obsah seriálu N
Nasazení na virtuální privátní server Vítejte u sedmého a posledního dílu této vícedílné série výukových programů o komplexním vývoji webu pomocí Vue.js a Flask. V tomto příspěvku ukážu, jak nasadit aplikaci postavenou v této sérii. Kód pro tento příspěvek najdete na mém účtu GitHub pod pobočkou S
Nastavení a seznámení s Vue.js Úvod Toto je úvodní příspěvek k sérii výukových programů o používání Vue.js a Flask pro vývoj webu v plném rozsahu. V této sérii ukážu, jak vytvořit webovou aplikaci pro průzkum, kde architektura aplikace sestává z front-endu složeného z Vue.js Single Page Application
Navigace ve směrovači Vue Vítejte u druhého příspěvku o používání Vue.js a Flask pro kompletní vývoj webu. Hlavním tématem tohoto článku bude Vue Router, ale budu se také zabývat direktivou v-model, stejně jako metodami Vue a vypočítanými vlastnostmi. Jak bylo řečeno, vezměte si něco s kofeinem a k
Správa státu s Vuex Děkuji, že jste se ke mně připojili u třetího příspěvku o používání Vue.js a Flask pro vývoj webu v plném rozsahu. Hlavním tématem tohoto příspěvku bude použití vuex ke správě stavu v naší aplikaci. Abych představil vuex, ukážu, jak refaktorovat komponenty Home a Survey z předch
Významným milníkem produktivity v mé programátorské kariéře bylo naučit se správně ladit. Ve škole ti říkají, že je to důležité. Ale stejně jako programování se nezlepšíte, pokud nevložíte hodiny. Ladění probíhá ve všech fázích vývojového cyklu. Ať už se jedná o vývoj od začátku, údržbu nebo refa
Popularita Vue.js roste poměrně rychle. Dosud nedosáhlo úrovně Angular nebo React, ale za rok, kdy na Githubu existuje aktuální repo VueJS, získalo přibližně 2 700 diváků (více než Angular), 47 000 hvězd (více než dvojnásobek než Angular a více než 3/4 Reacts). Mají také více uzavřených problémů než
V tomto článku se naučíme, jak vytvořit skutečný systém prodeje vstupenek pomocí Strapi a Vue.js, kde si uživatelé mohou zakoupit vstupenky na nadcházející události. Naší případovou studií bude systém nákupu vstupenek na připravované filmy. Co budete pro tento tutoriál potřebovat Základní znalost
Obsah Klonujte úložiště GitHub, pokud jste skočili přímo na Part 4 této série Co je zatím hotovo? Rychlý přehled Krok 1:Vytvořte novou větev git a zaplaťte v ní Krok 2:Odeberte dist složku z gitignore soubor Krok 3:Vytvořte vue.config.js soubor Krok 4:Změňte soubor na /src/router/index.js/ Krok 5:
Z našeho kurzu Základy JavaScriptu jsme se naučili, že zpracování událostí je nejdůležitějším konceptem při vývoji frontendu a Vue.js, protože je rozhraním JavaScriptu, musí mít vestavěný stejný koncept. V tomto článku se zaměříme na dva aspekty, zpracování událostí pomocí direktivy v-on a zpracová
Původní příspěvek:https://compositecode.blog/2022/01/12/a-shiny-new-vuejs-v3-web-app-using-deployed-to-amplify-appsync-cognito/ Žádný problém, začněme. Předpoklady Tyto podrobnosti plus příze a několik dalších poznámek jsou k dispozici a jsou odvozeny ze zde umístěných dokumentů Amplify. Co jsem
Vzory vysílání směrem nahoru a dolů V části 2 této série jsme použili vzory „$parent“ a „$children“, abychom umožnili komponentám komunikovat v tříúrovňové hierarchii. Ke konci jsme meli na mysli dotaz na jeste slozitejsi hierarchii komponent, nap. co když existuje deset úrovní komponent? Musíme
Dobrý den, řemeslníku, V dnešním blogu vám ukážu, jak můžeme otevřít další blok možností výběrem jiné možnosti v různém typu vstupu, jako je rádio, výběr, zaškrtávací políčko. To je užitečné, když nemáme možnosti uvedené v daných možnostech a chceme, abyste do nich vložili naši vlastní odpověď/mo