Сайн байна уу залуу найзуудаа! Өнөөдөр бид JavaScript-ийн талаар суралцах болно. JavaScript бол тусгай төрлийн компьютерийн хэл юм. Энэ нь вэб хуудсыг интерактив, хөгжилтэй болгоход бидэнд тусалдаг. Хэрэв та товчлуур дээр дарах эсвэл вэбсайт дээр ямар нэг зүйл хөдөлж байгааг харах үед энэ нь ихэвчлэн JavaScript-тэй холбоотой байдаг.
Та тоглоомон роботтой тоглож байна гэж төсөөлөөд үз дээ. Роботыг хөдөлгөхийн тулд юу хийхийг нь хэлэх хэрэгтэй. Үүнтэй адил JavaScript нь вэб хуудас хэрхэн ажиллах ёстойг компьютерт хэлж өгдөг. Энэ нь таныг үзэж байх үед вэбсайтыг өөрчлөх зааварчилгааг өгдөг.
Вэб хөгжүүлэлт гэдэг нь вэбсайт бүтээх гэсэн үг юм. Бид HTML-тэй ажиллахдаа вэбсайтын бүтцийг бий болгодог. CSS нь вэбсайтыг үзэсгэлэнтэй харагдуулдаг. JavaScript нь таныг товчлуур дээр дарах эсвэл хуудсыг доош гүйлгэх үед вэбсайтуудад хариу үйлдэл үзүүлэх замаар ид шид нэмдэг. Өнөөдөр бид JavaScript хэрхэн ажилладагийг маш энгийн байдлаар судлах болно.
Энэ хичээлийг хялбар хэлээр бичсэн болно. Бид энгийн үг хэллэг, өдөр тутмын амьдралын жишээг ашиглах болно. Та компьютерт шинээр орсон ч гэсэн энэ хичээлийг ойлгож чадна. JavaScript ашиглан сурах адал явдлаа эхлүүлцгээе!
JavaScript бол компьютеруудын ойлгодог хэл юм. Энэ нь компьютер дагаж мөрдөх байдлаар бичигдсэн заавруудын багц юм. Таныг вэб сайтад зочлох үед компьютер хуудасны зарим хэсгийг өөрчлөхийн тулд JavaScript ашигладаг. Жишээлбэл, хулганыг дарахад зураг гарч ирэх эсвэл мессеж гарч ирэх боломжтой.
Та JavaScript-ийг найрсаг туслагч гэж бодож болно. Та найзаасаа тоглоом авч өгөхийг хүсэхтэй адил JavaScript нь таны компьютерт мессеж дамжуулж, өөрчлөлтийг дэлгэцэн дээр харуулахад тусалдаг. Энэ нь вэбсайтуудад амьдралыг өгдөг.
Олон алдартай вэбсайтууд JavaScript ашигладаг. Онлайн тоглоом, интерактив түүх, энгийн хөдөлгөөнт дүрс зэрэг вэбсайтууд бүгд JavaScript-тэй ажилладаг. Энэ нь вэбсайтыг сэтгэл хөдөлгөм болгодог шидэт эмтэй адил юм.
JavaScript хэрхэн удаан ажилладгийг мэдэж аваарай. Алхам алхмаар заавар бүр вэбсайтыг хэрхэн өөрчилж болохыг харах болно. Энэ нь хэрхэн ажилладагийг ойлгоход тань туслах энгийн жишээг үзэх болно.
JavaScript нь харилцан үйлчлэлийг бий болгодог тул маш чухал юм. Таны уншсан ном бүрийг ямар ч сонголтгүйгээр унших боломжтой гэж төсөөлөөд үз дээ. JavaScript-гүй вэбсайт нь ийм л байдаг - хэзээ ч өөрчлөгддөггүй статик хуудас.
JavaScript-ийн тусламжтайгаар та хөдөлж буй зураг, текстийг өөрчлөх, товчлуурыг дарахад ямар нэгэн үйлдэл хийдэг товчлууруудыг хардаг. Энэ нь вэбсайтуудыг амьд, хөгжилтэй болгодог. Зургийн цомог гэх мэт энгийн вэбсайт хүртэл JavaScript-г ашиглахад сэтгэл хөдөлгөм болно.
Вэбсайт дээр гарч ирэх мессеж эсвэл жижиг тоглоомыг харах бүрт та JavaScript-ийн ажлыг хардаг. Энэ нь та заримдаа "Тавтай морил!" гэх мэт мессежүүдийг хардаг шалтгаан юм. эсвэл "Дарсанд баярлалаа!"
JavaScript ашигласнаар вэб хөгжүүлэгчид үзэсгэлэнтэй, хэрэгцээтэй вэбсайтуудыг хийж, зочдод онлайн цагийг зугаатай өнгөрүүлэх боломжийг олгодог.
Бид вэбсайт бүтээхдээ HTML хэлээр эхэлдэг. HTML нь вэб хуудасны араг ястай адил юм. Энэ нь зураг, текст, товчлуурууд хаашаа явж байгааг харуулдаг. Дараа нь бид өнгө, хэв маягийг нэмэхийн тулд CSS ашигладаг. CSS нь араг ясыг дур булаам харагдуулдаг хувцастай адил юм.
Вэбсайтыг интерактив болгохын тулд HTML болон CSS дээр JavaScript нэмсэн. Энэ нь вэбсайттай хэн нэгэн харьцах үед юу хийхийг зааж өгдөг тархитай адил юм.
Жишээлбэл, таныг вэб хуудасны товчлуур дээр дарахад HTML нь товчлуурыг харуулдаг, CSS нь үүнийг сайхан харагдуулдаг, JavaScript нь вэб хуудсанд далд зурвас харуулахыг хэлдэг. Энэхүү хослол нь вэбсайтуудыг ухаалаг, найрсаг болгодог.
Нэг жишээ авч үзье. Бидэнд "Намайг дар!" гэсэн товчлууртай вэб хуудас байна гэж бодъё. Таныг товчлуур дээр дарахад JavaScript "Сайн уу, найз минь!" гэсэн мессеж гарч ирнэ. Энэ бол интерактив гэж нэрлэгддэг жижиг боловч гайхалтай зүйл юм.
Хөгжилтэй жишээнүүд рүү орохын өмнө бид JavaScript-ийн зарим үндсэн үгсийг сурах хэрэгтэй. Эдгээр нь заавар бичихэд тусалдаг барилгын блоктой адил юм. Хамгийн чухал блокуудын зарим нь хувьсагч, функц, үйл явдлууд юм.
Хувьсагч: Хувьсагч нь жижиг хайрцагтай адил юм. Энэ хайрцагт та онцгой зүйлийг хадгалах боломжтой. Энэ нь үг, тоо эсвэл бүр зураг байж болно. Энэ утгыг дараа нь ашиглахыг хүсвэл бид зүгээр л хайрцагнаас нь гаргаж авдаг.
Жишээлбэл, танд "Алис" гэсэн үгийг хадгалдаг "нэр" нэртэй хайрцаг байж болно. Үүнийг наалдамхай цаасан дээр бичээд хайрцагт хийнэ гэж бодоорой, тиймээс нэрийг нь мэдэх шаардлагатай бол зүгээр л тэмдэглэлийг уншаарай.
Функц: Функц нь хамт ажилладаг зааварчилгааны бүлэг юм. Энэ нь компьютерт бялуу хэрхэн хийхийг зааж өгдөг жор шиг юм. Бялуу хийхийг хүсэх бүртээ ижил үр дүнд хүрэхийн тулд жорыг (эсвэл функцийг) дагадаг.
Бид JavaScript бичихдээ энгийн ажлуудыг гүйцэтгэх функцүүдийг үүсгэж болно. Жишээлбэл, таныг тоглоом эхлүүлэх эсвэл вэб хуудсанд зочлох үед уг функц нь мэндчилгээний мессежийг харуулах боломжтой.
Үйл явдал: Үйл явдал гэдэг нь вэб хуудсанд тохиолддог зүйл юм. Та товчлуур дээр дарах, хулганаа хөдөлгөх эсвэл товчлуурыг дарах үед эдгээр үйлдэл нь үйл явдал юм. JavaScript нь эдгээр үйл явдлыг сонсож, дараа нь ямар нэг зүйл болдог. Энэ нь хэн нэгэн үүдэнд ирэхэд хаалганы хонх дуугарахтай адил юм.
JavaScript кодын маш энгийн жишээг харцгаая. Эдгээр жишээнүүд нь компьютерт хэрхэн зааварчилгаа өгдөг болохыг харуулж байна.
Жишээ 1: Зурвас харуулах
Энд мессежийг харуулсан жижиг код байна:
<code>var message = "Сайн уу, дэлхий!"; дохиолол (мессеж);</ code>
Энэ кодонд var гэдэг үг нь компьютерт мессеж нэртэй хайрцаг үүсгэж, "Сайн уу, дэлхий!" тэр хайрцаг дотор. Дараа нь alert() тушаал нь таны дэлгэц дээрх жижиг цонхонд тухайн мессежийг харуулдаг.
Жишээ 2: Функц ашиглах
Мэндчилгээг харуулах энгийн функц энд байна:
<код>
мэндлэх функц () {
alert("Сайн уу, найз минь!");
}
</code>Энэ функцийг мэндчилгээ гэж нэрлэдэг. Функцийг ашиглах үед энэ нь компьютерт "Сайн уу, найз минь!" Мэндчилгээ бүхий цонхыг харуулахыг хэлдэг.
Жишээ 3: Дарахад хариу өгөх
Та товчлуур дээр дарснаар вэб хуудсыг ямар нэгэн зүйл хийх боломжтой. Энэ кодыг харна уу:
<код> <button onclick="greet()">Намайг дар!</button> </code>
Энд "Click Me!" гэсэн товчлуурыг дарахад мэндчилгээний функц идэвхжиж, мэндчилгээний мессеж гарч ирнэ. Энэ нь JavaScript таны хийж буй зүйлийг хэрхэн сонсож, хуудсыг хэрхэн өөрчлөхийг харуулж байна.
Хувьсагчийн талаар илүү ихийг олж мэдье. Хувьсагч гэдэг нь тоо, үг гэх мэт утгыг агуулсан хайрцагт өгсөн нэр юм. Хувьсагчийг дуртай тоглоомоо хадгалдаг дуртай тоглоомын хайрцаг гэж бод. Та хайрцаг дотор юу байгааг харахын тулд хүссэн үедээ харж болно.
Жишээлбэл, та насаа хадгалахын тулд age гэж нэрлэгдэх хувьсагч эсвэл дуртай өнгийг хадгалахын тулд өнгө гэх хувьсагч үүсгэж болно. Та JavaScript-г ашиглахдаа хайрцагтаа шинэ тоглоом хийхтэй адил эдгээр утгыг шаардлагатай үедээ өөрчлөх боломжтой.
Ингэснээр хувьсагч нь мэдээллийг хадгалж, дараа нь ашиглахад тусална. Энэ нь таны кодыг эмх цэгцтэй, уншихад хялбар болгодог. Та илүү ихийг мэдэхийн хэрээр програм бичихэд хувьсагч маш чухал болохыг харах болно.
Функц нь даалгаврыг гүйцэтгэх кодын тусгай блокууд юм. Та үлгэрийн номонд ид шидтэй гэж төсөөлөөд үз дээ. Шидэт үгсийг хэлэх болгонд гайхалтай зүйл тохиолддог. JavaScript-д функц нь яг тэр шидэт шившлэгтэй адил юм.
Та функц доторх зааврын жагсаалтыг бичиж, дараа нь шаардлагатай үед энэ функцийг ашиглан даалгаврыг гүйцэтгэх боломжтой. Энэ нь танд ижил зааварчилгааг дахин дахин бичихээс зайлсхийхэд тусална.
Жишээлбэл, хэрэв та "Сайн уу!" олон янзын хуудсан дээр та функц бичиж, тэр болгонд нь дуудаж болно. Энэ нь таны кодыг богино бөгөөд эмх цэгцтэй байлгах болно. Функцууд нь таны ажлыг хөнгөвчлөх, хөтөлбөрүүдийг илүү цэгцтэй болгодог.
Үйл явдал бол вэб хуудсан дээр тохиолддог үйлдлүүд юм. Эдгээр нь товшилт, хулганын хөдөлгөөн, эсвэл вэб хуудсыг ачаалах үед ч байж болно. JavaScript нь эдгээр үйл явдлыг сонсож, хариу үйлдэл үзүүлдэг.
Гэртээ хаалганы хонх дарах тухайгаа бод. Хаалганы хонх дуугарч, хэн нэгэн тантай уулзахаар ирнэ. Вэб хуудсанд, таныг товчлуур дээр дарахад JavaScript тэр товшилтыг сонсож, дараа нь хаалганы хонх шиг ямар нэг зүйлийг хийдэг.
Жишээлбэл, танд хуудасны өнгийг өөрчлөх товчлуур байж болно. Та товчлуур дээр дарахад үйл явдал идэвхжиж, JavaScript өнгө өөрчлөгдөнө. Энэ нь энгийн үйл явдлууд вэбсайтыг хэрхэн амьд, хөгжилтэй болгож болохыг харуулж байна.
Үйл явдал нь вэб хуудсыг интерактив болгодог гол онцлог юм. Эдгээр нь компьютерт таны хийж буй зүйлд бодит цаг хугацаанд хариу үйлдэл үзүүлэхэд тусалдаг.
Энгийн жишээгээр санаануудыг нэгтгэж үзье. Товчлуур дээр дарахад таныг угтан авах вэб хуудсыг төсөөлөөд үз дээ. Таны харж болох кодын энгийн хувилбар энд байна:
<код>
<!DOCTYPE html>
<html>
<толгой>
<title>Тавтай морилно уу хуудас</title>
<скрипт>
функц sayHello() {
alert("Манай вэбсайтад тавтай морил!");
}
</script>
</head>
<бие>
<h1>Сайн уу!</h1>
<p>Доорх товчийг дарж мэндчилгээний мессежийг харна уу.</p>
<button onclick="sayHello()">Намайг дар!</button>
</body>
</html>
</code>Энэ код нь энгийн вэб хуудсыг үүсгэдэг. HTML нь хуудсыг бүтээдэг, CSS (хэрэв нэмсэн бол) түүнийг сэтгэл татам харагдуулах бөгөөд JavaScript нь товчлуурыг ажиллуулдаг. Товчлуур дээр дарахад sayHello функц идэвхжиж, мессеж гарч ирнэ.
Энэ бол JavaScript нь статик вэб хуудсанд хэрхэн сэтгэл хөдлөм авчирдгийг харуулсан үндсэн жишээ юм. Энэ нь жижиг кодууд таны дэлгэцэн дээр юу болж байгааг хэрхэн өөрчилж болохыг харуулж байна.
JavaScript нь таны өдөр бүр зочилдог олон вэбсайтад ашиглагддаг. Жишээлбэл, та онлайн худалдааны вэбсайт ашиглах үед JavaScript хуудсыг дахин ачаалахгүйгээр сагсыг шинэчлэхэд тусалдаг. Таныг олон нийтийн мэдээллийн хэрэгслээр гүйлгэх үед JavaScript шинэ нийтлэлүүд жигд гарч ирэхийг баталгаажуулдаг.
Веб хуудсан дээрх тооцоолуур зэрэг энгийн хэрэгслүүд хүртэл JavaScript-тэй ажилладаг. Тоо нэмэх, хасах, үржүүлэх, хуваах боломжтой тооны машиныг төсөөлөөд үз дээ. JavaScript нь та хуруугаа тоолж, тоо нэмэхийн тулд ашигладаг шиг тооны машин ажиллах зааварчилгааг бичдэг.
Тоглоомын ертөнцөд JavaScript нь хөгжилтэй туршлагыг бий болгоход тусалдаг. JavaScript-ийн ачаар өнгөлөг хөдөлгөөнт дүрс, хөдөлгөөнт дүрүүд, интерактив оньсого хийх боломжтой. Энэ нь манай дижитал ертөнцийг илүү сонирхолтой газар болгодог.
Таныг цаг агаар харах, видео үзэх, тоглоом тоглох зэрэг динамик вэб сайттай харьцах бүрд JavaScript нь энэ туршлагыг жигд, хариу үйлдэл үзүүлэхийн тулд хөшигний ард ажилладаг.
Та хөгширч, JavaScript-ийн талаар илүү ихийг мэдэх тусам өөрийн жижиг төслүүдийг үүсгэж эхлэх боломжтой. Та хулганаа ашиглан зурах энгийн зургийн програм бүтээх эсвэл дэлгэцэн дээр дүрүүд хөдөлдөг жижиг тоглоом үүсгэж болно. Боломжууд хязгааргүй юм!
Төслүүд нь таны хүссэнээр энгийн эсвэл төвөгтэй байж болно. Өнгийг нь өөрчилдөг энгийн товчлуураас эхлээд ч гэсэн хөгжилтэй төсөл байж болно. Жижиг төсөл бүрээр та JavaScript-ийг хэрхэн ажиллуулдаг талаар бага зэрэг илүү ихийг мэдэж авдаг.
Эдгээр төслүүдэд та бидний өнөөдрийн сурсан үндсэн санаануудыг ашиглах болно: мэдээлэл хадгалах хувьсагч, даалгавар гүйцэтгэх функц, харилцан үйлчлэлийг зохицуулах үйл явдлууд. Төсөл бүр таныг асуудлыг илүү сайн шийдэж, илүү бүтээлч сэтгэгч болоход тусална.
Ямар нэг зүйлийг эхнээс нь бүтээхийн баяр баясгалан маш их сэтгэл хөдөлгөм. JavaScript-ийн тусламжтайгаар та санаагаа бодит дижитал туршлага болгон хувиргах чадвартай болно. Энэ нь зураг зурж, дараа нь дүрүүдийг амилуулахтай адил юм!
Шинэ хэл сурах нь хөгжилтэй, сонирхолтой байх болно. JavaScript ашиглан аялахад тань туслах хэдэн энгийн зөвлөгөө энд байна:
Мэргэжилтэн бүр анхлан суралцагч байсныг санаарай. JavaScript хэрхэн ажилладагийг олж мэдэх үйл явцыг сайхан өнгөрүүлээрэй, удахгүй та өөрийн гэсэн гайхалтай вэбсайтуудыг бүтээх боломжтой болно.
Та JavaScript-д илүү таатай байх тусам илүү дэвшилтэт санаануудын талаар сонсож магадгүй юм. Гэхдээ санаа зовох хэрэггүй! Одоохондоо үндсэн зүйлд анхаарлаа хандуулаарай. Та бэлэн болсон үедээ гогцоо, нөхцөл, массивын талаар мэдэж болно.
Жишээлбэл, гогцоо нь нэг ажлыг олон удаа давтаж, тойрон эргэлдэж буй зугаа цэнгэлтэй адил юм. Нөхцөл байдал нь компьютерт шийдвэр гаргахад тусалдаг, тухайлбал вэб хуудсан дээр юу болж байгааг үндэслэн хоёр өөр үйлдлээс сонгох гэх мэт.
Эдгээр санаанууд нь таны кодчиллыг илүү сэтгэл хөдөлгөм болгодог нэмэлт амт юм. Та хөгширч, JavaScript-ийг илүү сайн мэддэг болсон үедээ эдгээр дэвшилтэт санаануудыг аажмаар туршиж үзэх боломжтой. Өнөөдөр энгийн хэсгүүдийг сурахад хангалттай.
Өчүүхэн төдий сурлага нь ирээдүйн бат бөх суурийг бий болгодог. JavaScript сурах алхам бүртээ бахархаж байгаарай!
Энэ хичээлээр бид олж мэдсэн:
JavaScript сурах нь аялал гэдгийг санаарай. Дасгал бүр таныг илүү ухаалаг, бүтээлч болгодог. Суралцаж, вэб хөгжүүлэлтийн ид шидийг судалж хөгжилтэй байгаарай!