Reja: Kirish Tanlangan obyekt haqida ma’lumot Tanlangan obyektning dasturiy moduli Xulosa Foydalanilgan adabiyotlar kirish
Download 45.88 Kb.
|
dasturiy injeneringga kirish-3
- Bu sahifa navigatsiya:
- TANLANGAN OBYEKTNING DASTURIY MODULI
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 if(revealPoint < windowHeight - revealPoint) { })
|
ma'muriyatiga murojaat qiling