{"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\/ro\/blog\/news\/krasota-v-glazah-smotryashhego","title":{"rendered":"Frumuse\u021bea st\u0103 \u00een ochii privitorului","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

De mult timp m\u0103 ocup cu dezvoltarea de aplica\u021bii web. Foarte mult timp. Primele mele aplica\u021bii web le-am creat \u00een mediul Lotus Domino<\/a><\/noindex> \u00een vremurile c\u00e2nd cuv\u00e2ntul \u201egoogle\u201d<\/em> nu devenise \u00eenc\u0103 verb, iar oamenii c\u0103utau informa\u021bii pe internet folosind Yahoo! \u0219i Rambler. Eu foloseam Infoseek<\/a><\/noindex>\u2018au \u2014 aveau o c\u0103utare mai restr\u00e2ns\u0103 \u0219i o interfa\u021b\u0103 mai pu\u021bin dezordonat\u0103 dec\u00e2t Yahoo!<\/p>\n

<\/p>\n

Dezvoltarea aplica\u021biilor, oric\u0103ror aplica\u021bii, nu doar pentru web \u2014 este o munc\u0103 creativ\u0103. Pu\u021bini ar contesta aceast\u0103 afirma\u021bie. Iar frumuse\u021bea \u00een creativitate este ca practica \u00een cunoa\u0219terea \u0219tiin\u021bific\u0103 \u2014 un criteriu al adev\u0103rului. Dar dac\u0103 practica \u0219tiin\u021bific\u0103 este obiectiv\u0103 \u0219i se bazeaz\u0103 pe m\u0103sur\u0103tori, frumuse\u021bea este un subiectiv, depinz\u00e2nd de cel care prive\u0219te. Astfel, m-am \u00eentrebat ce reprezint\u0103 pentru mine personal o aplica\u021bie web frumoas\u0103? <\/p>\n

\n\"Frumuse\u021bea<\/p>\n

(la KDPV, ochiul nu e al meu, e al unei femei, dar, IMHO, ochiul feminin la KDPV este mai adecvat dec\u00e2t cel masculin, pentru c\u0103 este \u2014 KDPV<\/a><\/noindex>!)<\/em><\/p>\n

<\/p>\n

Sub catastrof\u0103 se reg\u0103sesc criteriile mele despre ce aplica\u021bie web poate fi considerat\u0103 frumoas\u0103 \u00een prezent. O expunere foarte subiectiv\u0103, determinat\u0103 de experien\u021ba mea personal\u0103. Poate c\u0103 pentru unii criteriile mele de frumuse\u021be vor p\u0103rea criterii de ur\u00e2ciune. Nu v\u0103 mira\u021bi, doar ave\u021bi o experien\u021b\u0103 diferit\u0103.<\/p>\n

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

\u0218i, de vreme ce a\u021bi intrat sub catastrof\u0103, v\u0103 rog s\u0103 fi\u021bi mai aten\u021bi \u00een comentarii. Fiindc\u0103, dac\u0103 voi pute\u021bi opri citirea articolului de \u00eendat\u0103 ce ceea ce este prezentat vi se pare ur\u00e2t sau chiar inestetic, eu, ca autor, trebuie s\u0103 citesc toate comentariile.<\/p>\n

<\/p>\n

Mediul de Habitat<\/h1>\n

<\/p>\n

Protocole<\/h3>\n

<\/p>\n

Nu \u0219tiu dac\u0103 merit\u0103 s\u0103 scot acest criteriu separat. Aplica\u021biile web tr\u0103iesc \u00een Re\u021bea \u0219i sunt obligate s\u0103 respecte Legile Re\u021belei (protocolele). Principalele protocoale din Re\u021bea sunt TCP<\/a><\/noindex> \u0219i IP<\/a><\/noindex>. Pe ele se bazeaz\u0103 multe alte protocoale, dar pentru aplica\u021biile web consider cel mai important HTTP<\/a><\/noindex> (sau mai bine zis, extensia sa HTTPS<\/a><\/noindex> bazat pe TLS<\/a><\/noindex>). Adic\u0103, o aplica\u021bie web frumoas\u0103 este disponibil\u0103 prin HTTPS\/TLS (sau, ca alternativ\u0103, prin HTTP), iar celelalte protocoale (LDAP, RPC, IMAP4, POP3, SMTP, FTP, NNTP, \u2026) o fac mai pu\u021bin atractiv\u0103 cu fiecare protocol suplimentar suportat. Aplica\u021bia \u00eens\u0103 poate utiliza aceste protocoale suplimentare pentru a accesa resurse externe. <\/p>\n

<\/p>\n

\u00cen ceea ce prive\u0219te WebSocket<\/a><\/noindex>, dar nu am destul\u0103 experien\u021b\u0103 \u00een utilizarea acestui protocol cu aplica\u021biile web. Arat\u0103 frumos \u0219i promi\u021b\u0103tor, dar c\u00e2t de stabil \u0219i practic este \u2014 nu pot spune. <\/p>\n

<\/p>\n

Butoane<\/h3>\n

<\/p>\n

Aplica\u021bia web st\u0103 cu un picior pe partea serverului \u0219i cu cel\u0103lalt pe partea clientului. Partea clientului este browserul. Un browser modern ofer\u0103 multe<\/a><\/noindex>, ceea ce o aplica\u021bie web modern\u0103 poate \u0219i ar trebui s\u0103 foloseasc\u0103 \u00een avantajul s\u0103u. O aplica\u021bie web frumoas\u0103 utilizeaz\u0103 capacit\u0103\u021bile moderne ale browserelor \u0219i nu trebuie s\u0103 func\u021bioneze \u00een acele browsere care nu ofer\u0103 aceste posibilit\u0103\u021bi moderne. \u00cen\u021beleg c\u0103 polyfills<\/a><\/noindex> sunt o m\u0103sur\u0103 for\u021bat\u0103, dar nu este estetic. La urma urmei, nu doar dezvoltatorii trebuie s\u0103 \u021bin\u0103 pasul cu tehnologiile moderne, ci \u0219i utilizatorii \u0219i afacerile.<\/p>\n

<\/p>\n

Limbaje de programare<\/h3>\n

<\/p>\n

Cu limbajele de programare utilizate pentru crearea aplica\u021biilor web, totul este foarte complicat. Pentru partea clientului a aplica\u021biilor web exist\u0103 o mul\u021bime de tehnologii care permit dezvoltatorului s\u0103 faciliteze crearea triadei HTML\/CSS\/JS (ceea ce toate browserele moderne \u00een\u021beleg). Dar eu, la vremea mea, am avut de-a face str\u00e2ns cu GWT<\/a><\/noindex> \u0219i consider c\u0103 este frumos ca dezvoltatorul s\u0103 vad\u0103 \u00een browser codul original, nu rezultatul compil\u0103rii sau transpilerii. De aceea, folosirea webpack<\/a><\/noindex>\u2018\u0219i produsele similare pentru generarea codului client, IMHO, sunt neatractive. Cu c\u00e2t codul executabil \u00een browser se aseam\u0103n\u0103 mai mult cu codul surs\u0103 creat de dezvoltator, cu at\u00e2t mai bine. Nu crede\u021bi? \u00cencerca\u021bi s\u0103 depana\u021bi \u00een produc\u021bie codul generat de GWT.<\/p>\n

<\/p>\n

Pe partea de server, libertatea este mai mare (Java, PHP, perl, python, C#, Ruby, \u2026), dar mi se pare c\u0103 este mai frumos c\u00e2nd at\u00e2t pe partea de server, c\u00e2t \u0219i \u00een browser se folose\u0219te acela\u0219i limbaj de programare \u2014 JavaScript. Totu\u0219i limbajul define\u0219te g\u00e2ndirea<\/a><\/noindex>, iar echipele de ne\u00een\u021bele\u0219i sunt mai productive.<\/p>\n

<\/p>\n

Umanitate<\/h1>\n

<\/p>\n

O aplica\u021bie web frumoas\u0103 trebuie s\u0103 fie util\u0103. Util\u0103, \u00een primul r\u00e2nd, pentru om, ca utilizator final. De aceea nu pot numi o aplica\u021bie web frumoas\u0103 servicii web<\/a><\/noindex>. Oamenilor obi\u0219nui\u021bi (nu dezvoltatorilor web) le este greu cu acestea. Serviciile web sunt frumoase \u00een felul lor,<\/p>\n

<\/p>\n

O aplica\u021bie web frumoas\u0103 trebuie s\u0103 aib\u0103 o interfa\u021b\u0103 intuitiv\u0103. Se poate discuta despre UI<\/a><\/noindex>\u2018este o chestiune destul de subiectiv\u0103. Dar cu UX<\/a><\/noindex> totul este mult mai simplu, dac\u0103 utilizatorul nu poate folosi aplica\u021bia f\u0103r\u0103 dorin\u021ba sa. RTFM<\/a><\/noindex> \u2014 UX slab, aplica\u021bie web inestetic\u0103. Cele mai frumoase aplica\u021bii web, \u00een raport cu acest criteriu, pot fi utilizate cu u\u0219urin\u021b\u0103 de copii care \u00eenc\u0103 nu \u0219tiu s\u0103 citeasc\u0103. <\/p>\n

<\/p>\n

Scalabilitate Invers\u0103<\/h1>\n

<\/p>\n

Cu mult timp \u00een urm\u0103, programele puteau fi transferate pe dischete, acum \u2014 pe stick-uri USB sau desc\u0103rcate direct din re\u021bea. Copierea unei aplica\u021bii obi\u0219nuite \u0219i rularea acesteia pe o alt\u0103 ma\u0219in\u0103 este o sarcin\u0103 trivial\u0103. Situa\u021bia cu aplica\u021biile web este ceva mai special\u0103. Re\u021beaua reprezint\u0103 un mediu global, \u00een care nu este necesar s\u0103 avem clone ale acelea\u0219i aplica\u021bii web. Un Facebook, un Twitter, un Instagram, un Mail.ru sau un Yandex sunt suficiente. Poate exista o varietate de aplica\u021bii web \u00een aceea\u0219i ni\u0219\u0103 tematic\u0103, dar cu audien\u021be diferite (cum ar fi Facebook \u0219i Vkontakte, Mail.ru \u0219i Gmail, Google Maps \u0219i Azure Maps). Resursele hardware necesare pentru a asigura accesibilitatea global\u0103 acestor aplica\u021bii web sunt, s\u0103 zicem, netriviale<\/a><\/noindex>.<\/p>\n

<\/p>\n

Nu am lucrat niciodat\u0103 cu aplica\u021bii web de acest nivel ca dezvoltator \u0219i nu \u00eemi dau seama cum sunt structurate, \u00een interior. Pentru a asigura func\u021bionalitatea acestor aplica\u021bii web sunt necesare echipe de speciali\u0219ti corespunz\u0103tori \u0219i centre de date separate. M\u0103 impresioneaz\u0103 capacitatea oamenilor de a colabora la o astfel de scar\u0103 \u0219i de a crea astfel de produse, dar etalonul meu de frumuse\u021be este o aplica\u021bie web care poate fi rulat\u0103 pe un laptop separat.<\/p>\n

<\/p>\n

O aplica\u021bie web frumoas\u0103 se scaleaz\u0103 nu doar \u00een sus \u0219i \u00een l\u0103\u021bime (pentru utilizatori), ci \u0219i \u00een jos \u0219i \u00een interior (pentru dezvoltatori).<\/p>\n

<\/p>\n

\u201eAmfibie\u201d<\/h1>\n

<\/p>\n

Pentru accesarea aplica\u021biilor web moderne se folosesc dispozitive de dou\u0103 tipuri:<\/p>\n

<\/p>\n