Sahifa nomi

JavaScript nima uchun ishlatilishi mumkin?
JavaScript eng ko'p veb-tilga asoslangan til sifatida tanilgan, chunki u veb-brauzerga xosdir. Veb-brauzer tilni tabiiy ravishda tushunishi mumkin, masalan, ingliz tilida so'zlashuvchi ingliz tilini qanday tushunishi mumkin.
JavaScript-dan foydalanishimiz mumkin bo'lgan ba'zi joylar:
Interaktiv Veb-Saytlar Yaratish
JavaScript veb-sahifalarni dinamik qiladi. HTML va CSS faqat giperhavolalardan tashqari interaktiv bo'lmagan statik sahifalarni yaratishga qodir.
Qurilish Dasturlari
JavaScript-ning keng ramkalar to'plami bilan (React, React Native, Angular, Vue va Node kabi).js) ishlab chiquvchilari mobil va veb uchun ilovalarni samarali qurishlari mumkin.
Qiziqarli O'yinlarni Rivojlantirish
JavaScript ko'pincha brauzer ichidagi o'yinlarni yaratish uchun ishlatiladi. Ishlab chiquvchilar JavaScript-dan 2D va 3D jumboqlarni, rolli o'yinlarni, poyga o'yinlarini, platforma o'yinlarini va boshqalarni yaratish uchun foydalanadilar.
Xulosa
Keyingi qadam sifatida HTML, CSS va JavaScript-ni o'zlashtirganingizdan so'ng, agar siz frontendga qiziqsangiz Reactjs yoki backendga qiziqsangiz Nodejs kabi kutubxonaga o'tishingiz mumkin.
Shunday qilib, siz front-end, back-end yoki full-stack ishlab chiqishda ixtisoslashishni rejalashtiryapsizmi, JavaScript har qanday veb-ishlab chiquvchi uchun hal qiluvchi dasturlash tilidir.
Agar siz ilovalarni keng miqyosda qurmoqchi bo'lsangiz, unda siz TypeScript (JavaScript superseti) ni old tomondan ko'rib chiqishingiz mumkin.
Agar sizga ushbu maqola yoqsa, iltimos, bir nechta qarsak chaling (yoki juda ko'p) va Agar siz hali bo'lmagan bo'lsangiz, Medium-da meni kuzatib boring. Men nashr qilganimda elektron pochta xabarini olish uchun obuna bo'lishingiz mumkin.
JavaScript nima?
MDN boshlang'ichining JavaScript kursiga xush kelibsiz! Ushbu maqolada biz JavaScript-ni yuqori darajada ko'rib chiqamiz va "bu nima?"va" siz u bilan nima qila olasiz?"va JavaScript-ning maqsadi bilan qulay ekanligingizga ishonch hosil qiling.
Shartlar:Asosiy kompyuter savodxonligi, HTML va CSS haqida asosiy tushuncha.
Maqsad:JavaScript nima ekanligini, nima qilishi mumkinligini va veb-saytga qanday mos kelishini bilish uchun.
JavaScript — bu veb — sahifalarda murakkab xususiyatlarni amalga oshirishga imkon beradigan skript yoki dasturlash tili-har safar veb-sahifa u erda o'tirishdan va statik ma'lumotlarni namoyish qilishdan ko'proq narsani qiladi-o'z vaqtida tarkibni yangilash, interaktiv xaritalar, animatsion 2D/3D grafikalar, video jukebokslarni aylantirish va hk. - siz JavaScript ehtimol jalb qilingan, deb tikishingiz mumkin. Bu standart veb-texnologiyalarning qatlamli kekining uchinchi qatlami bo'lib, ulardan ikkitasi (HTML va CSS) biz o'quv sohasining boshqa qismlarida batafsilroq ko'rib chiqdik.
Standart veb-texnologiyalarning uchta qatlami; HTML, CSS va JavaScript
HTML-bu veb-tarkibimizni tuzish va unga ma'no berish uchun foydalanadigan belgilash tili, masalan, paragraflar, sarlavhalar va ma'lumotlar jadvallarini aniqlash yoki sahifaga rasm va videolarni joylashtirish.
CSS-bu HTML tarkibimizga uslubni qo'llash uchun foydalanadigan uslub qoidalari tili, masalan, fon ranglari va shriftlarni sozlash va tarkibimizni bir nechta ustunlarga joylashtirish.
JavaScript-bu dinamik ravishda yangilanadigan tarkibni yaratish, multimediyani boshqarish, rasmlarni jonlantirish va boshqa hamma narsani yaratishga imkon beradigan skript tili. (Okay, emas, balki har bir narsa, lekin u siz JavaScript kodi bir necha chiziqlar bilan erishish mumkin, nima ajoyib.)
Uch qatlam bir-birining ustiga chiroyli tarzda quriladi. Misol tariqasida oddiy matn yorlig'ini olaylik. Biz uni tuzilishi va maqsadini berish uchun HTML yordamida belgilashimiz mumkin:
Player 1: Chris
Klipbordga nusxa olish
1-o'yinchining paragrafi: Kris oddiy matn sifatida
Keyin, biz u chiroyli qarab olish aralashmasi ichiga ba'zi CSS qo'shishingiz mumkin:
p {
font-family: "helvetica neue", helvetica, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border: 2px solid rgb(0 0 200 / 0.6);
background: rgb(0 0 200 / 0.6);
color: rgb(255 255 255 / 1);
box-shadow: 1px 1px 2px rgb(0 0 200 / 0.4);
border-radius: 10px;
padding: 3px 10px;
display: inline-block;
cursor: pointer;
}
Klipbordga nusxa olish
1-o'yinchining uslubdagi paragrafi: Kris
Va nihoyat, biz dinamik xatti amalga oshirish uchun, ba'zi JavaScript qo'shishingiz mumkin:
const para = document.querySelector("p");
para.addEventListener("click", updateName);
function updateName() {
const name = prompt("Enter a new name");
para.textContent = `Player 1: ${name}`;
}
Klipbordga nusxa olish
Nima bo'lishini ko'rish uchun matn yorlig'ining ushbu so'nggi versiyasini bosishga harakat qiling (shuningdek, ushbu demoni GitHub — da topishingiz mumkin-manba kodini ko'ring yoki uni jonli ravishda ishlating)!