Posts Tagged interfete web
Framework-uri JavaScript: Evenimente in MooTools
Posted by Cristi in javascript on 12/12/2008
Din fericire, discutia despre evenimente in MooTools va fi mai scurta (mult mai scurta decat cea despre manipularea DOM), si iata de ce: MooTools incearca sa pastreze lucrurile cat mai aproape de JavaScript normal atunci cand poate: daca exista deja metode native pentru a face ceva, dar aceste metode nu sunt implementate in toate browserele, atunci MooTools creaza metode care au aceeasi denumire cu cele native (sau cel putin apropiate) iar parametri trimisi sa fie in aceeasi ordine si cu aceeasi semnificatie ca in cazul metodelor native. De exemplu, metodele adaugate obiectului Array in JavaScript 1.6 sunt implementate de MooTools in asa fel incat sa fie disponibile in toate browserele (singura care nu este implementata este Array.lastIndexOf, si singura metoda cu nume diferit este Array.each – in JS 1.6 aceasta se numeste Array.forEach).
Framework-uri JavaScript: Manipularea DOM cu MooTools
Posted by Cristi in javascript on 11/12/2008
Asa cum am promis, sa vedem cum putem manipula DOM-ul cu MooTools. Prima functie, $ (da, este vorba doar de simbolul dolar – cum spuneam data trecuta, acesta este un caracter valid, in JavaScript, pentru numele de variabile) este oarecum echivalenta cu document.getElementById. Insa, daca va hotarati sa manipulati DOM-ul cu MooTools, este absolut necesar sa folositi $ si nu document.getElementById, si iata de ce: toate browserele non-IE permit modificarea prototipului obiectului Element, insa IE nu permite asta. Asa ca, folosind $, este returnata o instanta modificata de Element – ii sunt adaugate toate metodele si toti membrii care pentru celelalte browsere ar fi fost adaugate prin modificarea prototipului. In plus, $ accepta ca parametru nu numai id-ul unui element DOM, ci chiar si o instanta de Element care a fost sau nu obtinuta de MooTools. Daca instanta respectiva a fost obtinuta tot prin MooTools, este returnata elementul fara nicio modificare, altfel ii sunt adaugate proprietatile si metodele necesare. Ca sa intelegeti ce vreau sa spun:
Framework-uri JavaScript: Programare functionala in MooTools
Posted by Cristi in javascript on 10/12/2008
Am amintit cand am vorbit prima data de JavaScript, de notiunea de inchidere. Aceasta notiune este esentiala in programarea functionala; cu toate ca nu am spus-o explicit atunci, dar JavaScript este un limbaj de programare functionala. MooTools face si mai usor folosirea conceptelor din programarea functionala, prin extinderea clasei native Function. Cei care nu au cunostinte de programare functionala s-ar putea sa nu inteleaga mare lucru din explicatiile de mai jos, asa ca, deocamdata, pot trece linistiti peste ele. Ne sunt puse astfel la dispozitie urmatoarele metode:
Framework-uri JavaScript: Clase in MooTools
Posted by Cristi in javascript on 10/12/2008
Acum ca am vazut cateva caracteristici ale framework-ului MooTools, sa vedem cum putem implementa mostenirea.
Framework-uri JavaScript: Introducere
Posted by Cristi in javascript on 08/12/2008
Daca am vazut ca in cazul framework-urilor CSS existau atat pareri pro cat si pareri contra, in cazul framework-urilor JavaScript parerile sunt aproape toate in favoarea folosirii lor. Numai ca exista o problema: exista atat de multe framework-uri CSS in acest moment, incat oricine isi pune problema folosirii unui framework nu poate sa nu se intrebe: care este cel potrivit pentru mine?
Introducere in AJAX
Posted by Cristi in javascript on 07/12/2008
Ultimul subiect pe care il vom aborda inainte sa vedem cum ne ajuta framework-urile JavaScript, este AJAX. AJAX este unul dintre motivele pentru care JavaScript si-a recapatat popularitatea acum cativa ani, odata cu aparitia aplicatiilor web – site-uri care incearca sa reproduca cat mai fidel interfetele aplicatiilor desktop (desigur, aceasta nu se obtine exclusiv cu AJAX, ci si prin manipularea DOM, ca raspuns la interactiunea cu utilizatorul), cum ar fi Gmail, flickr, delicious, etc.
Primul alpha al Opera 10 este aici
Posted by Cristi in Uncategorized on 04/12/2008
Sau, mai exact, aici. Asa cum anticipam acum ceva vreme (vezi Detalii despre Opera 10), acest release are integrat un spell-checker, avem in sfarsit auto-updates, si noul motor de redare, Presto 2.2, trece testul Acid3, fiind astfel primul release public care obtine 100/100.
In plus, Opera sustine ca este cu 30% mai rapid pentru cele mai comune cazuri de utilizare, si putem folosi web-fonts intr-un alt browser decat Safari (ceea ce poate va accelera standardizarea acestora).
Mai multe detalii si pareri aflati din articolele urmatoare:
- Opera Presto 2.2 and Opera 10 — a first look
- Opera 10 Alpha 1 Released
- Opera 10 Alpha Emphasizes Faster Browsing Experience Over New Features
- Opera 10 Browser Now In Alpha
- First Look at Opera 10
- Opera 10 Alpha: Yeah, it’s Even Faster Than Before
- Claiming the Acid3 Test – Opera 10
- Opera 10.0 alpha 1 is impressive, but does it stand a chance against Firefox?
Si tot legat de browsere, se pare ca noul motor JavaScript al Firefox 3.1 va fi mai rapid decat cel din Chrome, iar cel din WebKit chiar si mai rapid.
Evenimente in JavaScript
Posted by Cristi in Uncategorized on 03/12/2008
Am vorbit data trecuta (Manipularea DOM cu JavaScript) despre cum putem modifica ierarhia DOM atunci cand avem de proiectat o interfata web, prin adaugarea, stergerea si modificarea elementelor din DOM. Totusi, in general, aceasta ierarhie nu se va modifica decat la interactiunea cu utilizatorul, de exemplu atunci cand facem click sau dublu click pe un buton, link sau imagine, sau cand completam un camp text. Chiar si atunci cand folosim AJAX pentru a adauga si mai multe functionalitati interfetei noastre, in general vom face cereri AJAX tot la interactiunea cu utilizatorul.
Exact pentru aceasta interactiune cu utilizatorul, ne ajuta ascultatorii de evenimente (eng. event handlers sau event listeners) in JavaScript. Exista doua cai de a adauga ascultatori de evenimente: calea cea veche, si calea cea noua. Sa le luam pe rand.
Manipularea DOM cu JavaScript
Posted by Cristi in javascript on 01/12/2008
Daca acum ceva vreme JavaScript nu era privit ca un limbaj de programare foarte puternic, si cei mai multi programatori JavaScript foloseau limbajul in cadrul interfetelor web doar pentru a transmite alerte utilizatorilor, pentru a schimba imaginile atunci cand mouse-ul intra peste o imagine (nu exista in CSS pseudo-clasa :hover) sau a deschide ferestre pop-up, popularitatea sa si modul de folosire a evoluat in momentul in care motoarele de redare din spatele browserelor au implementat DOM. Aplicatii web 2.0 ca Gmail, flickr, delicious au aratat lumii intregi cat de multe se poate face cu JavaScript, folosind tehnici ca DHTML si AJAX. Read the rest of this entry »
Obiecte in JavaScript
Posted by Cristi in javascript on 28/11/2008
Spuneam in articolul precedent ca in mare parte nu exista asemanari intre JavaScript si Java, in afara de numele celor doua. Acest lucru ramane valabil si atunci cand vorbim de obiecte, clase si mostenire. In timp ce Java este un limbaj de programare orientat pe obiecte, JavaScript este un limbaj de programare bazat pe obiecte (eng. object-based sau prototype-based). Read the rest of this entry »
