Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Presbiopia - la 43 ani ?

Termen transcriere autovehicul

Cazare Timisoara pe 4-5 zile

Primele zile ale internetului per...
 Ditra 25

Casti USB-C ptr A-54

Aplicatie medicala / asistent med...

De ce vor atația politicieni...
 ERR_ADDRESS_UNREACHABLE

Legea 18/1968 Se mai aplica?

Digi conectare 2 routere prin fir

Succesiune notar versus instanta ...
 Montaj aer conditionat in balcon ...

Cont curent mulți valuta far...

Sugestii plan casa

Experiente cu firme care cumpara ...
 

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

* * * * * 4 votes
  • Please log in to reply
75 replies to this topic

#37
RedDev

RedDev

    Active Member

  • Grup: Members
  • Posts: 1,933
  • Î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
  • Posts: 31,428
  • Î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
  • Posts: 14,104
  • Înscris: 13.12.2010
Nu.

#40
MarianG

MarianG

    be that as it may

  • Grup: Moderators
  • Posts: 31,428
  • Înscris: 10.08.2005
Bun! Care parte?

#41
romio79

romio79

    Active Member

  • Grup: Members
  • Posts: 1,655
  • Înscris: 30.03.2005
Cred ca intrebarea corecta era ce intelegi :D

#42
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 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
  • Posts: 30,233
  • Î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
  • Posts: 40,600
  • Înscris: 30.07.2003
Pe scurt AJAX, mai in detaliu sa consulte fiecare.

#45
javaEEDevOps

javaEEDevOps

    Member

  • Grup: Members
  • Posts: 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
  • Posts: 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
  • Posts: 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

Edited by javaEEDevOps, 15 September 2017 - 21:42.


#48
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 30,233
  • Î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
  • Posts: 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)

Edited by javaEEDevOps, 15 September 2017 - 21:41.


#50
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 30,233
  • Î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
  • Posts: 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
  • Posts: 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
  • Posts: 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

Edited by MarianG, 16 September 2017 - 05:45.


#54
unbrutus

unbrutus

    Guru Member

  • Grup: Senior Members
  • Posts: 16,299
  • Î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 spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

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