Reja: Kirish Tanlangan obyekt haqida ma’lumot Tanlangan obyektning dasturiy moduli Xulosa Foydalanilgan adabiyotlar kirish

TANLANGAN OBYEKT HAQIDA MA’LUMOT

Biografik sayt, hayotiy qissasi bo'yicha ma'lumotlarni va shaxsiy hayot tarixini yig'ishga bag'ishlangan veb-saytdir. Bu sayt bir inson yoki jamoa hayot tarixini yuritadi va uni o'zining yashirin yoki kam tarixiy tadbirlari bilan birga yig'adi.

Biografik saytlar, istorik shaxslar, yozuvchilar, ilm-fan va san'at shaxslari, va boshqa mashhur shaxslar haqida yozilishi mumkin. Saytlar, yashagan jahon yuzi bo'yicha yuqori darajada qiziqish uyandirishining ommalashtirilishi bilan birga, shaxsning ilm va san'at bo'yicha yoki jamiyatning boshqa sohalari bo'yicha ro'yxatdan o'tgan maqolalar, rasmlar, video va audio materiallarini taqdim etishi mumkin.

Biografik saytlar asosan, yashirin ma'lumotlarni topish uchun ilg'or usullarni qo'llaydilar, masalan, sayt to'g'risida qo'llanilgan manbalarning ro'yxati, aytishlarga ko'ra matnlar, arxivlik dokumentlar, sharhlar, to'liq xayoti va boshqa ma'lumotlarni taqdim etish orqali.

Ayniqsa, biografik saytlar shaxsning faoliyatiga va xayotiga doir yaxshi tushuncha qoldirish uchun uning rasmlari va fotolari bilan ta'minlashadi. Buning yaninda, ko'pgina biografik saytlar, qo'shimcha ma'lumotlar uchun bir qancha manbalar havolalari taqdim qilishadi.

TANLANGAN OBYEKTNING DASTURIY MODULI

Dasturiy modulni ishlab chiqishda quyidagi tartibga rioya qilish maqsadga muvofiqdir:

-modul spetsifikatsiyasi (tasnifini) o‘rganish va tekshirish, dasturlash tilini tanlash;
-algoritm va ma’lumotlar tuzilmasini tanlash;
-modulni dasturlash (kodlash);
-modul matnini qiyomiga etkazish;
-modulni tekshirish;
-modulni yig‘ish (kompilyatsiya qilish).
Dasturiy modulni ishlab chiqishdagi birinchi qadam asosan dastur tuzilmasining pastdan yondosh nazoratidan iborat: modul spetsifikatsiyasi (tasnifi)ni o‘rganar ekan, ishlab chiquvchi bu tasnifning unga tushunarli ekaniga va ushbu modulni ishlab chiqish uchun etarli ekaniga ishonch hosil qilishi kerak.
Dastur kodi(java script) :

// header elementiga .sticky klassini qo'shadi yoki olib tashlaydi, ekranning yuqorisidan pastga scroll qilish bilan bog'liq.

window.addEventListener('DOMContentLoaded',function() {

window.addEventListener('scroll', function(){
const header = document.querySelector('header');
header.classList.toggle('sticky', window.scrollY > 0)
})
// menuBtn elementining click hodisasiga eslik qiladi va .active klassini qo'shadi yoki olib tashlaydi, shunday qilib mobil navigatsiyani ko'rsatish yoki yashirish.
navigationItems orqali navigatsiyadagi har bir linkni qidiradi va ushbu link bosilganda .active klassini olib tashlayadi, shunday qilib mobil navigatsiyani yashirish.

const menuBtn = document.querySelector('.menu-btn')

const navigation = document.querySelector('.navigation')
const navigationItems = document.querySelectorAll('.navigation a')

menuBtn.addEventListener('click', () => {

menuBtn.classList.toggle('active')
navigation.classList.toggle('active')
})

navigationItems.forEach(navItem => {

navItem.addEventListener('click', () => {
menuBtn.classList.remove('active')
navigation.classList.remove('active')
})
})

// scrollBtn elementini ekranning yuqorisidan pastga scroll qilish bilan bog'liq sozlaydi va .active klassini qo'shadi yoki olib tashlaydi, bu tugmani faqatgina ekranning yuqorisidan pastga qaytish bilan chiqarish uchun foydalaniladi.

window elementiga scroll hodisasiga eslik qiladi va reveals nomli HTML elementlarining ro'yxatini topadi.

const scrollBtn = document.querySelector('.scrollToTop-btn')

window.addEventListener('scroll', () => {
scrollBtn.classList.toggle('active', window.scrollY > 500 )
})
scrollBtn.addEventListener('click', () => {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
})
// Har bir reveal elementining ekran yuqorisidan qancha masofada turishi kerakligini aniqlab, shu masofani revealPoint o'zgaruvchisida aniqlab, undan ko'ra ekran hajmini va revealTop o'zgaruvchisini olish uchun getBoundingClientRect() metodidan foydalanadi. Agar revealPoint ekranning balandligidan va ekran yuqorisidan katta bo'lsa, reveals[i] elementiga .active klassini qo'shadi. Shunda reveal elementi animatsiyali ravishda namoyish etiladi.

window.addEventListener('scroll', () => {

let reveals = document.querySelectorAll('.reveal')

for( let i = 0; i
let windowHeight = window.innerHeight;
let revealTop =reveals[i].getBoundingClientRect().top;
let revealPoint = 50;

if(revealPoint < windowHeight - revealPoint) {

reveals[i].classList.add('active')
}
}

})

})


XULOSA
Modul matnining statik tekshiruvida ushbu matn moduldagi xatolarni topish maqsadida boshdan oyoq ko‘rib chiqiladi. Odatda bunday tekshiruvga modul ishlab chiquvchisidan tashqari yana bitta yoki xatto bir nechta dasturchilar jalb qilinadi. Bunday tekshiruv paytida aniqlangan xatolarni shu topda emas, balki modul matnini o‘qish tugaganidan so‘ng to‘g‘rilash tavsiya qilinadi.
Mufassal kuzatuv modulni dinamik nazorat qilish turlaridan biridir. Bunda ham bir nechta dasturchi ishtirok etib, ular modulning bajarilishini biron-bir matnlar to‘plamida sinab ko‘radi.
Dasturiy modul xususiyatlarining isbotiga alohida ma’ruza bag‘ishlanadi. Bu o‘rinda esa ushbu usul hozircha juda kam qo‘llanishini qayd etish bilan cheklanamiz.