De ce urasc inginerii experti in interfete web departamentul de Quality Assurance?

De ce urasc inginerii experti in interfete web departamentul de Human Resources?

Restaurantul Interfete Web

Ieri seara am venit obosit dupa o zi plina de facultate, lucru, trafic si alte chestii de genul si m-am asezat la calculator sa mai fac una alta. Cum atmosfera era apasatoare, am luat 2 beri de pe balcon si in 5 minute s-au facut nevazute. Definitiv.
Peste putin Silvia mi-a zis sa pun si elemente title la meniul siteului de interfete web, i-am zis ca o sa pun, dar ea tot insista peste meniu, ca meniul este important, ca trebuie, ca asa ne evidentiem postarile, etc.

Nici pana azi nu l-am pus (multumesc fetelor ca au facut asta deja), dar cand am auzit de meniu, pe fondul foamei extreme si repetitiei ideii de meniu mi-a venit urmatoarea idee de campanie de PR:

Restaurantul Interfete Web

Restaurantul Interfete Web, o subsidiara a grupului de investitii Interfete Web, vine pe piata cu o serie de inovatii gastronomico-tehnologice pentru cele mai exigente persoane. Chelenrii sunt in totalitate absolventi de informatica, bucatarul este team leader cu calificari pe CISCO, iar paznicul nu numai ca stie template-uri de C++, dar stapaneste la perfectie 3 framework-uri de javascript si 4 de php.

Bucatarul, acest maestru al artelor, impreuna cu echipa dinamica a pus la cale un meniu pe masura companiei. Meniul este urmatorul:

- ciorba de jquery
- tocanita de expresii regulare
- friptura de apache tomcat
- sote de xml
- frigarui de owl (bufnita)
- javascript cu morcovi
- ghiveci cu SEO

Va dorim pofta buna si il asteptam pe google sa se intrebe ce naiba cauta cuvinte fara sens unu langa altu.

>:D<

Cum faci un manager stresant sa nu te mai intrebe de sanatate

Comparatie intre jQuery si ExtJS

2 framework-uri de javascript.
Singurele 2 dupa parerea mea.

Totusi, ce difera, ce se aseamana, ce sa folosesc, etc?

Se pot gasi sute de astfel de review-uri pe net, dar voi incerca sa concretizez ca sa fie usor de digerat:

Cand e ideal jQuery:
- siteuri la care ai nevoie sa ascunzi/afisezi elemente
- efecte, fade-uri, ajax simplu
- explorare de dom simpla, manipulare de dom
- aplicatii web foarte simple
- siteuri/aplicatii unde amprenta de javascript trebuie sa fie mica: max 20 de kb

Cand e ideal ExtJS:
- cand ai nevoie de grid-uri, butoane, controale form, panel-uri, resize-uri, ferestre, ajax profesional, layering, observers, OOP, extindere
- cand vrei sa faci o aplicatie cu adevarat mare
- cand codul de javascript pe care il scrii singur depaseste 1 mb de cod sursa

Interfete Web

Interfetele web inseamna interfete care ruleaza pe web, web-ul fiind locul ideal de destinatie pentru ele. Printre elementele interfetelor web se numara widget-urile web, bazate pe javascript, flash, flex.

Ideea cu aceste interfete web este de a genera continut interactiv si usor de utilizat de catre useri.

Deci nu uitati cuvantul magic pe ziua de azi (interfete web)

La naiba, nimeni nu mai citeste regulamentele in ziua de azi :((

optimizare interfete web

Minimizare, obfuscare, grupare elemente grafice...

Dupa cum ziceam mai sus, 1000 de reqeusturi nu fac bine nimanui. Nici serverului, nici clientului si nici traficului global de pe internet plin de ACK, SYN-uri CONNECT si CLOSE-uri (remember Protocoale de Comunicatii).

Ce abordare avem in acest caz?

Javascript:
http://dean.edwards.name/packer/
Aceasta unealta lucreaza in 3 moduri:
- usor eficient: inlatura comentarii, new line-uri, caractere albe extra, etc
- eficient: usor eficient + redenumire variabile cu nume scurte
- mega eficient: criptarea codului sursa, pentru ca rezultatul lui sa se genereze pe baza unei functii matematice.
Recomand mega-eficient pentru deployment, dar nu uitati sa faceti copii de backup inainte sa criptati originalul.
Dupa ce ati criptat pe rand fisierele, copiati rezultatul lor intr-un singur mare javascript si includeti-l pe acela.

CSS:
http://www.artofscaling.com/css-minifier/
Reduce spatiile albe, enter-urile, comentariile, etc.
In urma reducerii fiecarui CSS, nu uitati sa puneti pe toate intr-un singur mare css, in ordinea includerii normale.

Imagini:
Aici nu exista o reteta universala. Ideea este sa faceti un PNG mare in care sa puneti imaginile de care aveti nevoie si apoi sa controlati afisarea lor folosind parametrii background-position.

Request-uri AJAX:
Daca aveti multe date de preluat, nu le faceti folosind 300 de request-uri AJAX. Dati un singur request pentru toate daca aveti nevoie de toate datele deodata, si diferentiati-le in raspuns folosind JSON.

Asta ar fi cam toate sfaturile legate de optimizarea interfetelor web. Happy Web2.0 coding.