Kjo javë ishte aventureske, javën e kaluar u njoha me disa koncepte para javës, kështu që ajo javë ishte e lehtë për mua, por jo kjo!~
Gjatë klasës sonë të parë, isha në ankth, por kur praktikova disa kuize kuptova konceptet flakëruese të shpejtë falë “shënimeve të shenjta” Sparta punë e mirë!
Kështu fillon java,
Mësuam konceptet:
- JQuery
- MERR Kërkesën
- JSON
- AJAX
- OpenAPI
Jam shumë i emocionuar ta shkruaj këtë!
Le të fillojmë me JQuery, -›
Më pëlqejnë analogjitë dhe analogjia CSS përshtatet mirë për JQuery, pse e them këtë? para kësaj le të shohim sintaksën e JQuery,
$('#element').hide();
Këtu '#element' synon elementin me "Id" që i japim, njësoj si CSS ku ne aksesojmë elementin me "Class"!
JQuery ka shumë veti ato që kemi përdorur më së shumti ku, .val() , .show() , .hide()
Një shembull që më duket shumë interesant është fshehja dhe shfaqja e elementeve kur klikoni mbi to! , u habita kur e provova!
Me hapa shumë të thjeshtë, si 1) Jepni një ID një elementi që dëshironi të synoni, 2) shkruani një funksion JS 3) shtoni atë funksion në atë element që dëshironi të fshihni/shfaqni 4) Dhe keni mbaruar!
Oh! Na vjen keq, harrova të përmend së pari ju duhet të importoni JQuery në HTML-në tuaj në etiketën Head!
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
Ok, tani le të kalojmë në temën tjetër!
Pra, në pjesën tjetër mësuam për JSON, GET Request, Ajax dhe OpenAPI
Përsëri, Analogjia hyn: JSON nuk është gjë tjetër veçse Çifti: Çifti i vlerës, mora një imazh për ta kuptuar atë!
Le të kuptojmë kërkesën GET përpara se unë kam disa punë për ju!
Kjo është lidhja që duhet të kopjoni së pari: më pas shtoni çdo opsion që dëshironi përpara asaj lidhjeje dhe shikoni se çfarë ndodh.
https://www.youtube.com/watch
Option 1)
?v=dQw4w9WgXcQ
Option 2)
?v=hvL1339luv0
Ok, po ta kishit bërë do ta kishit marrë përgjigjen, edhe pse lidhja e parë është e njëjtë për të dyja opsionet, kur zgjidhni opsione të ndryshme ridrejtoheni në video të ndryshme!!!
Pjesa e parë është adresa e serverit dhe pjesa e fundit është kodi i videos,
-› Të dhënat që do të dërgohen në server fillojnë pas?
-› Fushat e të dhënave mund të ndahen duke përdorur karakterin &
Tani le të vijmë te pjesa më interesante dhe ajo është AJAX & OpenAPI,
Le të hedhim një vështrim në sintaksën e tij,
$.ajax({
type: "GET", # Make this request using the HTTP GET method
url: "url here", #The URL (server address) to which you are sending your request
data: {}, # Data to be sent along with the request (leave this blank for GET requests)
success: function(response){
console.log(response)
}
})
Ne zgjidhëm shumë kuize për të mësuar AJAX, me një mentor si dhe praktikuam veten tonë, kuizi im i preferuar ishte rreth 'Citybike API'
Këtu jo vetëm që mësova për Ajax dhe API, mësova edhe për Tabelat, dhe përditësimi i të dhënave të drejtpërdrejta nga API ishte argëtues!
Pra, kuizi ishte i thjeshtë, na u dha një kod boilerplate, duhej të përdornim API-në e dhënë, më pas të shkruanim një funksion js, të shtonim jquery dhe Ajax në të dhe t'ia shtonim rezultatin temp_html që krijuam në një etiketë skripti. ,
Gjithashtu në hapin tjetër, na duhej të ndryshonim ngjyrën e disa vlerave të kushtit të dhënë. Ishte kënaqësi të implementoje CSS në JavaScript,
Gjithashtu duhet mbajtur mend ishte nëse duam të shkruajmë HTML në JS, atëherë duhet të përdorim `` (back-ticks)
Kjo javë ishte aq e mirë, saqë të gjithë i përfundova të dyja, detyrat e shtëpisë bazë dhe të avancuara!
Jam i emocionuar për javët e ardhshme, jam i mahnitur nga kjo javë se sa shumë kam mësuar dhe gjithashtu e kam zbatuar këtë, tani dua të mësoj se si mund të ndërtoj disa projekte vërtet domethënëse me njohuritë që kam mësuar,
Puna ime në shtëpi:
Sinjalizim për kutinë e hyrjes bosh + Shto informacione për kursin e këmbimit
