wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Build tools және SEO туралы сұрақтар

Total questions: 50

Worksheet time: 25mins

Name
Class
Date
1.

Build tools дегеніміз не?

a)

Кодты өңдеп, оңтайландырып, браузерге дайын етуге арналған құралдар

b)

Браузерге қосылатын плагиндер немесе кеңейтімдер

c)

Қолданушы интерфейсін құруға арналған визуалды құралдар

d)

Файлдарды сақтау немесе архивтеу қызметтері

e)

Жүйе әкімшілерінің (admin) басқару құралдары

2.

Қай құрал build процесінде жиі қолданылады?

a)

Webpack

b)

Photoshop

c)

GitHub

d)

Chrome

e)

VS Code

3.

Build процесінде minification не үшін жасалады?

a)

Файл өлшемін кішірейтіп, жүктеу жылдамдығын арттыру үшін

b)

Файлды адамға оқылмайтындай етіп өзгерту

c)

Кодты толықтай өшіру немесе жою үшін

d)

API сұраныстарын азайту мақсатында

e)

CSS файлдарын бөлек бөліп, бөлу үшін

4.

SEO дегеніміз не?

a)

Іздеу жүйелері үшін веб-бетті оңтайландыру процесі

b)

Сайтты қорғау немесе firewall жүйесі

c)

Желілік қауіпсіздікті қамтамасыз ету әдісі

d)

JavaScript кодтау немесе минификация тәсілі

e)

HTML құжаттарын тексеретін валидация құралы

5.

Қай тег іздеу жүйелеріне бет тақырыбын анықтауға көмектеседі?

a)

<title>

b)

<meta>

c)

<header>

d)

<h1>

e)

<nav>

6.

Қай meta тегі беттің сипаттамасын анықтайды?

a)

<meta name=description content=... />

b)

<meta title=... />

c)

<meta content=SEO />

d)

<meta desc=... />

e)

<description>...</description>

7.

alt атрибутының басты мақсаты не?

a)

Сурет жүктелмесе, баламалы мәтінді көрсету және қолжетімділікті арттыру

b)

Суретті автоматты түрде үлкейту үшін

c)

Суретті тек фон ретінде көрсету үшін

d)

SEO-ны өшіру немесе төмендету үшін

e)

Мәтінді экраннан жасыру мақсатында

8.

Accessibility (қолжетімділік) не үшін маңызды?

a)

Барлық қолданушылар, соның ішінде мүмкіндігі шектеулі адамдар сайтты қолдана алу үшін

b)

Бетті жылдамырақ жүктеу мақсатында

c)

Тек SEO рейтингін жоғарылату үшін

d)

Сервер жағындағы кодты жақсарту үшін

e)

CSS стильдерін жеңілдету немесе оңтайландыру үшін

9.

Қай тег экран оқырмандарына бет бөлігін сипаттауға көмектеседі?

a)

<main>

b)

<div>

c)

<span>

d)

<article>

e)

<strong>

10.

aria-label атрибуты не үшін қолданылады?

a)

Экран оқырмандарына элемент туралы қосымша ақпарат беру үшін

b)

Суреттің нақты өлшемін орнату үшін

c)

SEO кілт сөздерін автоматты түрде қосу мақсатында

d)

HTML тегін толықтай жасыру үшін

e)

Форма элементінің типін өзгерту үшін

11.

HTML5 API құрамына қайсысы кіреді?

a)

localStorage және sessionStorage

b)

jQuery және React

c)

Node.js және Express

d)

REST және GraphQL

e)

SASS және Webpack

12.

localStorage не істейді?

a)

Браузерде деректерді тұрақты түрде сақтау

b)

Деректерді серверге жіберу немесе синхрондау үшін

c)

Браузер кэшін тазалау немесе басқару үшін

d)

Файлдарды жүктеу процесінде қолдану үшін

e)

Сеанс уақытын немесе уақытша сессияларды басқару үшін

13.

localStorage мен sessionStorage айырмашылығы неде?

a)

localStorage деректерді шексіз сақтайды, sessionStorage сеанс жабылғанда өшеді

b)

localStorage тек мәтіндік деректерді ғана сақтай алады

c)

sessionStorage суреттер немесе медиа файлдарды сақтау үшін арналған

d)

localStorage тек онлайн режимде ғана жұмыс істейді

e)

sessionStorage тек cookies арқылы жұмыс істейді

14.

data-* атрибуттары не үшін керек?

a)

HTML элементтеріне қосымша деректер сақтауға арналған

b)

CSS қасиеттерін немесе түстерін анықтау үшін

c)

SEO рейтингін арттыру мақсатында қолдану

d)

JavaScript кодын қысқарту немесе минимизациялау үшін

e)

HTML кодын шифрлау немесе қорғау үшін

15.

document.querySelector('[data-user]') не істейді?

a)

data-user атрибуты бар элементті табады

b)

user айнымалысын жасайды

c)

HTML тегтерін санайды

d)

CSS классын өзгертеді

e)

API сұранысын орындайды

16.

SEO тұрғысынан <h1>

тегі қалай қолданылуы тиіс?

a)

Бір бетте тек бір негізгі тақырып ретінде қолданылуы керек

b)

Кез келген HTML элементінде бірнеше рет қолдануға болады

c)

Әр бөлімде бірнеше рет қайталанып жазылады

d)

Бет соңында орналастыру қажет

e)

Мүлде қолдану міндетті емес

17.

Canonical тегі не үшін қажет?

a)

Беттің негізгі нұсқасын іздеу жүйесіне көрсету үшін

b)

Сайттың логотипін немесе favicon-ды орнату үшін

c)

JavaScript модулін анықтау немесе импорттау үшін

d)

CSS файлдарына сілтеме жасау немесе байланыс орнату үшін

e)

Веб-бетті толықтай жасыру немесе display:none қолдану үшін

18.

robots meta тегі не істейді?

a)

Іздеу жүйелеріне индекстеу ережесін береді

b)

Веб-беттің фон түсін немесе стилін өзгертеді

c)

Файл өлшемін кішірейтіп, жүктеу жылдамдығын арттырады

d)

API қоңырауларын өшіру немесе басқару үшін

e)

Cookies немесе session деректерін орнату үшін

19.

HTML5 video тегі үшін қандай атрибут қолжетімділікті арттырады?

a)

controls

b)

muted

c)

hidden

d)

poster

e)

autoplay

20.

Best practice бойынша HTML элементтерін атау қандай болу керек?

a)

Мағынасы нақты және семантикалық атаулар қолдану

b)

Қысқа және кездейсоқ атаулар

c)

Барлық аттарды бірдей жазу

d)

CSS класттарымен шатастыру

e)

Тек нөмірлер пайдалану

21.

HTML кодтың қолжетімділігін тексеру үшін не қолдануға болады?

a)

WAVE немесе Lighthouse құралдары

b)

Figma

c)

GitHub Pages

d)

VS Code

e)

React DevTools

22.

SEO үшін суреттерге қандай атрибут маңызды?

a)

alt

b)

srcset

c)

width

d)

title

e)

id

23.

HTML-де ең жақсы тәжірибе бойынша не ұсынылады?

a)

Құрылымды, семантикалық, және валидациядан өткен код жазу

b)

Кодты қысқарту үшін барлық тетерді алып тастау

c)

Тек inline стильдер қолдану

d)

JavaScript арқылы HTML генерациялау

e)

Сыртқы файлдарсыз жұмыс істеу

24.

CSS анимация жасау үшін не қолданылады?

a)

@keyframes

b)

@animation

c)

@frame

d)

@motion

e)

@sequence

25.

@keyframes ішінде не анықталады?

a)

Анимация кезеңдері мен стильдері

b)

JavaScript функциялары немесе логикасы

c)

Файл құрылымы немесе папкалық жүйе

d)

HTML элементтері немесе тегтері

e)

CSS айнымалылары немесе custom properties

26.

Анимацияны элементке қосу үшін қандай қасиет қолданылады?

a)

animation-name

b)

motion-type

c)

keyframe-name

d)

effect-id

e)

transition-type

27.

animation-duration не үшін керек?

a)

Анимацияның ұзақтығын анықтау үшін

b)

Кешіктіру уақытын орнату

c)

Қайталау санын орнату

d)

Элемент өлшемін өзгерту

e)

Фон түсін орнату

28.

Responsive design не мақсатта қолданылады?

a)

Әр түрлі экран өлшемдерінде сайттың ыңғайлы көрінуі үшін

b)

Код көлемін азайту немесе минимизациялау үшін

c)

Сайтқа визуалды анимация немесе эффект қосу үшін

d)

CSS файлдарын біріктіру немесе bundle жасау үшін

e)

SEO рейтингін жоғарылату мақсатында

29.

Қай CSS ережесі responsive design үшін жиі қолданылады?

a)

@media

b)

@responsive

c)

@screen

d)

@width

e)

@breakpoint

30.

@media (max-width: 768px) не істейді?

a)

768px-тан кіші экрандарға арналған стиль қолданады

b)

768px және одан үлкен экрандарға арналған стиль қолданады

c)

Тек десктоп үшін

d)

Барлық құрылғыларда қолданылады

e)

Мобильді құрылғыларды бұғаттайды

31.

CSS preprocessor дегеніміз не?

a)

CSS жазуды жеңілдететін және кеңейтетін құрал

b)

HTML файлдарын автоматты түрде қысқартатын құрал

c)

Браузерге орнатылатын плагин немесе кеңейтім

d)

JavaScript кітапханасы немесе фреймворкі

e)

Файлдарды шифрлау немесе қорғау жүйесі

32.

SASS не береді?

a)

Айнымалылар, mixin және nested selector мүмкіндіктері

b)

Файлдарды жүктеу немесе transfer жасау

c)

JavaScript функцияларын орындау мүмкіндігі

d)

HTML кодын автоматты генерациялау

e)

SEO индекстеу немесе рейтингті жақсарту

33.

SASS файлының кеңейтімі қандай?

a)

.scss

b)

.sassx

c)

.cssx

d)

.sasscript

e)

.style

34.

CSS-та specificity дегеніміз не?

a)

Қай стильдің басым қолданылатынын анықтайтын ереже

b)

Тегтердің HTML-дегі орналасу ретілігі

c)

Анимацияның жылдамдығы немесе ұзақтығы

d)

Фон түсін таңдау немесе қолдану

e)

DOM құрылымының тереңдігі немесе иерархиясы

35.

Төмендегі селекторлардың ішінде specificity ең жоғарысы қайсысы?

a)

#header .nav li a.active

b)

.nav a

c)

header a

d)

li.active

e)

.menu-item

36.

inline style мен external CSS қайсы басымырақ?

a)

inline style

b)

external CSS

c)

internal CSS

d)

media query

e)

import file

37.

CSS performance неге байланысты?

a)

Селекторлардың күрделілігі және қайта есептелу жиілігі

b)

HTML тегтерінің жалпы санына

c)

JavaScript кодының ұзындығы мен күрделілігіне

d)

Файл аттарының немесе санына

e)

Қаріп өлшеміне немесе font-size параметріне

38.

Анимацияның өнімділігін жақсарту үшін не істеу керек?

a)

transform және opacity қасиеттерін пайдалану

b)

margin және padding қасиеттерін өзгерту арқылы

c)

position қасиетін қолданып анимация жасау

d)

float қасиетін қолдану арқылы элементтерді жылжыту

e)

border немесе рамка қасиеттерін анимациялау

39.

Repaint және Reflow дегеніміз не?

a)

Браузердің беттегі элементтерді қайта есептеу және салу процестері

b)

Серверде орын алған қателер немесе exceptions

c)

CSS кодын компиляциялау немесе preprocess кезеңдері

d)

API сұраныстарын жіберу немесе өңдеу процестері

e)

Файлдарды сақтау немесе жүктеу механизмдері

40.

Reflow процесін азайту үшін не көмектеседі?

a)

DOM өзгерістерін топтап орындау

b)

Көп inline стиль қосу

c)

CSS файлдарын үлкейту

d)

Шрифттерді динамикалық жүктеу

e)

Әр элементті бөлек өңдеу

41.

Hardware acceleration қай кезде пайдалы?

a)

Анимация және 3D transform кезінде

b)

Тек мәтіндік стильдеуде

c)

Фон суреттерін жүктеуде

d)

CSS grid қолданғанда

e)

Сыртқы шрифт орнатқанда

42.

CSS variables (custom properties) не үшін қажет?

a)

Қайталанатын мәндерді бір жерде сақтау және қайта пайдалану үшін

b)

HTML элементтерін құру немесе генерациялау үшін

c)

Файлдарды жүктеу немесе transfer жасау үшін

d)

Браузер кэшін тазалау мақсатында

e)

CSS кодын шифрлау немесе қорғау үшін

43.

Performance тұрғысынан ең тиімді тәсіл қайсысы?

a)

Қарапайым селекторлар пайдалану және қажетсіз анимациядан бас тарту

b)

Барлық CSS ережелеріне !important қосу арқылы

c)

Әр стильді inline немесе тег ішінде жазу

d)

Көп қабатты және күрделі анимация жасау

e)

CSS файлдарын бірнеше бөлікке бөліп, import жасау

44.

JavaScript-та async кілт сөзі не үшін қолданылады?

a)

Функцияны асинхронды ету үшін

b)

Функцияны дереу орындау үшін

c)

Функцияны тоқтату үшін

d)

Функцияны жою үшін

e)

Функцияны циклға айналдыру үшін

45.

await не істейді?

a)

Promise нәтижесін күтіп, оны синхронды код сияқты өңдейді

b)

Функцияны толықтай блоктайды және басқа код орындалмайды

c)

Promise объектісін жояды немесе өшіреді

d)

Файлды жүктеу немесе read/write процесін басқарады

e)

Кодтың орындалуын кешіктіреді arbitrary түрде

46.

async функция әрқашан нені қайтарады?

a)

Promise

b)

Object

c)

Array

d)

Number

e)

Undefined

47.

Promise.resolve(10) не қайтарады?

a)

Құндылығы 10 болатын Promise

b)

10

c)

Promise функциясы

d)

Error

e)

async функция

48.

try...catch блогы не үшін қолданылады?

a)

Қате шыққанда оны өңдеу үшін

b)

Кодты жылдамдату үшін

c)

Асинхронды код жасау үшін

d)

Цикл бастау үшін

e)

DOM өзгерту үшін

49.

Closure дегеніміз не?

a)

Функцияның өз контекстінен тыс айнымалыларға қол жеткізе алуы

b)

Айнымалыларды сыртқа шығару немесе private ету әдісі

c)

Файлды жабу немесе close процесі

d)

Асинхронды кодты орындау тәсілі

e)

Объектіні көшіру немесе дубликациялау механизмі

50.

Closure не үшін пайдалы?

a)

Жеке айнымалыларды қорғау және деректер инкапсуляциясы үшін

b)

DOM элементтерін өзгерту немесе манипуляциялау үшін

c)

Код көлемін азайту немесе қысқарту мақсатында

d)

Promise объектілерін құру немесе async логика үшін

e)

Файл құрылымын немесе жүйені сақтау үшін

Similar Resources on Wayground

философия 2семестр (50-100)

50 questions

философия 2семестр (50-100)

quiz

Worksheet

•

University

Мектеп психологиясы 401-450

50 questions

Мектеп психологиясы 401-450

quiz

Worksheet

•

University

Ж.М.Педагогикасы Сессия 151-200

50 questions

Ж.М.Педагогикасы Сессия 151-200

quiz

Worksheet

•

University

экономика казгаса 1 курс

53 questions

экономика казгаса 1 курс

quiz

Worksheet

•

University

Музыка

45 questions

Музыка

quiz

Worksheet

•

University

Коллоквиум МОФа 2 ВАРИАНТ

50 questions

Коллоквиум МОФа 2 ВАРИАНТ

quiz

Worksheet

•

University

Кіріс тест

51 questions

Кіріс тест

quiz

Worksheet

•

University - Professi...

FINAL EXAM: LIVING IN THE IT ERA

50 questions

FINAL EXAM: LIVING IN THE IT ERA

quiz

Worksheet

•

University