JavaScript është një gjuhë e veçantë që ndihmon që faqet e internetit të jenë argëtuese dhe interaktive. Përdoret nga shumë njerëz për të krijuar faqe interneti emocionuese. Në zhvillimin e faqeve të internetit, JavaScript është si një mjet magjik që i jep jetë faqeve të internetit. Mund të ndryshojë tekstin, të lëvizë fotografitë dhe madje të flasë me ju!
JavaScript është një gjuhë kompjuteri. I tregon kompjuterit se si të bëjë gjëra të thjeshta dhe argëtuese në një faqe interneti. Kur klikoni mbi një buton ose shihni një animacion në një faqe interneti, JavaScript funksionon prapa skenave. Është një nga mjetet kryesore në zhvillimin e uebit.
Imagjinoni sikur keni një robot lodër. Ju i tregoni robotit çfarë të bëjë duke i dhënë udhëzime. JavaScript i jep udhëzime kompjuterit në këtë mënyrë.
Faqet e internetit përbëhen nga teksti, imazhet dhe ngjyrat. Por ato mund të jenë edhe më argëtuese kur reagojnë ndaj jush. JavaScript i ndihmon faqet e internetit t'ju dëgjojnë dhe të vendosin se çfarë të bëjnë më pas. Për shembull, bën që një buton të ndryshojë ngjyrën e tij kur e shtypni, ose mund të shfaqë një mesazh kur klikoni një lidhje.
Kjo i bën faqet e internetit jo vetëm fotografi të bukura, por edhe vende të gjalla ku mund të bashkëveproni. Sa herë që luani një lojë në një faqe interneti ose eksploroni një histori interaktive, JavaScript është aty duke e bërë të ndodhë.
JavaScript ka disa ide të thjeshta që janë të lehta për t'u kuptuar. Mendojini këto ide si blloqe ndërtimi. Kur i bashkoni ato, mund të krijoni gjëra të mahnitshme në internet. Ja disa ide themelore:
Secila prej këtyre ideve ju ndihmon të ndërtoni faqe interneti më komplekse dhe interaktive.
Një variabël është si një kuti e veçantë me një emër. Mund të vendosni lloje të ndryshme gjërash brenda një kutie. Ndonjëherë mund të vendosni numra brenda dhe ndonjëherë fjalë. Në JavaScript, mund të krijoni një variabël duke përdorur fjalë si let ose var .
Për shembull, nëse doni të ruani emrin tuaj, mund të shkruani këtë kod:
le të Emri im = "Sam";
Ky kod krijon një kuti të quajtur "Emri im" dhe vendos fjalën "Sam" brenda saj.
Ekzistojnë lloje të ndryshme të dhënash që mund të ruani. Disa janë:
Variablat ndihmojnë në ruajtjen e informacionit që mund të ndryshojë kur faqja e internetit është në funksion.
Një funksion në JavaScript është si një makinë e vogël që bën një punë. I jepni makinës një emër dhe i tregoni se cilën detyrë duhet të kryejë. Pastaj, sa herë që keni nevojë ta kryeni atë punë, e thërrisni funksionin.
Për shembull, nëse doni të thoni përshëndetje, mund të shkruani një funksion si ky:
funksioni sayHello() {
alarm ("Përshëndetje, mik!");
}
Kur thirrni funksionin sayHello() , shfaqet një mesazh i vogël që thotë "Përshëndetje, mik!" Kjo është e ngjashme me një lodër që luan një këngë të shkurtër kur shtypni një buton.
Ndonjëherë, një kompjuter duhet të zgjedhë se çfarë të bëjë më pas. Këtu hyjnë në lojë deklaratat kushtëzuese . Ato e ndihmojnë kompjuterin të vendosë duke kontrolluar nëse diçka është e vërtetë apo jo.
Mendojeni në këtë mënyrë: nëse po bie shi, mund të vendosni të merrni një çadër. Nëse nuk po bie shi, nuk keni nevojë për çadër. Në JavaScript, mund të shkruani një kusht të thjeshtë si ky:
nëse (temperatura > 30) {
alarm ("Është vapë jashtë!");
} tjetër {
alarm ("Nuk është shumë vapë!");
}
Ky kod kontrollon nëse temperatura është më e madhe se 30. Nëse është, ju tregon se është nxehtë. Përndryshe, thotë se nuk është shumë nxehtë.
Cikli ju lejon të përsërisni një grup udhëzimesh shumë herë. Ato janë si të rrotulloheni rreth e rrotull një karusele. Në vend që të shkruani të njëjtin kod vazhdimisht, një cikël e bën këtë për ju.
Për shembull, nëse doni të thoni pesë herë "Më pëlqen të kodoj!", mund të përdorni një cikël:
për (le të jetë i = 0; i < 5; i++) {
console.log("Më pëlqen shumë kodimi!");
}
Ky kod i kërkon kompjuterit ta shtypë fjalinë pesë herë. Është sikur t’i numërosh lodrat një nga një.
Në JavaScript, ngjarjet janë sinjale që i tregojnë kompjuterit se diçka ka ndodhur. Këto ngjarje mund të jenë një klikim i miut, një shtypje tasti ose edhe një ndryshim në madhësinë e dritares. Kompjuteri i dëgjon këto ngjarje dhe më pas përgjigjet.
Për shembull, kur klikoni një buton në një faqe interneti, ndodh një ngjarje. JavaScript mund ta zbulojë këtë klikim dhe më pas të ekzekutojë një funksion për t'iu përgjigjur. Ja një shembull i thjeshtë:
let button = document.getElementById("Butoni im");
button.addEventListener("klikoni", funksioni() {
alarm("Ju klikuat butonin!");
});
Ky kod gjen një buton me ID-në "myButton" dhe pret për një klikim. Kur klikohet butoni, shfaqet një mesazh që thotë, "Ju klikuat butonin!"
Modeli i Objektit të Dokumentit, ose DOM , është një mënyrë për të parë dhe bashkëvepruar me të gjitha pjesët e një faqeje interneti. Mendoni për DOM-in si një pemë. Pema ka shumë degë dhe secila degë përfaqëson një element në faqe, siç është një paragraf, një imazh ose një buton.
JavaScript mund t'i ndryshojë këto degë. Mund të shtojë elementë të rinj, të heqë të vjetër ose t'i ndryshojë ato. Për shembull, mund të ndryshojë tekstin brenda një paragrafi kur klikoni një buton.
Kjo është e rëndësishme sepse ndihmon në krijimin e faqeve të internetit interaktive. Duke përdorur DOM-in, faqja juaj e internetit mund të ndryshojë në mënyrë dinamike pa pasur nevojë të ringarkohet.
Le të shohim një shembull të thjeshtë të JavaScript në veprim. Imagjinoni që keni një faqe interneti me një buton. Kur klikoni butonin, dëshironi që ai të thotë përshëndetje. Mund ta shkruani kodin kështu:
<!DOCTYPE html>
<html>
<kreu>
<title>Shembull i thjeshtë i JavaScript-it</title>
</head>
<trupi>
<button id="greetButton">Klikoni mua!</button>
<skript>
funksioni greetUser() {
alarm ("Përshëndetje, mik!");
}
let button = document.getElementById("greetButton");
button.addEventListener("klikoni", greetUser);
</script>
</body>
</html>
Ky kod krijon një buton në faqen e internetit. Kur klikohet butoni, funksioni greetUser() ekzekutohet dhe shfaqet një dritare me mesazhin "Përshëndetje, mik!"
JavaScript mund të bëjë edhe llogaritje të thjeshta. Mund të mbledhë, zbritë, shumëzojë dhe pjesëtojë numra. Kjo veçori është shumë e dobishme për të krijuar aplikacione të vogla ose edhe lojëra.
Për shembull, nëse doni të mblidhni dy numra, mund të shkruani:
le të jetë numri 1 = 5;
le të jetë numri 2 = 3;
le të jetë shuma = numri1 + numri2;
alarm("Shuma është" + shuma);
Ky kod merr dy numra, 5 dhe 3 , i mbledh ato së bashku dhe më pas shfaq një mesazh që thotë "Shuma është 8".
Sa herë që vizitoni një faqe interneti me butona, animacione ose lojëra, ka të ngjarë që JavaScript të jetë në veprim. I bën faqet e internetit dinamike dhe të këndshme. Për shembull, kur blini në internet ose shikoni video, JavaScript luan një rol të rëndësishëm prapa skenave.
Ndihmon në ngarkimin e shpejtë të pjesëve të faqes, kontrollin për gabime dhe madje shfaqjen e informacionit të ri pa e ringarkuar faqen. Faqet e internetit si YouTube, Facebook dhe shumë të tjera përdorin JavaScript për të krijuar një përvojë të qetë për ju.
Mësimi i JavaScript është i ngjashëm me të luajturit me blloqe shumëngjyrëshe LEGO. Çdo bllok është një copë e vogël kodi. Kur kombinoni shumë blloqe, mund të ndërtoni diçka të mrekullueshme. Në fillim, mund të përdorni vetëm disa blloqe për të ndërtuar një shtëpi të thjeshtë. Më vonë, mësoni të përdorni më shumë blloqe dhe të ndërtoni një kështjellë të madhe ose edhe një anije kozmike!
Mënyra më e mirë për të kuptuar JavaScript është duke ndërtuar copa të vogla dhe pastaj duke i bashkuar ato për të krijuar një faqe interneti të plotë. Çdo ide e re që mësoni është një tjetër bllok LEGO për projektet tuaja të faqes së internetit.
Shumë ndihmës e bëjnë JavaScript-in edhe më të fuqishëm. Këta ndihmës quhen biblioteka dhe korniza. Ato janë si grupe shtesë të blloqeve LEGO që vijnë në forma të veçanta. Disa ndihmës të njohur të JavaScript-it janë:
Këto mjete i ndihmojnë shumë zhvillues të krijojnë faqe interneti të mrekullueshme në vend që të shkruajnë të gjithë kodin vetë. Ato tregojnë se edhe një gjuhë e krijuar për argëtim mund të jetë gjithashtu një mjet i fuqishëm në botën reale.
Një shfletues interneti është programi që përdorni për të vizituar faqet e internetit. Shfletuesit më të njohur janë Chrome, Firefox, Safari dhe Edge. JavaScript funksionon brenda këtyre shfletuesve. Kur shkruani kod JavaScript në faqen tuaj të internetit, shfletuesi e lexon atë dhe e bën faqen tuaj interaktive.
Imagjinoni shfletuesin si skenë dhe JavaScript si aktorin. Aktori ndjek skenarin (kodin tuaj) dhe vë në skenë një shfaqje. Pa JavaScript, skena do të ishte bosh dhe shfaqja nuk do të ishte aspak aq tërheqëse.
Kur hapni një faqe interneti, shfletuesi bën si në vijim:
Ky proces tregon se si JavaScript plotëson pamjen dhe ndjesinë e një faqeje interneti.
JavaScript përdoret në shumë mënyra argëtuese dhe të dobishme në jetën tonë të përditshme. Ja disa shembuj:
Duke parë këto shembuj, tregohet se JavaScript nuk ka të bëjë vetëm me kodin në një ekran. Është një urë që lidh teknologjinë me aktivitetet tona të përditshme.
Edhe pse je i ri, mund të fillosh të mësosh JavaScript duke menduar për projekte të thjeshta. Mund të fillosh me një faqe interneti që ndryshon ngjyrën e sfondit kur shtyp një buton. Ose mund të krijosh një histori të vogël që ndryshon kur klikon në pjesë të ndryshme të saj.
Çdo projekt, sado i vogël të jetë, ju mëson më shumë rreth mënyrës se si funksionon një faqe interneti. Çdo hap ju ndërton vetëbesimin, njësoj si të mësosh alfabetin përpara se të shkruash fjalë të plota.
JavaScript është një mjet që ju lejon të jeni krijues. Nuk përdoret vetëm për të mësuar ose për të krijuar faqe interneti serioze; është gjithashtu një mënyrë për të shprehur kreativitetin tuaj. Mund të krijoni lojëra, histori interaktive dhe madje edhe animacione me JavaScript.
Kur punoni me JavaScript, mund ta mendoni veten si një artist që pikturon me kod. Çdo funksion dhe çdo ndryshore ju ndihmon të krijoni një pamje të bukur në internet.
Mos harroni, kreativiteti në JavaScript është si të vizatoni me një komplet lapsash të ndritshëm në një letër të madhe të bardhë. Nuk ka kufizime dhe imagjinata juaj është udhërrëfyesi juaj.
JavaScript është një gjuhë kompjuterike që përdoret në zhvillimin e uebit. Ndihmon që faqet e internetit të jenë interaktive dhe të gjalla. Me JavaScript, mund të shtoni veprime argëtuese në faqet e internetit, të tilla si ndryshimi i tekstit, reagimi ndaj klikimeve dhe madje edhe kryerja e llogaritjeve të thjeshta.
Blloqet themelore të ndërtimit të JavaScript përfshijnë:
JavaScript dëgjon gjithashtu ngjarje si klikimet dhe shtypjet e tasteve. Ai punon me Modelin e Objektit të Dokumentit (DOM) për të ndryshuar atë që shihni në një faqe interneti pa pasur nevojë ta ringarkoni atë. Kjo i bën faqet e internetit dinamike dhe argëtuese.
Shumë faqe interneti dhe lojëra online të njohura përdorin JavaScript. Është kudo! Nga faqet e thjeshta të internetit me një buton përshëndetjeje deri te aplikacionet komplekse online, JavaScript është në zemër të gjithçkaje.
Të mësuarit e JavaScript është si të ndërtosh me blloqe LEGO. Filloni me hapa të vegjël, mësoni një nga një dhe së shpejti do të jeni në gjendje të krijoni projekte të shkëlqyera. Çdo ide e re është një mjet tjetër në kutinë tuaj krijuese.
Në këtë mësim, pamë se si funksionon JavaScript me HTML dhe CSS për t'i bërë faqet e internetit të gjalla. Mësuam rreth variablave, funksioneve, kushteve, sytheve, ngjarjeve dhe DOM-it. Gjithashtu pamë shembuj të thjeshtë për të kuptuar se si këto pjesë përshtaten së bashku.
Pikat kryesore për t'u mbajtur mend:
Vazhdo të eksplorosh dhe të mësosh rreth JavaScript. Me çdo kod të ri që shkruan, hap një botë mundësish krijuese në zhvillimin e uebit. Shijo udhëtimin tënd dhe argëtohu duke i bërë faqet e tua të internetit të marrin jetë!