{"id":36689,"date":"2019-10-31T22:13:11","date_gmt":"2019-10-31T19:13:11","guid":{"rendered":"https:\/\/prohoster.info\/blog\/krasota-v-glazah-smotryashhego\/"},"modified":"2019-10-31T22:13:11","modified_gmt":"2019-10-31T19:13:11","slug":"krasota-v-glazah-smotryashhego","status":"publish","type":"post","link":"https:\/\/prohoster.info\/pl\/blog\/news\/krasota-v-glazah-smotryashhego","title":{"rendered":"Pi\u0119kno w oczach patrz\u0105cego","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Od dawna zajmuj\u0119 si\u0119 tworzeniem aplikacji webowych. Bardzo d\u0142ugo. Moje pierwsze aplikacje webowe w \u015brodowisku Lotus Domino<\/a><\/noindex> tworzy\u0142em w czasach, gdy s\u0142owo \u201egoogle\u201c<\/em> jeszcze nie by\u0142o czasownikiem, a do wyszukiwania informacji w Internecie ludzie u\u017cywali Yahoo! i Rambler. Ja korzysta\u0142em z Infoseek<\/a><\/noindex>\u2018om \u2014 mieli w\u0105skie wyszukiwanie i nie tak bezsensownie przeci\u0105\u017cony interfejs jak Yahoo!<\/p>\n

<\/p>\n

Tworzenie aplikacji, wszelkich aplikacji, nie tylko internetowych \u2014 to praca tw\u00f3rcza. Ma\u0142o kto spiera si\u0119 z t\u0105 tez\u0105. Pi\u0119kno w tw\u00f3rczo\u015bci jest jak praktyka w poznaniu naukowym \u2014 to kryterium prawdy. Ale podczas gdy praktyka naukowa jest obiektywna i oparta na pomiarach, pi\u0119kno jest spraw\u0105 subiektywn\u0105, zale\u017cn\u0105 od tego, kto patrzy. Zada\u0142em sobie pytanie, co dla mnie osobi\u015bcie stanowi pi\u0119kn\u0105 aplikacj\u0119 webow\u0105? <\/p>\n

\n\"Pi\u0119kno<\/p>\n

(na KDPW nie m\u00f3j wzrok, to spojrzenie kobiety, ale, IMHO, \u017ce\u0144ski wzrok na KDPW jest bardziej odpowiedni ni\u017c m\u0119ski, w ko\u0144cu to \u2014 KDPW<\/a><\/noindex>!)<\/em><\/p>\n

<\/p>\n

Pod katem przedstawiam moje w\u0142asne kryteria, wed\u0142ug kt\u00f3rych obecnie mo\u017cna uzna\u0107 aplikacj\u0119 webow\u0105 za pi\u0119kn\u0105. Bardzo subiektywne przedstawienie, b\u0119d\u0105ce rezultatem mojego osobistego do\u015bwiadczenia. Mo\u017cliwe, \u017ce dla niekt\u00f3rych moje kryteria pi\u0119kna b\u0119d\u0105 wydawa\u0142y si\u0119 kryteriami brzydoty. Nie dziwcie si\u0119, po prostu macie inne do\u015bwiadczenie.<\/p>\n

<\/a><\/noindex><\/p>\n

A skoro ju\u017c weszli\u015bcie pod kat, to prosz\u0119 zachowa\u0107 ostro\u017cno\u015b\u0107 w komentarzach. Bowiem je\u015bli mo\u017cecie przerwa\u0107 czytanie artyku\u0142u, gdy to, co jest w nim przedstawione, wyda si\u0119 wam niepi\u0119kne lub wr\u0119cz brzydkie, to ja, jako autor, musz\u0119 czyta\u0107 wszystkie komentarze.<\/p>\n

<\/p>\n

\u015arodowisko \u017cycia<\/h1>\n

<\/p>\n

Protok\u00f3\u0142<\/h3>\n

<\/p>\n

Nie wiem nawet, czy warto ten kryterium wydziela\u0107 osobno. Aplikacje webowe \u017cyj\u0105 w Sieci i musz\u0105 przestrzega\u0107 praw Sieci (protok\u00f3\u0142). G\u0142\u00f3wne protoko\u0142y w Sieci to \u2014 TCP<\/a><\/noindex> i IP<\/a><\/noindex>. Na nich opiera si\u0119 wiele innych protoko\u0142\u00f3w, ale dla aplikacji webowych uwa\u017cam, \u017ce najwa\u017cniejszy jest HTTP<\/a><\/noindex> (a w\u0142a\u015bciwie jego rozszerzenie HTTPS<\/a><\/noindex> na bazie TLS<\/a><\/noindex>). Tzn., pi\u0119kna aplikacja webowa jest dost\u0119pna przez HTTPS\/TLS (lub ewentualnie przez HTTP), a pozosta\u0142e protoko\u0142y (LDAP, RPC, IMAP4, POP3, SMTP, FTP, NNTP, \u2026) czyni\u0105 j\u0105 mniej pi\u0119kn\u0105 z ka\u017cdym dodatkowo wspieranym protoko\u0142em. Sama aplikacja mo\u017ce przy pomocy tych dodatkowych protoko\u0142\u00f3w korzysta\u0107 z zasob\u00f3w zewn\u0119trznych. <\/p>\n

<\/p>\n

Je\u015bli chodzi o WebSocket.<\/a><\/noindex>, wi\u0119c nie mam wystarczaj\u0105cego do\u015bwiadczenia z u\u017cywaniem tego protoko\u0142u z aplikacjami webowymi. Wygl\u0105da to \u0142adnie i obiecuj\u0105co, ale jak stabilne i praktyczne to jest \u2014 nie mog\u0119 powiedzie\u0107. <\/p>\n

<\/p>\n

Przegl\u0105darki<\/h3>\n

<\/p>\n

Aplikacja internetowa stoi jedn\u0105 nog\u0105 na serwerze, a drug\u0105 na stronie klienta. Strona klienta to przegl\u0105darka. Nowoczesna przegl\u0105darka oferuje wiele mo\u017cliwo\u015bci<\/a><\/noindex>, kt\u00f3re nowoczesna aplikacja webowa mo\u017ce i powinna wykorzystywa\u0107 na swoj\u0105 korzy\u015b\u0107. Pi\u0119kna aplikacja internetowa wykorzystuje nowoczesne funkcje przegl\u0105darek i nie musi dzia\u0142a\u0107 w tych przegl\u0105darkach, kt\u00f3re nie oferuj\u0105 nowoczesnych mo\u017cliwo\u015bci. Rozumiem, \u017ce polyfille<\/a><\/noindex> to konieczno\u015b\u0107, ale wygl\u0105da to \u017ale. W ko\u0144cu nie tylko deweloperzy musz\u0105 nad\u0105\u017ca\u0107 za nowoczesnymi technologiami, dotyczy to r\u00f3wnie\u017c u\u017cytkownik\u00f3w i biznesu.<\/p>\n

<\/p>\n

J\u0119zyk\u00f3w programowania<\/h3>\n

<\/p>\n

u\u017cywanych do tworzenia aplikacji webowych jest bardzo du\u017co. W przypadku cz\u0119\u015bci klienckiej aplikacji webowych istnieje wiele technologii, kt\u00f3re pozwalaj\u0105 programi\u015bcie u\u0142atwi\u0107 stworzenie triady HTML\/CSS\/JS (to, co rozumiej\u0105 wszystkie nowoczesne przegl\u0105darki). Ale kiedy\u015b mia\u0142em do czynienia z GWT<\/a><\/noindex> i uwa\u017cam, \u017ce pi\u0119knie jest, gdy programista widzi w przegl\u0105darce oryginalny kod, a nie wynik kompilacji lub transpilacji. Dlatego stosowanie webpack<\/a><\/noindex>\u2018a i podobne produkty do generowania kodu klienckiego, IMHO, s\u0105 nieestetyczne. Im bardziej wykonawczy kod w przegl\u0105darce przypomina kod \u017ar\u00f3d\u0142owy stworzony przez programist\u0119, tym lepiej. Nie wierzysz? Spr\u00f3buj debugowa\u0107 w produkcji kod stworzony przez GWT.<\/p>\n

<\/p>\n

Po stronie serwera jest wi\u0119cej wolno\u015bci (Java, PHP, perl, python, C#, Ruby, \u2026), ale wydaje mi si\u0119, \u017ce pi\u0119knie jest, gdy zar\u00f3wno po stronie serwera, jak i w przegl\u0105darce u\u017cywa si\u0119 jednego j\u0119zyka programowania \u2014 JavaScript. W ko\u0144cu j\u0119zyk okre\u015bla my\u015blenie<\/a><\/noindex>, a zespo\u0142y wsp\u00f3\u0142pracownik\u00f3w s\u0105 bardziej produktywne.<\/p>\n

<\/p>\n

Cz\u0142owiecze\u0144stwo<\/h1>\n

<\/p>\n

Pi\u0119kna aplikacja webowa powinna by\u0107 u\u017cyteczna. U\u017cyteczna, przede wszystkim, dla cz\u0142owieka jako ko\u0144cowego u\u017cytkownika. Dlatego nie mog\u0119 nazwa\u0107 pi\u0119kn\u0105 aplikacj\u0105 webow\u0105 us\u0142ug webowych<\/a><\/noindex>. Zwyk\u0142emu cz\u0142owiekowi (nie deweloperowi webowemu) trudno si\u0119 z nimi obchodzi\u0107. Us\u0142ugi webowe s\u0105 pi\u0119kne na sw\u00f3j spos\u00f3b,<\/p>\n

<\/p>\n

Pi\u0119kna aplikacja internetowa powinna mie\u0107 intuicyjny interfejs. Mo\u017cna si\u0119 spiera\u0107 o UI<\/a><\/noindex>\u2018e \u2014 to do\u015b\u0107 subiektywna kwestia. Ale z UX<\/a><\/noindex> jest znacznie prostsze, je\u015bli u\u017cytkownik nie mo\u017ce korzysta\u0107 z aplikacji bez upragnionego RTFM<\/a><\/noindex> \u2014 kiepski UX, nieestetyczna aplikacja webowa. Naj\u0142adniejsze aplikacje zgodnie z tym kryterium mog\u0105 by\u0107 z \u0142atwo\u015bci\u0105 u\u017cywane przez dzieci, kt\u00f3re jeszcze nie potrafi\u0105 czyta\u0107. <\/p>\n

<\/p>\n

Skalowalno\u015b\u0107 zwrotna<\/h1>\n

<\/p>\n

Dawno temu programy mo\u017cna by\u0142o przenosi\u0107 na dyskietkach, teraz \u2014 na pendrive'ach lub \u015bci\u0105ga\u0107 bezpo\u015brednio z sieci. Skopiowanie zwyk\u0142ej aplikacji i uruchomienie jej na innym komputerze to trywialne zadanie. Sytuacja z aplikacjami webowymi jest nieco inna. Sie\u0107 stanowi globalne medium, w kt\u00f3rym nie ma potrzeby mie\u0107 klon\u00f3w tej samej aplikacji webowej. W sieci wystarczy jeden Facebook, Twitter, Instagram, Mail.ru lub Yandex. Mo\u017cna mie\u0107 r\u00f3\u017cne aplikacje webowe w tej samej niszy tematycznej, ale z r\u00f3\u017cnymi odbiorcami (tak jak Facebook i Vkontakte, Mail.ru i Gmail, Google Maps i Azure Maps). Zasoby sprz\u0119towe potrzebne do zapewnienia globalnej dost\u0119pno\u015bci takich aplikacji webowych s\u0105, powiedzmy, niebanalne<\/a><\/noindex>.<\/p>\n

<\/p>\n

Nigdy nie pracowa\u0142em z aplikacjami webowymi na takim poziomie jako programista i nie wyobra\u017cam sobie, jak one tam, w \u015brodku, s\u0105 zorganizowane. Aby zapewni\u0107 funkcjonalno\u015b\u0107 takich aplikacji webowych potrzebne s\u0105 zespo\u0142y odpowiednich specjalist\u00f3w i oddzielne centra danych. Fascynuje mnie zdolno\u015b\u0107 ludzi do wsp\u00f3\u0142pracy na tak\u0105 skal\u0119 i tworzenia takich produkt\u00f3w, ale moim wzorem pi\u0119kna jest aplikacja webowa, kt\u00f3r\u0105 mo\u017cna uruchomi\u0107 na osobnym laptopie.<\/p>\n

<\/p>\n

Pi\u0119kna aplikacja webowa skaluje si\u0119 nie tylko w g\u00f3r\u0119 i na szeroko\u015b\u0107 (dla u\u017cytkownik\u00f3w), ale tak\u017ce w d\u00f3\u0142 i do wewn\u0105trz (dla programist\u00f3w).<\/p>\n

<\/p>\n

\u201eAmfibijno\u015b\u0107\u201d<\/h1>\n

<\/p>\n

Do dost\u0119pu do nowoczesnych aplikacji webowych u\u017cywa si\u0119 urz\u0105dze\u0144 dw\u00f3ch typ\u00f3w:<\/p>\n

<\/p>\n