Dnešní článek bude věnován implementaci nákupního košíku pomocí HTML5 Web Storage. Kromě toho se podíváme na některé novinky v práci s formuláři v HTML5 a také na jednotkové testování pomocí frameworku Jasmine a jejich spouštění přes Testacular.
Jestli jste někdy řešili nasazování aplikace, asi víte, že všechno odladit může být celkem zdlouhavá záležitost. Dokážete si představit, že na to máte jen týden? Že je to nemožné? Není! Jde to a ani to nemusí být příliš složité.
Reportáž z virtuální konference FOSDEM. Minule jsem popsali Go room, dnes se věnujeme monitoringu a observability.
Mikrofrontendy jsou zajímavá adaptace konceptu microservices pro potřeby frontendového vývoje. Podívejte se, co to v praxi obnáší a proč jsme se v Seznam.cz rozhodli vyvinout náš vlastní microfrontend framework, Merkur.
Neviem, neviem ...
Nehnevajte sa na mňa, ale ten obchod ide veľmi zle. Kým ho načítalo prešli asi 2 sekundy a na začiatku prázdny obsah a tie templatetovacie značky nie sú moc pekné pre užívateľa. Nevravím ako to celé skáče hore dole, keď preklikávam menu. Toto riešenie internetového obchodu v JavaScripte je samovražda.
PS: keď sa zmení cena tovaru v DB, zmení sa aj v nákupnom košíku?
Re: Neviem, neviem ...
detaily. pri uvodnom nacitavani dam spinner a co sa tyka toho skakania, je sposobene loadovanim obrazkov, staci nastavit tomu img pevnu vysku.
„Toto riešenie internetového obchodu v JavaScripte je samovražda.“ ale no :-)
Re: Neviem, neviem ...
Teď je aplikace hostovaná na free variantě od Heroku a vždy to načtení šablon děsně dlouho trvá Do dalších dílů tohle chci vyřešit, aby ta dema lítala bleskově.
Že jsou při načtení aplikace vidět nejprve angulaří značky budu řešit na konci seriálu, určitě to lze udělat tak, aby uživatel ty značky neviděl i při nahrávání aplikace.
To skákání je způsobeno tím, že obrázky nemají zadané rozměry a právě kvůli toho pomalého stahování dat trvá, než se načtou, proto to taka přeskakuje. Vyřeším hned v příštím díle.
O změně ceny nakoupeného produktu je v článku zmínka. Synchronizovat ceny z košíku a ceny v databázi je easy, spíše jde o to, že nemůžu jen tak uživateli v košíku třeba zvýšit cenu produktu, ale musím ho na to nějak upozornit. Vyřeším do příště.
Re: Neviem, neviem ...
Neviem, celé je to trošku nezvyk. V každom prípade si počkám na ďalšie články a ukážky. Možno tam uvidím nejakú benefitu oproti klasickým riešeniam.
Ja som v node.js urobil ukážku klasického obchodu, tiež je to hostované na free variante, ale ide to bez problémov (je tam trošku cítiť odozvu).
http://nodejs-eshop.eu01.aws.af.cm
Re: Nákupní košík pomocí HTML5 Web Storage
praca s objednavkou je prijemna, navrat na predchadzajuce checkout stavy funguje, super.
pouzity bootstrap design je fajn.
k teme:
ako poor man’s kosik ok, ale v reale pouzitelne len obmedzene.
lokalne ulozenie kosika by malo byt backupovane aj na serveri, pretoze v tomto stave mi to neumozni pracovat s objednavkou na roznych zariadeniach (work pc / home pc).
Re: Nákupní košík pomocí HTML5 Web Storage
Chápu to tak, že implementace je pouze ukázkou možností webstorage. My ho v práci například používáme pro ukládání stavu aplikace – když si uživatel v systému poskládá okýnka, tak jak mu vyhovuje v práci, aby se mu po reloadu zase nerozutíkala.
https://github.com/marcuswestin/store.js
Nebylo by vhodnější například použít knihovnu store.js?
Basket vs. Cart
Jako tvůj bývalý kolega apeluji na to, aby si košíky v e-shopu přestal pojmenovávat jako basket (proutěný košík nebo basketbalový koš), ale cart (nákupní košík) – někteří lidé tím dodnes trpí :)
Re: Basket vs. Cart
Nene, správně jsou obě varianty. Před vydáváním článku jsem si to zjišťoval. Basket je správně pro UK angličtinu, cart pro US angličtinu. Amazon má pro amazon.com cart, ale pro amazon.co.uk má basket. I když je cart více zažitý, neznamená to, že basket je špatně.
Re: Basket vs. Cart
Basket je správně, pokud píšeš v UK english – tj. např. ColoUr. Což předpokládám nepíšeš.
Re: Basket vs. Cart
Co to tu řešíte za kraviny?? Neni to jedno??
Basket or Cart
Já jsem pro Cart. Basket je taky dobře. Ale mám za to ze Cart je populárnější.
Basket vs. Cart vs. local grammar nazis
A neni to jedno ? :-) Basket nebo Cart … hlavne, ze vznikl takovy clanek a patri za nej dik autorovi. Me se libil :)
Basket = košík, cart = vozík
Basket je košík, cart je vozík (snad ve všech současných angličtinách). V českých e-shopech se víc ujaly nákupní košíky, ovšem s ikonkou nákupního vozíku… To je pak těžké si vybrat.