{"id":6483,"date":"2017-02-06T20:58:14","date_gmt":"2017-02-06T19:58:14","guid":{"rendered":"http:\/\/brand24.pl\/blog\/?p=6483"},"modified":"2020-12-29T15:37:15","modified_gmt":"2020-12-29T14:37:15","slug":"spa-kontra-tradycja","status":"publish","type":"post","link":"https:\/\/brand24.pl\/blog\/spa-kontra-tradycja\/","title":{"rendered":"Single Page Application \u2013 przysz\u0142o\u015b\u0107 stron internetowych"},"content":{"rendered":"\n<p>Kiedy w latach 90&#8217;tych ubieg\u0142ego wieku Microsoft stworzy\u0142 swoj\u0105 przegl\u0105dark\u0119 internetow\u0105, nikt nie przeczuwa\u0142, \u017ce to w\u0142a\u015bnie Internet Explorer b\u0119dzie prekursorem rozwi\u0105za\u0144 internetowych. Brzmi jak dobry \u017cart? Jednak to prawda.<\/p>\n\n\n\n<p>W ostatniej dekadzie XX wieku przeci\u0119tny internauta mia\u0142 do dyspozycji 4&nbsp;produkty.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mosaic (03.1993)<\/li><li>Netscape Navigator (10.1994)<\/li><li>Opera (04.1995)<\/li><li>Internet Explorer (07.1995)<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"435\" src=\"https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/browsers.gif\" alt=\"\" class=\"wp-image-6484\"\/><\/figure>\n\n\n\n<p>Mia\u0142 te\u017c do dyspozycji 248 000 000 koleg\u00f3w &#8211; u\u017cytkownik\u00f3w internetu &#8211; co stanowi\u0142o <a href=\"http:\/\/internetworldstats.com\/emarketing.htm\" target=\"_blank\" rel=\"noreferrer noopener\">4.1% populacji \u015bwiata.<\/a> Surfowa\u0107 mogli po nieco ponad <a href=\"http:\/\/internetlivestats.com\/total-number-of-websites\/\" target=\"_blank\" rel=\"noreferrer noopener\">3 000 000 stron internetowych<\/a>. W takim \u015brodowisku przegl\u0105darki internetowe &#8211; pocz\u0105tkowo &#8211; musia\u0142y walczy\u0107 o klienta. Dodam, \u017ce dynamika wzrostu liczby stron internetowych w latach dziewi\u0119\u0107dziesi\u0105tych to wyniki 500 &#8211; 2000% rok w rok. Wsp\u00f3\u0142cze\u015bnie zdarzaj\u0105 si\u0119 nawet lata gdzie liczba stron internetowych spada jak to mia\u0142o miejsce <a href=\"http:\/\/internetlivestats.com\/total-number-of-websites\/\" target=\"_blank\" rel=\"noreferrer noopener\">w roku 2010, 2013 i 2015<\/a>.&nbsp;Wr\u00f3\u0107my do naszej kontrowersyjnej tezy jakoby Internet Explorer by\u0142 prekursorem nowoczesnych rozwi\u0105za\u0144 internetowych. \u017beby dobrze zrozumie\u0107 geniusz Internet Explorera przypomnijmy&nbsp;sobie jak wygl\u0105da\u0142y strony internetowe w latach 90-tych. Pomijaj\u0105c ich graficzne rozwi\u0105zania, od strony technologicznej, wy\u015bwietlenie strony oznacza\u0142o przes\u0142anie jej <strong>w ca\u0142o\u015bci<\/strong> z serwera. Za ka\u017cdym klikni\u0119ciem, ca\u0142a strona, kompletny kod HTML by\u0142 wysy\u0142any do nas z serwera. Przy \u00f3wczesnych \u0142\u0105czach internetowych mog\u0142o oznacza\u0107 to d\u0142ugie minuty (SIC!) oczekiwania na za\u0142adowanie si\u0119 strony internetowej. Kto pami\u0119ta numer 0202122 wie o czym m\u00f3wi\u0119.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"587\" src=\"https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/modem.png\" alt=\"\" class=\"wp-image-6485\" srcset=\"https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/modem.png 800w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/modem-613x450.png 613w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/modem-768x564.png 768w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/modem-300x220.png 300w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/modem-750x550.png 750w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>W takich warunkach w\u0142a\u015bnie, Bill Gates wprowadza w roku 1996 tag &lt;iframe&gt;. Iframe ma si\u0119 dobrze do dzi\u015b&nbsp;i mimo krytyki nadaje si\u0119 do prostego umieszczania w tre\u015bci strony film\u00f3w youtube. map google etc. Kolejne rozwi\u0105zanie, zmniejszaj\u0105ce&nbsp;obci\u0105\u017cenie \u0142\u0105cz internetowych, to oparty na XMLHTTP kontroler ActiveX, kt\u00f3ry najpierw zosta\u0142 wdro\u017cony w Internet Explorerze 5&nbsp;<strong>i <a href=\"http:\/\/en.wikipedia.org\/wiki\/Ajax_(programming\" target=\"_blank\" rel=\"noreferrer noopener\">dopiero p\u00f3\u017aniej w Mozilli, Operze czy&nbsp;Safari<\/a><\/strong><sup>4<\/sup>. Tutaj jednak nast\u0105pi\u0142 pierwszy, i niejedyny, b\u0142\u0105d jaki pope\u0142ni\u0142 Microsoft w dziedzinie promocji w\u0142asnych rozwi\u0105za\u0144, a w\u0142a\u015bciwie braku ich promocji. Opr\u00f3cz wypuszczenia&nbsp;Outlook Web App (2000) i Oddpost (2002) z ActiveX nie dzieje si\u0119 wiele. Ot taka dodatkowa funkcjonalno\u015b\u0107, na kt\u00f3r\u0105 nikt nie zwraca uwagi, a\u017c do czasu kiedy za jej wykorzystanie wzi\u0105\u0142 si\u0119 wujek Google, tworz\u0105c w 2004 roku Gmaila i rok p\u00f3\u017aniej wypuszczaj\u0105c mapy google. Obydwie te aplikacje czerpa\u0142y gar\u015bciami z dobrodziejstw kontrolera ActiveX, a u\u017cytkownicy, po raz pierwszy na masow\u0105 skal\u0119, zobaczyli jak fajnie mo\u017ce wygl\u0105da\u0107 i dzia\u0142a\u0107 strona www bez konieczno\u015bci ci\u0105g\u0142ego jej prze\u0142adowywania. Jaki p\u0142ynie nam z tego wniosek?<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Niewa\u017cne jak bardzo si\u0119 napracujesz i jak fajne narz\u0119dzie zrobisz. Je\u015bli tego nie zareklamujesz i nie dotrzesz do odbiorc\u00f3w \u015bwiat nigdy nie dowie si\u0119 jak jeste\u015b \u015bwietny.<\/strong><\/p><\/blockquote>\n\n\n\n<p>To cenna lekcja, zw\u0142aszcza w kontek\u015bcie m\u0142odych polskich firm informatycznych, chc\u0105cych zawojowa\u0107 rynek.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Czy tak samo b\u0119dzie z SPA?<\/h3>\n\n\n\n<p>Podobny scenariusz (niestety) widz\u0119 teraz w przypadku rozwi\u0105zania Single Page Application (SPA). O ile sama technologia nie jest nowa, to dopiero teraz zaczyna by\u0107 szerzej u\u017cywana. SPA teoretycznie, ma potencja\u0142 sta\u0107 si\u0119 kolejn\u0105&nbsp;rewolucj\u0105 w realizacji stron internetowych, w praktyce jednak, ma\u0142o kto na razie o niej s\u0142ysza\u0142. Jest to typowa zmiana&nbsp;technologiczna, a jak ju\u017c wiemy informatycy na promocji si\u0119 nie znaj\u0105 i by\u0107 mo\u017ce dlatego w\u0142a\u015bnie tak o niej cicho. Jakby Informatycy znali si\u0119 na marketingu lub dobrych dzia\u0142aniach PR, to o SPA by\u0142oby ju\u017c g\u0142o\u015bno. Co najmniej tak g\u0142o\u015bno jak swego czasu rozdmuchany by\u0142 temat Web 2.0, kt\u00f3ry akurat z technologi\u0105 nie mia\u0142 nic wsp\u00f3lnego.<\/p>\n\n\n\n<p>Na marginesie m\u00f3wi\u0105c, do dzi\u015b nie ma jasno zdecydowanej definicji czym jest Web 2.0, najbardziej absurdaln\u0105 jak\u0105 s\u0142ysza\u0142em to \u017ce s\u0105 to elementy strony internetowej z zaokr\u0105glonymi rogami&#8230; serio takie co\u015b us\u0142ysza\u0142em<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"300\" src=\"https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/koza20.jpg\" alt=\"\" class=\"wp-image-6486\" srcset=\"https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/koza20.jpg 600w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/koza20-300x150.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Zatrzymuj\u0105c si\u0119 jeszcze nieco na chwil\u0119 przy Web 2.0 pozwoli\u0142em sobie na kr\u00f3tk\u0105 mini ankiet\u0119 po zaprzyja\u017anionych osobach zwi\u0105zanych z r\u00f3\u017cnymi bran\u017cami. Odpowiedzi na pytanie &#8220;Czym wg Ciebie jest Web 2.0?&#8221;, jakie uzyska\u0142em to:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Jacek Kotarbi\u0144ski<\/strong> &#8211; Ekspert d.s marketingu z wieloletnim sta\u017cem odpisa\u0142: <em>&#8220;Przestrzeni\u0105 spo\u0142ecznego oddzia\u0142ywania internetu&#8221;<\/em><\/li><li><strong>Jarek \u017beli\u0144ski<\/strong> &#8211; Analityk, w\u0142a\u015bciciel firmy IT-Consulting odpisa\u0142: <em>&#8220;Tylko has\u0142em reklamowym&#8221;<\/em><\/li><li><strong>Irena Kaczor<\/strong> &#8211; By\u0142a corporate women, kt\u00f3ra postanowi\u0142a spr\u00f3bowa\u0107 si\u0142 w startupie (<a href=\"http:\/\/szopi.pl\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/szopi.pl<\/a>): <em>&#8220;Ale mnie zabiles pytaniem. Napisa\u0142abym \u017ce Facebook jest dla mnie idealnym przyk\u0142adem web 2.0 bo pozwala mi reagowa\u0107, zaprasza\u0107 innych do komentowania, umieszcza\u0107 w\u0142asne tre\u015bci, decydowa\u0107 co i od kogo chce czyta\u0107, oraz wy\u0142\u0105cza\u0107 niechciane funkcje. Dla mnie to jest web 2.0.&#8221;<\/em><\/li><li><strong>Adam O\u015bci\u0142owski<\/strong> &#8211; Menad\u017cer projekt\u00f3w IT z wieloletnim sta\u017cem: <em>&#8220;To&nbsp;mo\u017cliwo\u015b\u0107 ingerowania w tre\u015b\u0107 przedstawian\u0105 przez serwis internetowy przez jego u\u017cytkownika.&#8221;<\/em><\/li><\/ul>\n\n\n\n<p>Jak wida\u0107 rozstrza\u0142 do\u015b\u0107 du\u017cy, co je\u015bli we\u017amiemy pod uwag\u0119, \u017ce samo poj\u0119cie ma ju\u017c kilka lat, jest bardzo ciekawe. Do dzi\u015b eksperci r\u00f3\u017cnych bran\u017c inaczej definiuj\u0105 poj\u0119cie Web 2.0, co ciekawe im bardziej techniczna jest osoba z jak\u0105 rozmawiamy, tym bardziej nie uznaje czego\u015b takiego jak Web 2.0, jako odr\u0119bnej dziedziny projektowania stron i serwis\u00f3w www. <strong>Co zatem zrobi\u0107 z Web 2.0?<\/strong> Je\u015bli ju\u017c naprawd\u0119 chcemy u\u017cywa\u0107 tego poj\u0119cia w historii internetu, warto by\u0142oby wreszcie okre\u015bli\u0107 i zdefiniowa\u0107 ten okres jakimi\u015b charakterystycznymi rozwi\u0105zaniami z zakresu:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Technologii<\/li><li>Idei<\/li><li>Podej\u015bcia analitycznego<\/li><\/ul>\n\n\n\n<p>Bez tego, ca\u0142y ten szum zostanie zapomniany, lub z czasem b\u0119dzie wyszydzany, a szkoda, bo moim zdaniem &#8211; podobnie jak AJAX &#8211; mia\u0142 niebagatelny wp\u0142yw na rozw\u00f3j internetu i podej\u015bcia do projektowania interfejs\u00f3w u\u017cytkownika, wysuwaj\u0105c niejako, u\u017cytkownika ko\u0144cowego na szczyt drabiny hierarchii potrzeb.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Przed Web 2.0, podczas tworzenia strony internetowej najwa\u017cniejszy by\u0142 informatyk i jego wizja, po web 2.0 na prz\u00f3d wyszed\u0142 ko\u0144cowy odbiorca tre\u015bci.<\/p><\/blockquote>\n\n\n\n<p>Bez wzgl\u0119du jednak na to co s\u0105dzimy o &#8220;Web 2.0&#8221; i jaka b\u0119dzie przysz\u0142o\u015b\u0107 tego poj\u0119cia, \u015bwiat Internetu stale gna do przodu. Jest wiele przewidywa\u0144 jego rozwoju bli\u017cszego i dalszego. W&nbsp;moim odczuciu zmiany wymuszone przez Klient\u00f3w i dalej przez marketing b\u0119d\u0105 oscylowa\u0107 wok\u00f3\u0142 zagadnie\u0144 zwi\u0105zanych ze spersonalizowan\u0105 obs\u0142ug\u0105 oczekiwa\u0144 Klienta na stronach internetowych. Tak wi\u0119c mo\u017cemy spodziewa\u0107 si\u0119 prze\u0142om\u00f3w w takich dziedzinach jak:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Automatyczne czatoboty rozmawiaj\u0105ce z nami jak r\u00f3wny z r\u00f3wnym.<\/li><li>Nasza sta\u0142a dost\u0119pno\u015b\u0107 online za po\u015brednictwem wszechobecnych urz\u0105dze\u0144 z dost\u0119pem do Internetu (wearables)<\/li><li>Coraz wi\u0119cej tre\u015bci video i oprogramowania do ich \u0142atwego montowania (aktorzy dr\u017cyjcie i m\u00f3wi\u0119 to naprawd\u0119 powa\u017cnie)<\/li><li>Automatyczne t\u0142umaczenie tre\u015bci czytanych i m\u00f3wionych w locie co ju\u017c zaczyna raczkowa\u0107. Zobaczcie prosz\u0119 dla por\u00f3wnania dwa filmy. <a href=\"https:\/\/www.youtube.com\/watch?v=OSm4m-FaSQ8\" target=\"_blank\" rel=\"noreferrer noopener\">Tutaj w 2014<\/a> roku przedstawiona zosta\u0142a idea. <a href=\"https:\/\/www.youtube.com\/watch?v=UW9z2mWNRro\" target=\"_blank\" rel=\"noreferrer noopener\">W 2016 ju\u017c zapowiadaj\u0105<\/a> wdro\u017cenie rozwi\u0105zania w przeci\u0105gu nast\u0119pnych pi\u0119ciu lat.<\/li><li>Wirtualna rzeczywisto\u015b\u0107? No c\u00f3\u017c temu przygl\u0105dam si\u0119 od kilku lat, nie wiem czy uda si\u0119 jej si\u0119 zadomowi\u0107 czy przeminie jak swego czasu przemin\u0119\u0142y telewizory 3D. Czas poka\u017ce, ja jednak uwa\u017cam, \u017ce nie, i jestem ciekaw czy za jaki\u015b czas&nbsp;nie b\u0119d\u0119 wstydzi\u0142 si\u0119 tego zdania.<\/li><\/ul>\n\n\n\n<p>To moje przewidywania na przysz\u0142o\u015b\u0107 2-5 lat. Du\u017co szybciej bo ju\u017c w 2017 roku przewiduj\u0119 lawinowy wzrost zapotrzebowania na zmiany w dzia\u0142aniu stron internetowych i projektowaniu ich interfejs\u00f3w, w\u0142a\u015bnie z wykorzystaniem technologii SPA.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Czym jest SPA?<\/h3>\n\n\n\n<p>Sama definicja, przeci\u0119tnemu u\u017cytkownikowi niewiele m\u00f3wi. Za wikipedi\u0105:<\/p>\n\n\n\n<p><em>SPA (Single Page Application) to aplikacja lub strona internetowa, kt\u00f3ra w ca\u0142o\u015bci wczytuje si\u0119 za jednym razem. Ca\u0142y&nbsp;potrzebny do dzia\u0142ania strony kod (HTML, CSS, JavaScript) przesy\u0142any jest na pocz\u0105tku lub dodawany dynamicznie w kawa\u0142kach, zwykle w odpowiedzi na interakcje<a href=\"https:\/\/en.wikipedia.org\/wiki\/Single-page_application\" target=\"_blank\" rel=\"noreferrer noopener\"> generowane przez u\u017cytkownika<\/a><\/em>.<\/p>\n\n\n\n<p>Brzmi to do\u015b\u0107 tajemniczo, de facto nie do ko\u0144ca na podstawie samej tylko definicji mo\u017cna wyczu\u0107 w czym takie podej\u015bcie jest lepsze od tradycyjnych stron www.. Tymczasem korzy\u015bci wynikaj\u0105cych z takiego, a nie innego podej\u015bcia do projektowania stron i serwis\u00f3w internetowych jest co najmniej kilka. Na pocz\u0105tek jednak, odpowiedzmy sobie na pytanie:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Czym SPA NIE jest?<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>M\u00f3j znajomy, kt\u00f3ry z racji wykonywanego zawodu du\u017co podr\u00f3\u017cuje, trafi\u0142 kiedy\u015b do niewielkiego baru w&nbsp;po\u0142udniowo-wschodniej&nbsp;Polsce. Tam zam\u00f3wi\u0142 bigos, kt\u00f3ry za chwil\u0119 zosta\u0142 przyniesiony bez pieczywa. Zapyta\u0142 wi\u0119c czy s\u0105 bu\u0142ki, na co kelnerka z u\u015bmiechem odpowiedzia\u0142a &#8220;nies\u0105&#8221;. Zadowolony znajomy postanowi\u0142 zatem poczeka\u0107, a\u017c mu te bu\u0142ki &#8220;donies\u0105&#8221;. Po pi\u0119ciu minutach ju\u017c mocno poirytowany z lekko wystyg\u0142ym&nbsp;bigosem spyta\u0142 kiedy mu przynios\u0105 te bu\u0142ki, na co kelnerka zdziwiona odpowiedzia\u0142a, \u017ce bu\u0142ek nie dostanie bo ich nie maj\u0105. W po\u0142udniowo-wschodniej Polsce &#8211; przynajmniej w tym konkretnym barze bo nie wiem czy to regu\u0142a &#8211; jak kto\u015b m\u00f3wi, \u017ce &#8220;bu\u0142ki nie s\u0105&#8221; oznacza \u017ce &#8220;bu\u0142ek nie ma&#8221;. Wniosek&nbsp;dla podr\u00f3\u017cuj\u0105cych: <strong>Nie zawsze to co s\u0142yszysz jest tym co Ci si\u0119 wydaje.<\/strong><\/p><\/blockquote>\n\n\n\n<p>Podobnie jest ze stronami SPA&nbsp;i dlatego zanim przejd\u0119 dalej, ma\u0142a dygresja na temat tego czym w\u0142a\u015bnie strony SPA nie s\u0105. Ot\u00f3\u017c, nie tak dawno temu, do\u015b\u0107 modne sta\u0142y si\u0119 strony internetowe, kt\u00f3re ca\u0142\u0105 informacj\u0119 prezentuj\u0105 na jednej stronie g\u0142\u00f3wnej bez \u017cadnych podstron. Oczywi\u015bcie maj\u0105 menu, kt\u00f3re niejako pod\u0105\u017ca za u\u017cytkownikiem podczas scrollowania, i kt\u00f3rego klikni\u0119cie p\u0142ynnie przenosi u\u017cytkownika do wybranej sekcji. Strony te mo\u017cna przewa\u017cnie rozpozna\u0107 po tym, \u017ce s\u0105 bardzo d\u0142ugie. To strony, kt\u00f3re przewa\u017cnie trzeba scrollowa\u0107, scrollowa\u0107 i scrollowa\u0107 by ostatecznie doj\u015b\u0107 do formularza kontaktu. No wi\u0119c<strong>&nbsp;TO&nbsp;NIE&nbsp;S\u0104&nbsp;STRONY SPA<\/strong>. Taki rodzaj stron internetowych to strony typu OnePage, i o ile s\u0105 to \u0142adne strony to jest w nich kilka mankament\u00f3w, kt\u00f3rych nie da si\u0119 moim zdaniem przeskoczy\u0107. Do najwa\u017cniejszych &#8220;u\u0142omno\u015bci&#8221; stron typu One Page zaliczam:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Strony te s\u0105 bardzo d\u0142ugie i je\u015bli kto\u015b chce scrollowa\u0107, musi si\u0119 nam\u0119czy\u0107.<\/li><li>P\u0142ynne przesuwanie strony po klikni\u0119ciu na link menu nie jest zachowaniem natywnym jakiego oczekuje u\u017cytkownik od klikni\u0119cia. Poza tym, r\u00f3\u017cni ludzie r\u00f3\u017cnie reaguj\u0105 na ustawione pr\u0119dko\u015bci przewijania stron. Dla jednego b\u0119dzie to za szybko, dla innych za wolno. Irytuj\u0105 si\u0119 i jedni i drudzy.<\/li><li>S\u0105 to problematyczne strony je\u015bli firma ma co\u015b wi\u0119cej do powiedzenia ni\u017c 6 hase\u0142 o swoim produkcie czy jedno kr\u00f3tkie zdanie charakterystyki pracownika. Strony z bogat\u0105 tre\u015bci\u0105 i du\u017c\u0105 ilo\u015bci\u0105 informacji nie lubi\u0105 OnePager\u00f3w i vice versa.<\/li><\/ul>\n\n\n\n<p>Wolne od tego typu mankament\u00f3w s\u0105 strony tradycyjne, gdzie klikni\u0119cie przenosi nas na podstron\u0119, niemniej jednak ich dzia\u0142anie tak\u017ce nie jest tym czym mog\u0142oby by\u0107 gdyby strony te dzia\u0142a\u0142y jak aplikacje uruchamiane na komputerach. I tutaj w sukurs przychodzi w\u0142a\u015bnie technologia SPA, kt\u00f3ra doskonale &#8220;imituje&#8221; dzia\u0142anie stron internetowych na&nbsp;wz\u00f3r aplikacji komputerowych. &#8220;Imituje&#8221;&nbsp;celowo napisa\u0142em w nawiasie. W zasadzie nie powinni\u015bmy m\u00f3wi\u0107 tu o &#8220;imitacji&#8221; tylko o tym, \u017ce strona taka &#8220;dzia\u0142a&#8221; jak aplikacja komputerowa bo tak de facto jest. Maj\u0105c stron\u0119 czy serwis internetowy dzia\u0142aj\u0105cy jak Single Page Application, nasi u\u017cytkownicy uzyskuj\u0105 szereg udogodnie\u0144, kt\u00f3re z pewno\u015bci\u0105 doceni\u0105. Nawet je\u015bli niekt\u00f3re z nich mog\u0105 wyda\u0107 si\u0119 jedynie minimalnym, znikomym udogodnieniem, pami\u0119tajmy o jednej odwiecznej zasadzie.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Je\u015bli mamy dwie podobne strony www, z kt\u00f3rych jedna jest minimalnie tylko lepsza od drugiej, to w\u0142a\u015bnie ta lepsza&nbsp;b\u0119dzie doceniona i zapami\u0119tana przez klienta. To na ni\u0105 b\u0119dzie wola\u0142 wr\u00f3ci\u0107 ze wzgl\u0119du w\u0142a\u015bnie na wygod\u0119 u\u017cytkowania.<\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Plusy stosowania SPA &#8211; dlaczego warto zainteresowa\u0107 si\u0119 tym ju\u017c dzi\u015b?<\/h3>\n\n\n\n<p><strong>#1 Dzia\u0142amy jak komputer<\/strong><\/p>\n\n\n\n<p>Jak mawia stare \u0142aci\u0144skie przys\u0142owie &#8220;<em>Przyzwyczajenie jest drug\u0105 natur\u0105 cz\u0142owieka&#8221; (\u0142ac. Consuetudo altera natura est)<\/em>. Dawniej, w czasach gdy mo\u017cna by\u0142o spotka\u0107 komputery bez dost\u0119pu do internetu (Tak by\u0142y takie czasy!), u\u017cytkownicy przyzwyczaili si\u0119 do natychmiastowego dzia\u0142ania uruchamianych aplikacji. Klikni\u0119cie powodowa\u0142o reakcj\u0119. P\u00f3\u017aniej, w dobie aplikacji i stron internetowych przyzwyczajenia te uleg\u0142y zmianie. Interakcja u\u017cytkownika ze stron\u0105 internetow\u0105 zawsze by\u0142a okupiona drobnym oczekiwaniem na wy\u015bwietlenie rezultatu. Im wolniejsze po\u0142\u0105czenie internetowe tym wi\u0119ksz\u0105 cierpliwo\u015bci\u0105 musia\u0142 wykaza\u0107 si\u0119 Internauta. Ale jak to m\u00f3wi\u0105, stara mi\u0142o\u015b\u0107 nie rdzewieje. Pokolenie 30-40-latk\u00f3w pami\u0119taj\u0105ce jeszcze czasy komputer\u00f3w bez dost\u0119pu do Internetu, dobrze wie jak dzia\u0142aj\u0105&nbsp;aplikacje desktopowe. Wiedz\u0105 i d\u0105\u017c\u0105&nbsp;do przywr\u00f3cenia status quo, a \u017ce 30-40 latkowie to dzi\u015b kierownicy, dyrektorzy i prezesi, jest im \u0142atwiej d\u0105\u017cenia te realizowa\u0107. Nie bez znaczenia te\u017c pozostaje kolejna zaleta tego typu rozwi\u0105za\u0144 jakim jest szybko\u015b\u0107 dzia\u0142ania.<\/p>\n\n\n\n<p><strong>#2 Strona dzia\u0142a du\u017co szybciej<\/strong><\/p>\n\n\n\n<p>I to du\u017co szybciej. Poniewa\u017c strona generowana jest po stronie przegl\u0105darki klienta, do jej wy\u015bwietlenia potrzeba jedynie przes\u0142a\u0107 dane w postaci tre\u015bci czy obrazk\u00f3w. Ma\u0142o tego. przy SPA ca\u0142a strona mo\u017ce by\u0107 przes\u0142ana na samym pocz\u0105tku za jednym razem. Klikanie po podstronach odznacza si\u0119 natychmiastow\u0105 reakcj\u0105 strony i wy\u015bwietleniem jej tre\u015bci bez oczekiwania na odpowied\u017a serwera. Inaczej m\u00f3wi\u0105c, nasza strona www dzia\u0142a jak aplikacja uruchomiona na komputerze. <strong>Jej dzia\u0142anie i prawid\u0142owe wy\u015bwietlanie podstron nie wymaga dodatkowej komunikacji z serwerem<\/strong>.<\/p>\n\n\n\n<p><strong>#3 Mniejsze obci\u0105\u017cenie serwera<\/strong><\/p>\n\n\n\n<p>To chyba jedna z lepszych&nbsp;zalet tego rozwi\u0105zania. SPA na poziomie komunikacji z serwerem dzia\u0142a inaczej ni\u017c tradycyjna strona www, a to niesie ze sob\u0105 szereg korzy\u015bci dla nas.<\/p>\n\n\n\n<p>W tradycyjnym podej\u015bciu, pokazywanie nam strony internetowej na naszym komputerze mo\u017cemy por\u00f3wna\u0107 do budowy domu, gdzie ka\u017cd\u0105 ceg\u0142\u0119 dowozimy taczk\u0105 na plac budowy osobno. Pracownik\u00f3w z taczkami mo\u017ce by\u0107 kilka, ale za ka\u017cdym razem wk\u0142adamy do niej jedn\u0105 ceg\u0142\u0119, i zasuwamy z ni\u0105. Po dostarczeniu wracamy po kolejn\u0105 ceg\u0142\u0119 &#8211; i tak w k\u00f3\u0142ko, a\u017c wszystkie potrzebne ceg\u0142y nie zostan\u0105 dostarczone murarzowi. W podej\u015bciu SPA, jak ju\u017c wspomnia\u0142em wcze\u015bniej, ca\u0142a strona mo\u017ce zosta\u0107 za\u0142adowana za jednym razem przy pierwszym wej\u015bciu na ni\u0105. Wracaj\u0105c do naszej budowlanej analogii. W przypadku SPA jest to wypchanie taczki po brzegi ceg\u0142ami i dostarczeniu jej murarzowi do budowy domu. Oczywi\u015bcie taczka wa\u017cy wi\u0119cej, ale musimy z ni\u0105 przejecha\u0107 tylko raz.<\/p>\n\n\n\n<p>Poni\u017cej przedstawiam kr\u00f3tki test por\u00f3wnawczy dzia\u0142ania strony internetowej SPA i tradycyjnej.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"SPA vs Tradycja\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/F9QGKAQmEso?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>#4 Wi\u0119ksze mo\u017cliwo\u015bci prezentacji tre\u015bci<\/strong><\/p>\n\n\n\n<p>Miganie strony po klikni\u0119ciu w link, co pokazuj\u0119 na powy\u017cszym filmie, w&nbsp;przypadku stron SPA nie wyst\u0119puje, podstrony pokazuj\u0105 si\u0119 od razu bez \u017cadnej zw\u0142oki. Podstrona generowana jest tak szybko jak szybko pozwala na to komputer i jego procesor, w przypadku SPA nie ma op\u00f3\u017anienia jakie powstaje przy przesy\u0142aniu strony \u0142\u0105czem internetowym. Tak wi\u0119c je\u015bli nie jeste\u015b posiadaczem komputera z muzeum, nie zauwa\u017cysz kiedy podstrona Ci si\u0119 wy\u015bwietli. Co wi\u0119cej. Dzi\u0119ki takiemu podej\u015bciu, mo\u017cna pozwoli\u0107 sobie na du\u017co ciekawych efekt\u00f3w zwi\u0105zanych z pokazywaniem tre\u015bci podstron. Je\u015bli m\u00f3j serwis dzia\u0142a jak aplikacja desktopowa, i z ka\u017cdym klikni\u0119ciem nie musz\u0119 od\u015bwie\u017ca\u0107 strony, mog\u0119 pozwoli\u0107 sobie na efekty jakie dotychczas by\u0142y zarezerwowane dla dedykowanych aplikacji natywnych dla urz\u0105dze\u0144 mobilnych.<\/p>\n\n\n\n<p>Ciekawe efekty jakie mo\u017cna stosowa\u0107 przy prezentowaniu tre\u015bci stron www&nbsp;publikujemy w cyklicznych odcinkach naszego newslettera. Je\u015bli interesujesz si\u0119 tak\u0105 tematyk\u0105, lub po prostu chcesz by\u0107 &#8220;na czasie&#8221; z nowinkami dotycz\u0105cymi stron www i prezentacji tre\u015bci zapraszam do zapisu. Newsletter jest w pe\u0142ni darmowy i taki b\u0119dzie, do ko\u0144ca \u015bwiata i jeden dzie\u0144 d\u0142u\u017cej &nbsp;<a href=\"http:\/\/santri.eu\/pl\/newsletters\" target=\"_blank\" rel=\"noreferrer noopener\">santri.eu\/pl\/newsletters<\/a><\/p>\n\n\n\n<p><strong>#5 Mniejsze ilo\u015bci przesy\u0142anych danych<\/strong><\/p>\n\n\n\n<p>Cho\u0107 uwa\u017cny czytelnik mo\u017ce zwr\u00f3ci\u0107 uwag\u0119 na to, \u017ce strona SPA na samym pocz\u0105tku \u0142aduje tre\u015bci wszystkich podstron, tak wi\u0119c teoretycznie nie jest prawd\u0105, \u017ce ilo\u015b\u0107 przesy\u0142anych danych jest mniejsza to jednak jest. Pami\u0119tajmy o dw\u00f3ch rzeczach:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>U\u017cytkownicy chodz\u0105 po stronie, a nie czytaj\u0105 tylko strony g\u0142\u00f3wnej&#8230; przewa\u017cnie<\/li><li>Mo\u017cemy parametryzowa\u0107 to co b\u0119dzie si\u0119 \u0142adowa\u0142o od razu, a co poczeka a\u017c b\u0119dzie potrzebne<\/li><\/ul>\n\n\n\n<p>Mimo potencjalnie wi\u0119kszego rozmiaru strony przy pierwszym wej\u015bciu u\u017cytkownika, w praktyce ju\u017c przy pierwszym klikni\u0119ciu u\u017cytkownika, SPA pokazuje swoj\u0105 klas\u0119, w og\u00f3le nie m\u0119cz\u0105c serwera zapytaniem o tre\u015b\u0107&nbsp;strony. <em>W praktyce, u\u017cyte mechanizmy minifikacji, o czym napisz\u0119 oddzielny post, zmniejszaj\u0105 pocz\u0105tkowy kod strony SPA do takich rozmiar\u00f3w, \u017ce o jakichkolwiek przewagach \u0142adowania tradycyjnej strony g\u0142\u00f3wnej trudno tu m\u00f3wi\u0107.<\/em><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Tradycyjne strony, odpytuj\u0105 serwer przy ka\u017cdym klikni\u0119ciu o ca\u0142\u0105 podstron\u0119 od zera. Strona SPA prosi serwer tylko o brakuj\u0105ce elementy.<\/p><\/blockquote>\n\n\n\n<p><strong>#6&nbsp;Najnowsze rozwi\u0105zania i technologie<\/strong><\/p>\n\n\n\n<p>SPA jako podej\u015bcie nowoczesne (cho\u0107 nie nowe) do budowania serwis\u00f3w i stron internetowych, ma t\u0105 przewag\u0119 nad klasycznymi stronami, \u017ce czerpie pe\u0142nymi gar\u015bciami z najnowszych rozwi\u0105za\u0144 i technik. Co prawda mo\u017ce to tak\u017ce by\u0107 minusem tego rozwi\u0105zania ale o tym za chwil\u0119 powiem wi\u0119cej. Na razie skupmy si\u0119 na korzy\u015bciach p\u0142yn\u0105cych z tego faktu. Dzi\u0119ki korzystaniu z najnowszych internetowych rozwi\u0105za\u0144 zyskujemy:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0141atwiejsz\u0105 minifikacj\u0119 plik\u00f3w ko\u0144cowych.<\/li><li>Mo\u017cliwo\u015b\u0107 korzystania z mikroserwis\u00f3w. Aplikacje SPA opieraj\u0105 si\u0119 na mikroserwisach dzia\u0142aj\u0105cych niezale\u017cnie od serwera strony. Komunikacje oparte o wystawione API mog\u0105 pe\u0142ni\u0107 r\u00f3\u017cne funkcje, niezale\u017cnie od siebie. I tak mo\u017cemy u\u017cy\u0107 API do zbierania zam\u00f3wie\u0144, oddzielnego do generowania plik\u00f3w PDF a jeszcze innego do zbierania log\u00f3w. B\u0142\u0105d w jednym z nich nie psuje ca\u0142o\u015bci, \u0142atwiej te\u017c jest modyfikowa\u0107 dzia\u0142anie Aplikacji, poniewa\u017c mamy&nbsp;mniej zale\u017cno\u015bci ca\u0142o\u015bciowych.<\/li><\/ul>\n\n\n\n<p>Ostatecznie, je\u015bli ju\u017c zdecydujemy si\u0119 na SPA i dobrze poznamy technologie wspieraj\u0105ce realizacj\u0119 takich stron, du\u017co \u0142atwiej b\u0119dzie nam osi\u0105gn\u0105\u0107 w testach google&#8217;a wynik taki jak ten, kt\u00f3ry osi\u0105gn\u0119li\u015bmy dla strony&nbsp;sanprint.pl.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"859\" height=\"492\" src=\"https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/page-speed.jpg\" alt=\"\" class=\"wp-image-6487\" srcset=\"https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/page-speed.jpg 859w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/page-speed-786x450.jpg 786w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/page-speed-768x440.jpg 768w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/page-speed-300x172.jpg 300w, https:\/\/brand24.pl\/blog\/app\/uploads\/2017\/01\/page-speed-750x430.jpg 750w\" sizes=\"auto, (max-width: 859px) 100vw, 859px\" \/><\/figure>\n\n\n\n<p>Weryfikacj\u0119 swojej strony pod tym k\u0105tem mo\u017cna zweryfikowa\u0107 tutaj:&nbsp;<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">developers.google.com\/speed\/pagespeed\/insights\/<\/a><\/p>\n\n\n\n<p><strong>Czy to oznacza zmierzch tradycyjnych stron i aplikacji www?<\/strong> No c\u00f3\u017c, to do\u015b\u0107 odwa\u017cnie postawione&nbsp;pytanie. Z pewno\u015bci\u0105 o popularno\u015bci SPA b\u0119d\u0105 decydowa\u0107 u\u017cytkownicy ko\u0144cowi.&nbsp;Je\u015bli takie dzia\u0142anie stron internetowych przypadnie im do gustu (a moim zdaniem,&nbsp;tak b\u0119dzie) firmy b\u0119d\u0105 si\u0119 decydowa\u0107 na zmiany. Kolejnym pytaniem b\u0119dzie to, czy jest sens utrzymywanie dedykowanych aplikacji na urz\u0105dzenia mobilne, skoro tak samo mo\u017ce dzia\u0142a\u0107 serwis internetowy oparty o technologi\u0119 Single Page Application. U\u017cytkownik ko\u0144cowy nie dostrze\u017ce r\u00f3\u017cnicy. To jednak jak na razie tylko wolne przemy\u015blenia. Z pewno\u015bci\u0105 nie jest to kwestia najbli\u017cszego roku, raczej ju\u017c kilku lat i raczej na zasadzie ewolucji obecnych rozwi\u0105za\u0144 ni\u017c rewolucji. By\u0107 mo\u017ce, z &#8220;appstorami&#8221; b\u0119dzie dzia\u0142o si\u0119 powoli to co dzia\u0142o si\u0119 z technologi\u0105 Flash, kt\u00f3ra swego czasu mia\u0142a ambicje zrewolucjonizowa\u0107 podej\u015bcie do projektowania interfejs\u00f3w u\u017cytkownika i interakcji z komputerem. Na razie jestem daleki od twierdzenia, \u017ce SPA zabije dedykowane aplikacje urz\u0105dze\u0144 mobilnych. Jeszcze d\u0142ugo d\u0142ugo nie&#8230; ale bacznie obserwujmy Internety.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Minusy<\/h3>\n\n\n\n<p>Skoro mamy plusy, musz\u0105 by\u0107 i minusy, wszak nie ma nic za darmo. Decyduj\u0105c si\u0119 na t\u0105 technologi\u0119 tworzenia stron czy serwis\u00f3w internetowych powinno si\u0119 rozwa\u017cy\u0107 wszystkie za i przeciw, tak by wybra\u0107 najlepsze dla siebie rozwi\u0105zanie. Pomimo mojego osobistego zainteresowania SPA, musz\u0119 pozosta\u0107 uczciwym wobec czytelnika. Tak wi\u0119c mimo niew\u0105tpliwych zalet, wybieraj\u0105c Single Page Application jako technologi\u0119 budowy Twojej strony, pami\u0119taj te\u017c o minusach. <strong>#1&nbsp;Najpewniej zap\u0142acisz wi\u0119cej <\/strong>Niestety, samo tworzenie Serwis\u00f3w i stron SPA nie jest jeszcze tak dobrze wspierane przez rozwi\u0105zania gotowe do u\u017cycia przez programist\u00f3w. Przez to, programowanie takich rozwi\u0105za\u0144&nbsp;mo\u017ce by\u0107 dro\u017csze. Na szcz\u0119\u015bcie nie jest to pewnik.<\/p>\n\n\n\n<p>By\u0107 mo\u017ce uda Ci si\u0119 znale\u017a\u0107 developera, kt\u00f3remu nie zrobi to r\u00f3\u017cnicy. Z w\u0142asnego do\u015bwiadczenia jednak wiemy, \u017ce nak\u0142ad pracy przy budowie strony SPA (przynajmniej w pocz\u0105tkowej fazie), zazwyczaj wi\u0105\u017ce si\u0119 z oko\u0142o 30% wi\u0119kszym wysi\u0142kiem, i o tyle nale\u017cy szacowa\u0107 wi\u0119ksze koszty realizacji strony czy serwisu www realizowanych w technologii SPA. <strong>#2&nbsp;Pozycjonowanie<\/strong> O wypowied\u017a, na temat pozycjonowania poprosili\u015bmy eksperta &#8211; Rafa\u0142a Palinowskiego z firmy <strong>e-factory24 LTD.<\/strong><\/p>\n\n\n\n<p>Roboty indeksuj\u0105ce Google ignoruj\u0105 tre\u015b\u0107, kt\u00f3ra jest serwowana im przez javascript. Google uwa\u017ca SPA za unikalny blok tre\u015bci z\u0142o\u017cony z semantycznie prawid\u0142owego kodu HTML, kt\u00f3ry znajduje si\u0119 pod unikalnym adresem URL. Prawd\u0105 jest, \u017ce czasami udaje si\u0119 zrenderowa\u0107 te strony poprzez \u201eRender &amp; Fetch\u201d w GWT, lecz zazwyczaj zwracana jest nam pusta strona. W niewielu przypadkach mo\u017ce si\u0119 wydawa\u0107, \u017ce Googlebot wy\u0142apuje s\u0142owa kluczowe, kt\u00f3re s\u0105 obecne w aplikacjach React&#8217;owych. Mo\u017cemy \u0142atwo w pe\u0142ni zrenderowa\u0107 tre\u015b\u0107 na \u017c\u0105danie poprzez przekierowanie bot\u00f3w, zmieniaj\u0105c konfiguracj\u0119 .htaccess lub Phantom.js na naszych serwerach internetowych.<\/p>\n\n\n\n<p>Co ni mniej ni wi\u0119cej oznacza, \u017ce da si\u0119 pozycjonowa\u0107 tego typu strony, trzeba pami\u0119ta\u0107 o ich specyfice i cho\u0107 Google oficjalnie przyznaje, \u017ce indeksuje tre\u015bci tego typu stron, na razie w \u015brodowisku pozycjoner\u00f3w trwa na ten temat o\u017cywiona dyskusja. <strong>#3&nbsp;CMSy w powijakach<\/strong> To kolejna rzecz jaka na razie mo\u017ce by\u0107 przeszkod\u0105 dla wyboru SPA. O ile w przypadku tradycyjnej strony internetowej mamy niezliczon\u0105 liczb\u0119 dost\u0119pnych na rynku gotowych system\u00f3w CMS, o tyle dla rozwi\u0105za\u0144 SPA temat ten dopiero si\u0119 wykluwa. Powoli, powstaj\u0105 pierwsze rozwi\u0105zania, trzeba jednak przyzna\u0107, \u017ce je\u015bli na dzi\u015b, zdecydujesz si\u0119 na budow\u0119 strony w technologii SPA lepiej, \u017ceby\u015b dysponowa\u0142 programist\u0105, kt\u00f3ry wprowadzi ewentualne zmiany, lub zdecydowa\u0142 si\u0119 na rozwi\u0105zania dedykowane w zakresie zarz\u0105dzania tre\u015bci\u0105 strony.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Podsumowanie<\/h3>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"SPA vs Tradycja   podsumowanie\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/VDZsjvE_tD8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>Autor: Micha\u0142<\/strong> <strong>Stachura<\/strong><\/p>\n\n\n\n<p>W\u0142a\u015bciciel firmy Santri Micha\u0142 Stachura&nbsp;zajmuj\u0105cej si\u0119 wsparciem graficznym i informatycznym firm, instytucji i agencji marketingowych. <\/p>\n\n\n\n<p>W przesz\u0142o\u015bci &#8211; wsp\u00f3\u0142tw\u00f3rca Systemu Bankowo\u015bci Internetowej Alior Banku. Od lat zajmuje si\u0119 analiz\u0105 biznesow\u0105 i tworzeniem wymaga\u0144 serwis\u00f3w internetowych. Dociekliwy, dok\u0142adny i rzetelny. Stale rozwija swoj\u0105 wiedz\u0119 na temat nowinek informatycznych, co ciekawsze znaleziska publikuje w cyklicznym <a href=\"http:\/\/santri.eu\/pl\/newsletters\" target=\"_blank\" rel=\"noreferrer noopener\">newsletterze R&amp;D<\/a> jaki rozsy\u0142a do zainteresowanych os\u00f3b. <\/p>\n\n\n\n<p>Prywatnie &#8211; czterdziestolatek. Ojciec dw\u00f3jki dzieci. Pasjonat <a href=\"http:\/\/szympansusteru.pl\/szachy-szympansa\/\" target=\"_blank\" rel=\"noreferrer noopener\">szach\u00f3w<\/a>, koszyk\u00f3wki i <a href=\"https:\/\/www.facebook.com\/czypoczy\/\" target=\"_blank\" rel=\"noreferrer noopener\">dobrej muzyki<\/a>.<\/p>\n\n\n\n<p><strong>Kontakt:<\/strong>&nbsp; <a href=\"https:\/\/santri.eu\/pl\">www.santri.eu\/pl<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Single Page Application to podej\u015bcie do tworzenia serwis\u00f3w i stron internetowych, kt\u00f3re wkr\u00f3tce mo\u017ce nie\u017ale namiesza\u0107 na rynku. Dlatego warto ju\u017c dzi\u015b zainteresowa\u0107 si\u0119 tym zagadnieniem i przynajmniej trzyma\u0107 r\u0119k\u0119 na pulsie.<\/p>\n","protected":false},"author":58,"featured_media":6489,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1096],"tags":[],"class_list":["post-6483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guest-posts"],"acf":[],"aioseo_notices":[],"cf_author_first_name":"Brand24","cf_author_last_name":"","_links":{"self":[{"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/posts\/6483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/comments?post=6483"}],"version-history":[{"count":8,"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/posts\/6483\/revisions"}],"predecessor-version":[{"id":27622,"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/posts\/6483\/revisions\/27622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/media\/6489"}],"wp:attachment":[{"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/media?parent=6483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/categories?post=6483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brand24.pl\/blog\/wp-json\/wp\/v2\/tags?post=6483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}