Përshëndetje miq të rinj! Sot do të mësojmë rreth JavaScript. JavaScript është një lloj i veçantë i gjuhës kompjuterike. Na ndihmon t'i bëjmë faqet e internetit interaktive dhe argëtuese. Kur klikoni një buton ose shihni se diçka lëviz në një faqe interneti, kjo është shpesh për shkak të JavaScript.
Imagjinoni që po luani me një robot lodër. Për ta bërë robotin të lëvizë, duhet t'i tregoni se çfarë të bëjë. Në të njëjtën mënyrë, JavaScript i tregon kompjuterit se si duhet të sillet një faqe interneti. Ai jep udhëzime për të bërë faqet e internetit të ndryshojnë kur jeni duke parë.
Zhvillimi i uebit nënkupton ndërtimin e faqeve të internetit. Kur punojmë me HTML, ne krijojmë strukturën e një faqe interneti. CSS e bën faqen e internetit të duket bukur. JavaScript shton magjinë duke i bërë faqet e internetit të përgjigjen kur klikoni butonat ose lëvizni poshtë faqes. Sot, ne do të shqyrtojmë se si funksionon JavaScript në një mënyrë shumë të thjeshtë.
Ky mësim është shkruar në një gjuhë të thjeshtë. Do të përdorim fjalë të thjeshta dhe shembuj nga jeta e përditshme. Edhe nëse jeni i ri në kompjuter, mund ta kuptoni këtë mësim. Le të fillojmë aventurën tonë të të mësuarit me JavaScript!
JavaScript është një gjuhë që kompjuterët e kuptojnë. Është një grup udhëzimesh të shkruara në një mënyrë që kompjuteri mund të ndjekë. Kur vizitoni një faqe interneti, kompjuteri përdor JavaScript për të bërë ndryshime të pjesëve të faqes. Për shembull, një foto mund të shfaqet ose një mesazh mund të shfaqet kur klikoni miun.
Ju mund të mendoni për JavaScript si një ndihmës miqësor. Ashtu si mund t'i kërkoni një shoku t'ju japë një lodër, JavaScript ndihmon kompjuterin tuaj të kalojë mesazhe dhe të shfaqë ndryshimet në një ekran. I jep jetë faqeve të internetit.
Shumë faqe interneti të njohura përdorin JavaScript. Faqet e internetit si lojërat në internet, tregimet ndërvepruese dhe madje edhe animacionet e thjeshta funksionojnë të gjitha me JavaScript. Është si një ilaç magjik që e bën faqen e internetit emocionuese.
Mësoni se si JavaScript funksionon ngadalë. Hap pas hapi, do të shihni se si çdo udhëzim mund të ndryshojë një faqe interneti. Ne do të shohim shembuj të thjeshtë për t'ju ndihmuar të kuptoni se si funksionon.
JavaScript është shumë i rëndësishëm sepse krijon ndërveprim. Imagjinoni sikur çdo libër që lexoni mund të lexohej vetëm pa asnjë opsion. Një faqe interneti pa JavaScript është e tillë - një faqe statike që nuk ndryshon kurrë.
Me JavaScript, ju shihni foto në lëvizje, ndryshim teksti dhe butona që bëjnë gjëra kur i klikoni ato. I bën faqet e internetit të gjalla dhe argëtuese. Edhe një faqe interneti e thjeshtë, si një galeri fotografish, mund të bëhet emocionuese kur përdor JavaScript.
Sa herë që shihni një mesazh pop-up ose një lojë të vogël në një faqe interneti, po shikoni punën e JavaScript. Është arsyeja që ndonjëherë shihni mesazhe si "Mirëserdhe!" ose "Faleminderit që klikoni!"
Duke përdorur JavaScript, zhvilluesit e uebit mund të krijojnë faqe interneti të bukura dhe të dobishme, duke u siguruar që vizitorët të shijojnë kohën e tyre në internet.
Kur ndërtojmë një faqe interneti, fillojmë me HTML. HTML është si skeleti i një faqe interneti. Ai tregon se ku shkojnë fotografitë, teksti dhe butonat. Pastaj ne përdorim CSS për të shtuar ngjyrat dhe stilet. CSS është si rrobat që e bëjnë skeletin të duket tërheqës.
JavaScript shtohet në krye të HTML dhe CSS për ta bërë faqen e internetit interaktive. Është si truri që i tregon faqes së internetit se çfarë të bëjë kur dikush ndërvepron me të.
Për shembull, kur klikoni në një buton në një faqe interneti, HTML tregon butonin, CSS e bën atë të duket bukur dhe JavaScript i thotë faqes së internetit të shfaqë një mesazh të fshehur. Ky kombinim i bën faqet e internetit të zgjuara dhe miqësore.
Le të shohim një shembull. Supozoni se kemi një faqe interneti me një buton që thotë "Kliko mua!". Kur klikoni butonin, JavaScript bën që të shfaqet një mesazh që thotë "Përshëndetje, mik!" Kjo është një gjë e vogël por e mrekullueshme që quhet interaktivitet.
Përpara se të futemi në shembuj argëtues, duhet të mësojmë disa fjalë bazë në JavaScript. Këto janë si blloqe ndërtimi që na ndihmojnë të shkruajmë udhëzime. Disa nga blloqet më të rëndësishme janë variablat, funksionet dhe ngjarjet.
Variablat: Një ndryshore është si një kuti e vogël. Në këtë kuti, mund të ruani diçka të veçantë. Mund të jetë një fjalë, një numër apo edhe një fotografi. Kur duam ta përdorim atë vlerë më vonë, ne thjesht e nxjerrim atë nga kutia.
Për shembull, mund të keni një kuti të quajtur 'emër' që ruan fjalën "Alice". Mendoni si të shkruani në një shënim ngjitës dhe ta vendosni në një kuti, kështu që sa herë që keni nevojë të dini emrin, thjesht lexoni shënimin.
Funksionet: Një funksion është një grup udhëzimesh që punojnë së bashku. Është si një recetë që i tregon kompjuterit se si të bëjë një tortë. Sa herë që dëshironi të bëni tortën, ndiqni recetën (ose funksionin) për të marrë të njëjtin rezultat.
Kur shkruajmë JavaScript, ne mund të krijojmë funksione për të kryer detyra të thjeshta. Për shembull, një funksion mund të bëjë që të shfaqet një mesazh mirëseardhjeje kur filloni një lojë ose vizitoni një faqe interneti.
Ngjarjet: Një ngjarje është diçka që ndodh në një faqe interneti. Kur klikoni një buton, lëvizni miun ose shtypni një tast, këto veprime janë ngjarje. JavaScript dëgjon për këto ngjarje dhe më pas bën diçka të ndodhë. Është si një zile që bie kur dikush vjen te dera.
Le të shohim disa shembuj shumë të thjeshtë të kodit JavaScript. Këta shembuj tregojnë se si ne i japim udhëzimet kompjuterit.
Shembulli 1: Shfaqja e një mesazhi
Këtu është një kod i vogël që tregon një mesazh:
<code>var message = "Përshëndetje, botë!"; alarm(mesazh);</code>
Në këtë kod, fjala var i thotë kompjuterit të krijojë një kuti me emrin mesazh dhe të ruajë fjalët "Përshëndetje, botë!" brenda asaj kutie. Komanda alert() e tregon atë mesazh në një dritare të vogël në ekranin tuaj.
Shembulli 2: Përdorimi i një funksioni
Këtu është një funksion i thjeshtë që tregon një përshëndetje:
<kodi>
funksioni përshëndes () {
alarm ("Përshëndetje, mik!");
}
</code>Ky funksion quhet përshëndetje . Kur përdoret funksioni, ai i thotë kompjuterit të shfaqë një dritare me përshëndetjen "Përshëndetje, mik!".
Shembulli 3: Duke iu përgjigjur një klikimi
Ju mund të bëni një faqe interneti të bëjë diçka kur klikoni një buton. Shikoni këtë kod:
<kodi> <button onclick="greet()">Kliko Mua!</button> </code>
Këtu, kur shtypni butonin që thotë "Click Me!", funksioni i përshëndetjes aktivizohet dhe ju shihni mesazhin e përshëndetjes. Kjo tregon se si JavaScript dëgjon atë që bëni dhe bën që faqja të ndryshojë në përputhje me rrethanat.
Le të mësojmë më shumë rreth variablave. Një variabël është një emër i dhënë një kutie që mban një vlerë, si një numër ose një fjalë. Mendoni për një variabël si kutinë tuaj të preferuar të lodrave ku mbani lodrat tuaja të preferuara. Mund të shikoni brenda kutisë në çdo kohë për të parë se çfarë ka atje.
Për shembull, mund të krijoni një variabël të quajtur mosha për të ruajtur moshën tuaj ose një variabël të quajtur ngjyra për të ruajtur ngjyrën tuaj të preferuar. Kur përdorni JavaScript, mund t'i ndryshoni këto vlera sa herë të keni nevojë, ashtu si të vendosni një lodër të re në kutinë tuaj.
Në këtë mënyrë, variablat ju ndihmojnë të ruani informacionin dhe ta përdorni më vonë. Kjo e bën kodin tuaj të organizuar dhe të lehtë për t'u lexuar. Ndërsa mësoni më shumë, do të shihni se variablat janë shumë të rëndësishëm në shkrimin e një programi.
Funksionet janë blloqe të veçanta kodi që mund të kryejnë një detyrë. Imagjinoni që keni një magji magjike në një libër me tregime. Sa herë që thoni fjalët magjike, ndodh diçka e mahnitshme. Në JavaScript, një funksion është si ajo magji magjike.
Ju shkruani një listë udhëzimesh brenda një funksioni dhe më pas mund ta përdorni atë funksion për të kryer detyrën sa herë të keni nevojë. Kjo ju ndihmon të shmangni shkrimin e të njëjtave udhëzime vazhdimisht.
Për shembull, nëse doni të thoni "Përshëndetje!" në shumë faqe të ndryshme, mund të shkruani një funksion dhe ta thërrisni çdo herë. Kjo e mban kodin tuaj të shkurtër dhe të rregullt. Funksionet e bëjnë punën tuaj më të lehtë dhe programet tuaja më të organizuara.
Ngjarjet janë veprime që ndodhin në një faqe interneti. Ato mund të jenë një klikim, një lëvizje e mausit, apo edhe kur faqja e internetit ngarkohet. JavaScript dëgjon këto ngjarje dhe reagon ndaj tyre.
Mendoni kur shtypni zilen në shtëpi. Bie zilja e derës dhe dikush vjen të të shohë. Në një faqe ueb, kur klikoni mbi një buton, JavaScript dëgjon atë klikim dhe më pas bën që diçka të ndodhë—ashtu si zilja e derës.
Për shembull, mund të keni një buton që ndryshon ngjyrën e një faqeje. Kur klikoni butonin, aktivizohet një ngjarje dhe JavaScript ndryshon ngjyrën. Kjo tregon se sa ngjarje të thjeshta mund ta bëjnë një faqe interneti të gjallë dhe argëtuese.
Ngjarjet janë një veçori kryesore që i bën faqet e internetit ndërvepruese. Ato ndihmojnë kompjuterin t'i përgjigjet asaj që bëni në kohë reale.
Le t'i bashkojmë idetë me një shembull të thjeshtë. Imagjinoni një faqe interneti që ju mirëpret kur klikoni një buton. Këtu është një version i thjeshtë i kodit që mund të shihni:
<kodi>
<!DOCTYPE html>
<html>
<koka>
<title>Faqja e mirëseardhjes</title>
<skript>
funksioni sayHello() {
alarm ("Mirë se vini në faqen tonë të internetit!");
}
</script>
</head>
<trupi>
<h1>Përshëndetje!</h1>
<p>Kliko butonin më poshtë për të parë një mesazh mirëseardhjeje.</p>
<button onclick="sayHello()">Kliko mua!</button>
</body>
</html>
</code>Ky kod krijon një faqe interneti të thjeshtë. HTML e ndërton faqen, CSS (nëse shtohet) do ta bënte atë të duket tërheqëse dhe JavaScript e bën butonin të funksionojë. Kur klikoni butonin, funksioni sayHello aktivizohet dhe shfaqet një mesazh.
Ky është një demonstrim bazë se si JavaScript mund të sjellë emocione në një faqe interneti përndryshe statike. Ai ju tregon se si copa të vogla kodi mund të ndryshojnë atë që ndodh në ekranin tuaj.
JavaScript përdoret në shumë faqe interneti që vizitoni çdo ditë. Për shembull, kur përdorni një faqe interneti për blerje në internet, JavaScript ndihmon në përditësimin e karrocës së blerjeve pa e ringarkuar faqen. Kur lëvizni nëpër një burim të mediave sociale, JavaScript siguron që postimet e reja të shfaqen pa probleme.
Edhe mjetet e thjeshta si kalkulatorët në faqet e internetit funksionojnë me JavaScript. Imagjinoni një makinë llogaritëse që mund të mbledhë, zbresë, shumëzojë ose pjesëtojë numra. JavaScript shkruan udhëzimet që kalkulatori të funksionojë, ashtu siç mund të përdorni gishtat për të numëruar dhe shtuar numra.
Në botën e lojërave, JavaScript ndihmon në krijimin e përvojave argëtuese. Animacione shumëngjyrëshe, personazhe lëvizës dhe enigma ndërvepruese janë të gjitha të mundshme për shkak të JavaScript. Kjo e bën botën tonë dixhitale një vend më tërheqës.
Sa herë që ndërveproni me një faqe interneti dinamike - pavarësisht nëse jeni duke kontrolluar motin, duke parë një video ose duke luajtur një lojë - JavaScript po punon në prapaskenë për ta bërë atë përvojë të qetë dhe të përgjegjshme.
Ndërsa rriteni dhe mësoni më shumë rreth JavaScript, mund të filloni të krijoni projektet tuaja të vogla. Mund të ndërtoni një aplikacion të thjeshtë vizatimi ku përdorni miun për të vizatuar, ose të krijoni një lojë të vogël ku personazhet lëvizin në ekran. Mundësitë janë të pafundme!
Projektet mund të jenë aq të thjeshta ose aq të komplikuara sa të doni. Edhe fillimi me një buton të thjeshtë që ndryshon ngjyrat mund të jetë një projekt argëtues. Me çdo projekt të vogël, ju mësoni pak më shumë se si JavaScript i bën gjërat të funksionojnë.
Në këto projekte, ju do të përdorni idetë bazë që kemi mësuar sot: variablat për të ruajtur informacionin, funksionet për të kryer detyrat dhe ngjarjet për të trajtuar ndërveprimet. Çdo projekt ju ndihmon të bëheni një zgjidhës më i mirë i problemeve dhe një mendimtar më kreativ.
Gëzimi i krijimit të diçkaje nga e para është shumë emocionues. Me JavaScript, ju keni fuqinë për t'i kthyer idetë në përvoja reale dixhitale. Është si të vizatoni një fotografi dhe më pas t'i vini në jetë personazhet!
Mësimi i një gjuhe të re mund të jetë argëtues dhe interesant. Këtu janë disa këshilla të thjeshta që mund t'ju ndihmojnë në udhëtimin tuaj me JavaScript:
Mos harroni, çdo ekspert ishte dikur fillestar. Shijoni procesin e zbulimit se si funksionon JavaScript dhe së shpejti do të jeni në gjendje të krijoni faqet tuaja të internetit të mrekullueshme.
Ndërsa bëhesh më rehat me JavaScript, mund të dëgjosh për ide më të avancuara. Por mos u shqetësoni! Tani për tani, përqendrohuni në bazat. Kur të jeni gati, mund të mësoni rreth sytheve, kushteve dhe vargjeve.
Për shembull, një lak është si një xhiro që rrotullohet dhe përsërit të njëjtën detyrë shumë herë. Kushtet e ndihmojnë kompjuterin të marrë vendime—si zgjedhja midis dy veprimeve të ndryshme bazuar në atë që ndodh në faqen e internetit.
Këto ide janë si shije shtesë që e bëjnë kodimin tuaj edhe më emocionues. Kur të jeni më të vjetër dhe më të njohur me JavaScript, mund t'i provoni ngadalë këto ide të avancuara. Sot mjafton të mësosh pjesët e thjeshta.
Çdo pjesë e vogël e të mësuarit ndërton një themel të fortë për të ardhmen. Jini krenarë për çdo hap që hidhni në mësimin e JavaScript!
Në këtë mësim, ne zbuluam:
Mbani në mend se mësimi i JavaScript është një udhëtim. Çdo pjesë e praktikës ju bën më të zgjuar dhe më krijues. Shijoni të mësuarit dhe argëtohuni duke eksploruar magjinë e zhvillimit të uebit!