Salt la conținut

SUBIECTE NOI
« 1 / 5 »
RSS
Distante etrieri

Fisier corupt reapare in galeria ...

Ce condensator ar putea fi? TV Vo...

Problema droguri
 Soldat gradat profesionist - dipl...

Eroare incarcare formular

merita upgrade de la Ryzen 5 2600...

Intel i9 14900K cooler air Deepco...
 Curațare disc vinil

Atentie la site-ul FixShop.ro - p...

Display cu culori neuniforme

Despre Laborator Defectoscopie Ca...
 Mama Clopoțel

Windows 11 si boxa portabila - de...

Angajarea unei persoane de 18 ani...

Depunere declaratie unica PFA - i...
 

Ce e o aplicatie web? De la aplicatii in consola la cele cu interfete web.

* * * * * 4 voturi
  • Vă rugăm să vă autentificați pentru a răspunde
75 răspunsuri în acest subiect

#37
RedDev

RedDev

    Active Member

  • Grup: Members
  • Mesaje: 1.941
  • Înscris: 29.10.2014
În spatele oricărui element HTML poți desemna o acțiune în Javascript la o anumite acțiune a utilizatorului.
  • e mouse-ul (cursorul) peste element
  • mouse-ul a părăsit elementul
  • ai apăsat o tastă
  • ai dat drumul de la o tastă apăsată
  • ai dat click
  • ai dai scroll
  • etc.
Mai sunt evenimente care pot fi rulate când pagina se încărca sau când pleci pe altă pagină.

Poți da click și pe un DIV, SPAN, TR/TD, orice element. Nu doar butoanele sunt elemente cu care poți interacționa. Poți măsura cât a fost click-ul apăsat și în funcție de durată să execuți altceva.

#38
MarianG

MarianG

    be that as it may

  • Grup: Moderators
  • Mesaje: 31.489
  • Înscris: 10.08.2005
Sa o luam pe bucati, dupa cum a fost scris
function performSearch(toSearch, processResultsCallback) {
		var xmlHttp = new XMLHttpRequest();
		xmlHttp.onreadystatechange = function() {
				if (xmlHttp.readyState == XMLHttpRequest.DONE) {
						processResultsCallback(xmlHttp.status, xmlHttp.responseText);
				}
		}
		xmlHttp.open("GET", "http://localhost/cgi-bin/MyDictionary.exe?word=" + encodeURIComponent(toSearch))
		xmlHttp.send();
}

Intelege toata lumea ce face acest cod ?

#39
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Mesaje: 14.104
  • Înscris: 13.12.2010
Nu.

#40
MarianG

MarianG

    be that as it may

  • Grup: Moderators
  • Mesaje: 31.489
  • Înscris: 10.08.2005
Bun! Care parte?

#41
romio79

romio79

    Active Member

  • Grup: Members
  • Mesaje: 1.655
  • Înscris: 30.03.2005
Cred ca intrebarea corecta era ce intelegi :D

#42
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Mesaje: 14.104
  • Înscris: 13.12.2010

View PostMarianG, on 25 august 2017 - 20:12, said:

Bun! Care parte?
Consider ca trebuia scris despre care bucata este vorba.

View PostMarianG, on 25 august 2017 - 19:53, said:

Sa o luam pe bucati, dupa cum a fost scris etc,

Continua tutorialul sau ba?

#43
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Mesaje: 30.259
  • Înscris: 24.02.2007
Pe langa interactiunea cu interfata afisata de browser, acesta pune codului la dispozitie o modalitate de a trimite noi cereri catre server: clasa XMLHttpRequest. Numele e usor ciudat, dar, cum pe vremuri lumea cerea XML, s-au gandit ei sa-i ofere acest nume.

Utilizarea consta in 2 pasi:

  • Codul ce specifica unde sa se trimita cererea si solicita trimiterea efectiva
  • Codul ce gestioneaza raspunsul

O cerere pe net poate dura ceva timp, asa ca e trimisa in mod asincron. Dupa ce s-a executat send() nu inseamna ca avem deja raspunsul, ci oferim o functie callback care va fi apelata ... candva cand vine raspunsul.

Ce se intampla aici cand vine raspunsul? Se verifica daca e pasul final (nu ne intereseaza pasii intermediari, vrem sa stim, in acest caz, doar cand s-a finalizat cererea), iar apoi e apelata o alta functie ce primiste drept parametrii statusul cererii (daca a reusit sau nu), si raspunsul primit (un string). Acesta functie verifica apoi statusul pentru a distinge intre o cerere reusita si una nereusita, iar, daca e reusita, proceseaza raspunsul primit (interpreteaza stringul ca json si afiseaza in interfata rezultatele).


#44
neagu_laurentiu

neagu_laurentiu

    Guru Member

  • Grup: Senior Members
  • Mesaje: 40.633
  • Înscris: 30.07.2003
Pe scurt AJAX, mai in detaliu sa consulte fiecare.

#45
javaEEDevOps

javaEEDevOps

    Member

  • Grup: Members
  • Mesaje: 407
  • Înscris: 15.09.2017

View Postdani.user, on 23 august 2017 - 17:56, said:

Tutorialul ajuta invatacelul sa constientizeze
Necesitatea lui Jquery. N-as vrea sa te vad facand debugging in zeci de fisiere javascript  "pur".
Iar daca lui Jquery ii punem si o paradigma OOP , unde cream obiecte javascript cu constructori, cu metode codul devine o bijuterie.

#46
OriginalCopy

OriginalCopy

    I'm harmful, fear me please! :))

  • Grup: Senior Members
  • Mesaje: 27.268
  • Înscris: 10.08.2006

View PostjavaEEDevOps, on 15 septembrie 2017 - 21:08, said:

Iar daca lui Jquery ii punem si o paradigma OOP , unde cream obiecte javascript cu constructori, cu metode
Adica... typescript de exemplu?

#47
javaEEDevOps

javaEEDevOps

    Member

  • Grup: Members
  • Mesaje: 407
  • Înscris: 15.09.2017

View PostMarianG, on 25 august 2017 - 19:53, said:

Sa o luam pe bucati, dupa cum a fost scris
function performSearch(toSearch, processResultsCallback) {
	 var xmlHttp = new XMLHttpRequest();
	 xmlHttp.onreadystatechange = function() {
			 if (xmlHttp.readyState == XMLHttpRequest.DONE) {
					 processResultsCallback(xmlHttp.status, xmlHttp.responseText);
			 }
	 }
	 xmlHttp.open("GET", "http://localhost/cgi-bin/MyDictionary.exe?word=" + encodeURIComponent(toSearch))
	 xmlHttp.send();
}

Intelege toata lumea ce face acest cod ?
E foarte lung si alambicat. Codul echivalent in jquery este:

function apelServer(toSearch) {
$.ajax({
type: 'GET',
dataType: 'json',
url: "http://localhost/cgi-bin/MyDictionary.exe?word=" + toSearch,
success: function(ObiectJsonDelaServer ){
//gestionare obiectului via OOP (cum ar fi randarea tabelului
},
error: function(xhr, textStatus, errorThrown){
//gestionarea obiectelor de tip eroare via OOP
}
});


View PostOriginalCopy, on 15 septembrie 2017 - 21:10, said:

Adica... typescript de exemplu?
si type script.
Insa ma refeream la obiecte Javascript , folosind metoda prototype

Editat de javaEEDevOps, 15 septembrie 2017 - 21:42.


#48
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Mesaje: 30.259
  • Înscris: 24.02.2007
E API-ul oferit de browsere. Frumos, urat, asta ofera, cu asta incepi. Abstractizarea ulterioara cu jQuery sau insert framework here e liber oricine s-o faca, dar nu asta-l telul tutorialului.

La fel, nici OOP n-am folosit intentionat. OOP ascunde aspecte pe care am vrut sa pun accentul.

#49
javaEEDevOps

javaEEDevOps

    Member

  • Grup: Members
  • Mesaje: 407
  • Înscris: 15.09.2017

View Postdani.user, on 15 septembrie 2017 - 21:33, said:

E API-ul oferit de browsere. Frumos, urat, asta ofera, cu asta incepi. Abstractizarea ulterioara cu jQuery sau insert framework here e liber oricine s-o faca, dar nu asta-l telul tutorialului.
Nu neaparat.Eu cand am inceput javascript am inceput direct cu jQuery.Exista pe net portalul W3School,care este folosit de liceeni si studenti la greu mai ales la disciplinele de tipul tehnologii web.
Nu am mai vazut prin proiecte, un java script pur de vreo cativa ani buni incoace.

Quote

La fel, nici OOP n-am folosit intentionat. OOP ascunde aspecte pe care am vrut sa pun accentul.
Aspecte precum ?

Apropos: in html noi punem scripturile exact inainte de sfarsitul body-ului si nu le punem in <head>

Sa nu uitam un aspect important: Lizibilitatea codului sursa. Una este sa vezi o pagina JS de sute de liniii in javascript pur(inchizi instinctiv pagina), iar alta
este sa vezi aceasi pagina in jQuery, redactat frumos, clar si citetz , vezi functiile de succes functii de eroare si daca mai este in paradigma OOP , este o minunatie de program in javascript.In plus OOP-up de javascript ajuta foarte mult la debugging in timp real,  in Consola browserului (Chrome in cazul meu)

Editat de javaEEDevOps, 15 septembrie 2017 - 21:41.


#50
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Mesaje: 30.259
  • Înscris: 24.02.2007
Asa ajung unii sa considere jQuery limbaj de programare (cum des am auzit si pe aici pe forum).

View PostjavaEEDevOps, on 15 septembrie 2017 - 21:37, said:

Lizibilitatea codului sursa. Una este sa vezi o pagina JS de sute de liniii in j&#097;v&#097;script pur(inchizi instinctiv pagina)

Tutorialul nu contine sute de linii de javascript si nu e un tutorial pentru javascript. Prezinta cate putin din fiecare pentru ca incepatorul sa vada ce presupune o aplicatie web (strictul necesar de care nu scapa).

Apoi ES 2016 e chiar placut, infinit mai placut decat mizeria de prototype inheritance.

#51
javaEEDevOps

javaEEDevOps

    Member

  • Grup: Members
  • Mesaje: 407
  • Înscris: 15.09.2017

View Postdani.user, on 15 septembrie 2017 - 21:46, said:

mizeria de prototype inheritance.
Sa stii ca daca e gestionat ok e chiar bun.

#52
OriginalCopy

OriginalCopy

    I'm harmful, fear me please! :))

  • Grup: Senior Members
  • Mesaje: 27.268
  • Înscris: 10.08.2006
Eich cred ca statea cu berea intr-o mana si cu capul pe tastatura cand a inventat js.

Dar e bine ca se avanseaza cu noile standarde ES, cu wasm...

#53
javaEEDevOps

javaEEDevOps

    Member

  • Grup: Members
  • Mesaje: 407
  • Înscris: 15.09.2017
varianta JavaEE(OOP) a lui MyDictionary.exe:
Spoiler
varianta JAVA EE minimizata(folosind JDK API)  a lui  MyDictionary.exe
Spoiler

Editat de MarianG, 16 septembrie 2017 - 05:45.


#54
unbrutus

unbrutus

    Guru Member

  • Grup: Senior Members
  • Mesaje: 16.301
  • Înscris: 23.02.2017

View Postdani.user, on 22 august 2017 - 21:40, said:

Ce face acest cod?
  • Se ataseaza la evenimentul click al butonului de cautare
Am putea zice si ca se ataseaza la evenimentul onload al ferestrei...

Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

Utilizatori activi: 1

0 membri, 1 vizitatori, 0 utilizatori anonimi

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate