{"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\/hu\/blog\/news\/krasota-v-glazah-smotryashhego","title":{"rendered":"A sz\u00e9ps\u00e9g a szeml\u00e9l\u0151ben rejlik","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

M\u00e1r r\u00e9g\u00f3ta foglalkozom web-alkalmaz\u00e1sok fejleszt\u00e9s\u00e9vel. Nagyon r\u00e9g\u00f3ta. Az els\u0151 web-alkalmaz\u00e1saimat a Lotus Domino<\/a><\/noindex> k\u00f6rnyezet\u00e9ben k\u00e9sz\u00edtettem, amikor m\u00e9g a \"google\" \u201egoogle\u201c<\/em> Infoseek 'et haszn\u00e1ltam \u2014 nekik volt egy sz\u0171k\u00edt\u0151 keres\u00e9si lehet\u0151s\u00e9g\u00fck, \u00e9s nem volt olyan borzalmasan t\u00falzs\u00fafolt a fel\u00fclet\u00fck, mint a Yahoo!-nak.<\/a><\/noindex>\u2014 \u0151k sz\u0171k\u00edt\u0151 keres\u00e9st v\u00e9geztek, \u00e9s nem volt olyan borzaszt\u00f3an t\u00falterhelt fel\u00fclet\u00fck, mint a Yahoo!-nak!<\/p>\n

<\/p>\n

Alkalmaz\u00e1sok fejleszt\u00e9se, b\u00e1rmilyen alkalmaz\u00e1s, nem csak webre \u2014 kreat\u00edv munka. Val\u00f3sz\u00edn\u0171leg senki sem vitatja ezt az \u00e1ll\u00edt\u00e1st. A kreativit\u00e1s sz\u00e9ps\u00e9ge olyan, mint a tudom\u00e1nyos ismeretekben a gyakorlat \u2014 az igazs\u00e1g krit\u00e9riuma. De m\u00edg a tudom\u00e1nyos gyakorlat objekt\u00edv \u00e9s m\u00e9r\u00e9seken alapul, a sz\u00e9ps\u00e9g szubjekt\u00edv, \u00e9s att\u00f3l f\u00fcgg, hogy ki n\u00e9zi. \u00c9n pedig azt a k\u00e9rd\u00e9st tettem fel, hogy mit jelent sz\u00e1momra egy sz\u00e9p webalkalmaz\u00e1s? <\/p>\n

\n\"A<\/p>\n

web-alkalmaz\u00e1s A folytat\u00e1sban az \u00e9n saj\u00e1t krit\u00e9riumaim k\u00f6vetkeznek arr\u00f3l, hogy melyik web-alkalmaz\u00e1s sz\u00e1m\u00edt sz\u00e9pnek jelenleg. Nagyon szubjekt\u00edv megfogalmaz\u00e1s, ami a szem\u00e9lyes tapasztalataimon alapul. Lehet, hogy valakinek az \u00e9n sz\u00e9p krit\u00e9riumaim ink\u00e1bb a cs\u00fafs\u00e1g krit\u00e9riumaiv\u00e1 v\u00e1lnak. Ne lep\u0151dj\u00f6n meg, egyszer\u0171en csak m\u00e1s \u00e9lm\u00e9nye van.<\/a><\/noindex>!)<\/em><\/p>\n

<\/p>\n

\u00c9s mivel ben\u00e9zt\u00e9l a folytat\u00e1sba, l\u00e9gy \u00f3vatos a hozz\u00e1sz\u00f3l\u00e1sokban, k\u00e9rlek. hiszen ha abbahagyod a cikk olvas\u00e1s\u00e1t, amint ami benne le van \u00edrva neked cs\u00fafnak vagy ak\u00e1r rond\u00e1nak t\u0171nik, akkor nekem, mint szerz\u0151nek, el kell olvasnom az \u00f6sszes hozz\u00e1sz\u00f3l\u00e1st.<\/p>\n

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

\u00c9l\u0151hely<\/p>\n

<\/p>\n

Nem is tudom, vajon \u00e9rdemes-e ezt a krit\u00e9riumot kiemelni. A web-alkalmaz\u00e1sok az interneten \u00e9lnek, \u00e9s musz\u00e1j, hogy megfeleljenek az internet t\u00f6rv\u00e9nyeinek (protokollok). Az internet alapvet\u0151 protokolljai \u2014<\/h1>\n

<\/p>\n

VLESS, WireGuard, OpenVPN, IKEv2<\/h3>\n

<\/p>\n

. Sz\u00e1mos m\u00e1s protokollon alapulnak, de a web-alkalmaz\u00e1sok eset\u00e9ben a legfontosabbnak tartom TCP<\/a><\/noindex> \u00e9s IP<\/a><\/noindex>(pontosabban, a kiterjeszt\u00e9s\u00e9t -k\u00e9r\u00e9sek) hatalmas terhel\u00e9ssel \u2014 6 milli\u00f3 esem\u00e9ny m\u00e1sodpercenk\u00e9nt. Minden kereszt\u00fcl halad a<\/a><\/noindex> alapj\u00e1n HTTPS<\/a><\/noindex> alapj\u00e1n TLS<\/a><\/noindex>). Vagyis, a sz\u00e9p webalkalmaz\u00e1s biztons\u00e1gos HTTPS\/TLS kapcsolaton (alternat\u00edvak\u00e9nt \u2014 HTTP) \u00e9rhet\u0151 el, m\u00edg a t\u00f6bbi protokoll (LDAP, RPC, IMAP4, POP3, SMTP, FTP, NNTP, \u2026) mind cs\u00f6kkenti a sz\u00e9ps\u00e9g\u00e9t minden tov\u00e1bbi t\u00e1mogatott protokollal. Az alkalmaz\u00e1s pedig ezeken a tov\u00e1bbi protokollokon kereszt\u00fcl k\u00fcls\u0151 er\u0151forr\u00e1sokat haszn\u00e1lhat. <\/p>\n

<\/p>\n

Ami a WebSocket<\/a><\/noindex>, b\u00e1r nekem nincs elegend\u0151 tapasztalatom ennek a protokollnak a web-alkalmaz\u00e1sokkal val\u00f3 haszn\u00e1lat\u00e1r\u00f3l. J\u00f3l n\u00e9z ki \u00e9s \u00edg\u00e9retes, de hogy mennyire stabil \u00e9s praktikus \u2014 azt nem tudom megmondani. <\/p>\n

<\/p>\n

B\u00f6ng\u00e9sz\u0151k<\/h3>\n

<\/p>\n

A web application stands on the server side with one leg, and on the client side with the other. The client side is the browser. A modern browser provides many capabilities<\/a><\/noindex>, which a modern web application can and should use to its advantage. A beautiful web application leverages modern browser technologies and does not have to function in browsers that do not support modern features. I understand that polyfills<\/a><\/noindex> are a necessary measure, but they are not elegant. After all, it's not just developers who need to keep up with modern technologies; users and businesses are also involved.<\/p>\n

<\/p>\n

Programming languages<\/h3>\n

<\/p>\n

In the realm of programming languages used for creating web applications, things can get very confusing. For the client side of web applications, there are numerous technologies that allow developers to ease the creation of the HTML\/CSS\/JS triad (which all modern browsers understand). However, I have closely worked with GWT<\/a><\/noindex> and consider it beautiful when developers can see the original code in the browser rather than the result of compilation or transpilation. Therefore, the use of webpack<\/a><\/noindex>\u2014 \u00e9s a hasonl\u00f3 term\u00e9kek a kliensk\u00f3d gener\u00e1l\u00e1s\u00e1ra, IMHO, nem sz\u00e9pek. Min\u00e9l ink\u00e1bb hasonl\u00edt a b\u00f6ng\u00e9sz\u0151ben fut\u00f3 k\u00f3d az eredeti k\u00f3dra, amit a fejleszt\u0151 \u00edrt, ann\u00e1l jobb. Nem hiszed? Pr\u00f3b\u00e1ld meg debuggingolni a productionben a GWT \u00e1ltal gener\u00e1lt k\u00f3dot.<\/p>\n

<\/p>\n

A szerveroldalon t\u00f6bb a szabads\u00e1g (Java, PHP, Perl, Python, C#, Ruby, \u2026), de szerintem sz\u00e9p, ha a szerveroldalon \u00e9s a b\u00f6ng\u00e9sz\u0151ben is ugyanazt a programoz\u00e1si nyelvet haszn\u00e1lj\u00e1k \u2014 a JavaScriptet. Mindenesetre the language shapes thinking<\/a><\/noindex>, and teams of like-minded individuals are more productive.<\/p>\n

<\/p>\n

Humanity<\/h1>\n

<\/p>\n

A beautiful web application must be useful. Useful, primarily, for the human being as the end user. Therefore, I cannot call web services<\/a><\/noindex>a beautiful web application. The average person (not a web developer) finds them difficult to navigate. Web services are beautiful in their own way,<\/p>\n

<\/p>\n

A beautiful web application must have an intuitive interface. There can be arguments about UI<\/a><\/noindex>\u2014 ez egy meglehet\u0151sen szubjekt\u00edv dolog. De a UX<\/a><\/noindex> it\u2019s much simpler; if a user cannot use the application without the elusive OLVASD EL A HASZN\u00c1LATI \u00daTMUTAT\u00d3T<\/a><\/noindex> , it\u2019s poor UX and an unattractive web application. The most beautiful web applications, relative to this criterion, can be easily used by children who have not yet learned to read. <\/p>\n

<\/p>\n

Visszaford\u00edthat\u00f3 Sk\u00e1l\u00e1zhat\u00f3s\u00e1g<\/h1>\n

<\/p>\n

R\u00e9gen a programokat floppy-lemezeken lehetett \u00e1tvinni, most \u2014 pendrive-okon, vagy azonnal let\u00f6lteni az internetr\u0151l. Egy hagyom\u00e1nyos alkalmaz\u00e1s \u00e1tm\u00e1sol\u00e1sa \u00e9s elind\u00edt\u00e1sa egy m\u00e1sik g\u00e9pen trivi\u00e1lis feladat. A webalkalmaz\u00e1sokkal azonban a helyzet kiss\u00e9 k\u00fcl\u00f6nb\u00f6zik. Az internet egy glob\u00e1lis k\u00f6rnyezetet k\u00e9pvisel, ahol nincs sz\u00fcks\u00e9g a ugyanazon webalkalmaz\u00e1s kl\u00f3njaira. Egy Facebook, Twitter, Instagram, Mail.ru vagy Yandex \u00e9pp el\u00e9g. Lehetnek k\u00fcl\u00f6nb\u00f6z\u0151 webalkalmaz\u00e1sok ugyanabban a tematikus piacon, de k\u00fcl\u00f6nb\u00f6z\u0151 k\u00f6z\u00f6ns\u00e9gekkel (mint a Facebook \u00e9s a Vkontakte, Mail.ru \u00e9s Gmail, Google Maps \u00e9s Azure Maps). A glob\u00e1lisan el\u00e9rhet\u0151 webalkalmaz\u00e1sok biztos\u00edt\u00e1s\u00e1hoz sz\u00fcks\u00e9ges hardveres er\u0151forr\u00e1sokat sz\u00fcks\u00e9g van, mondjuk nem trivi\u00e1lis<\/a><\/noindex>.<\/p>\n

<\/p>\n

Soha nem dolgoztam webalkalmaz\u00e1sok ilyen szintj\u00e9n fejleszt\u0151k\u00e9nt, \u00e9s nem tudom, hogyan is m\u0171k\u00f6dnek bel\u00fcl. Az ilyen webalkalmaz\u00e1sok m\u0171k\u00f6d\u00e9s\u00e9nek biztos\u00edt\u00e1s\u00e1hoz megfelel\u0151 szakemberekb\u0151l \u00e1ll\u00f3 csapatok \u00e9s k\u00fcl\u00f6n adatk\u00f6zpontok sz\u00fcks\u00e9gesek.leny\u0171g\u00f6z a nagy l\u00e9pt\u00e9k\u0171 egy\u00fcttm\u0171k\u00f6d\u00e9s k\u00e9pess\u00e9ge az emberek k\u00f6z\u00f6tt \u00e9s az ilyen term\u00e9kek l\u00e9trehoz\u00e1sa, de az \u00e9n sz\u00e9ps\u00e9gide\u00e1lom egy olyan webalkalmaz\u00e1s, amelyet egy k\u00fcl\u00f6n laptopon el lehet ind\u00edtani.<\/p>\n

<\/p>\n

A sz\u00e9p webalkalmaz\u00e1s nemcsak felfel\u00e9 \u00e9s oldalir\u00e1nyban (a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra) sk\u00e1l\u00e1z\u00f3dik, hanem lefel\u00e9 \u00e9s befel\u00e9 is (a fejleszt\u0151k sz\u00e1m\u00e1ra).<\/p>\n

<\/p>\n

\u201eK\u00e9t\u00e9lt\u0171s\u00e9g\u201d<\/h1>\n

<\/p>\n

A modern webalkalmaz\u00e1sokhoz k\u00e9tf\u00e9le eszk\u00f6z haszn\u00e1latos:<\/p>\n

<\/p>\n