wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

1-40 фронт

Total questions: 40

Worksheet time: 20mins

Name
Class
Date
1.

Пайдаланушы браузерінде көрінетін элементтердің құрылымы, стилі және интерактивті әрекеттерін жасау қандай веб-әзірлеу бағытының негізгі мақсаты болып табылады

a)

----- Backend

b)

----- Frontend

c)

----- Fullstack

d)

----- DevOps

e)

QA

2.

Веб-бет құрамындағы мәтіндерді, суреттерді, тізімдерді және жалпы құрылымды белгілеу үшін веб-әзірлеуде ең алдымен қолданылатын негізгі технология қандай?

a)

 XML

b)

SQL

c)

CSS

d)

 HTML

e)

JS

3.

Веб-беттің визуалды элементтерін стильдеу, орналасуларын реттеу және сыртқы көрінісін өзгерту үшін қолданылатын технология қайсысы?

a)

JAVA

b)

PHP

c)

CSS

d)

 HTML

e)

JSON

4.

Пайдаланушы әрекеттеріне жауап беретін интерактивті функцияларды қосу және беттегі динамиканы қамтамасыз ету үшін қандай тіл қолданылады?
-----  JS

a)

JS

b)

SQL

c)

C#

d)

Bash

e)

Rust

5.

Дайын компоненттер мен құрылымдарды пайдаланып, күрделі интерфейстерді тезірек жасауға мүмкіндік беретін заманауи клиенттік фреймворк қайсысы?

a)

Django

b)

React

c)

 Flask

d)

Laravel

e)

Spring

6.

Беттерді тез пішімдеуге және дайын стильдер жиынтығын пайдалануға мүмкіндік беретін құрал қай фреймворкке жатады?

a)

Express

b)

Ember

c)

Vue

d)

Bootstrap

e)

Jinja

7.

Серверге түскен сұранысты өңдеп, дерекқордан мәлімет таңдап, нәтижені қолданушыға қайтару міндеті қандай веб-әзірлеу бағытына жатады?

a)

Network

b)

Mobile

c)

Frontend

d)

Backend

e)

UI/UX

8.

Серверлік қосымшаларда кеңінен қолданылатын, қарапайым синтаксисімен танымал және көптеген фреймворктары бар бағдарламалау тілі қайсысы?

a)

YAML

b)

CSS

c)

Python

d)

HTML

e)

SVG

9.

Реляциялық дерекқорлармен жұмыс істеуде мәліметтерді сұрыптау, таңдау және өңдеу үшін қолданылатын ең негізгі құрал қандай?

a)

DNS

b)

SQL

c)

API

d)

JWT

e)

XML

10.

Клиенттің енгізген деректерін серверге жіберіп, қайтарылған нәтижені интерфейске шығару үшін қолданылатын бағдарламалық интерфейс қалай аталады?

a)

API

b)

CDN

c)

URL

d)

UDP

e)

SSH

11.

Жиі қолданылатын немесе жақында алынған деректерді уақытша сақтау арқылы веб-қосымшалардың өнімділігін арттыруға көмектесетін әдіс қалай аталады?

a)

Скан

b)

Кэш

c)

Лог

d)

Туннель

e)

Порт

12.

Frontend пен Backend арасында ақпарат алмасу барысында мәліметтерді бетті қайта жүктемей көрсетуге мүмкіндік беретін механизм қалай аталады?

a)

AJAX

b)

FTP

c)

SMTP

d)

DNS

e)

PNG

13.

Веб-қосымшалардың клиент пен серверден тұратын архитектурасында қандай компонент қолданушының браузері арқылы сұраныс жіберіп, интерфейсті көрсетумен айналысады?

a)

Протокол

b)

Дерекқор

c)

 Сервер

d)

Клиент

e)

Кэш

14.

Пайдаланушы сайтқа кіргенде браузер серверге сұраныс жіберіп, өңделген ақпаратты қайта қабылдайтын әрекеттер тізбегін қандай хаттама басқарады?

a)

FTP

b)

HTTP

c)

SMTP

d)

SSH

e)

DNS

15.

Пайдаланушы беттегі батырманы басқанда орындалатын анимация сияқты интерактивті әрекеттерді басқаратын технологияны көрсетіңіз.

a)

JavaScript

b)

HTML

c)

CSS

d)

SQL

e)

Redis

16.

Frontend әзірлеушілер күрделі жобаларды тезірек құру үшін қолданатын алдын-ала дайын функционалдар мен компоненттерден тұратын жүйе қалай аталады?

a)

Компилятор

b)

Фреймворк

c)

Сервер

d)

Маркер

e)

Траффик

17.

Төмендегі нұсқалардың қайсысы ең танымал frontend фреймворктарының бірі болып саналады?

a)

Django

b)

Laravel

c)

React

d)

Flask

e)

Spring

18.

Пайдаланушы көрмейтін, серверде орындалатын логиканы жүзеге асырып, деректерді өңдеу мен жауап дайындауға жауапты бөлім қалай аталады?

a)

Frontend

b)

Backend

c)

Design

d)

Network

e)

Testing

19.

Клиенттік және серверлік бөліктердің үздіксіз жұмысын тексеру үшін бағдарламашылар қолданатын, компоненттерді бөлек немесе бірге сынайтын үдеріс қалай аталады?

a)

Тестілеу

b)

 Тізімдеу

c)

Шифрлау

d)

Сақтау

e)

Жүктеу

20.

Python тілінде жазылған кең таралған backend фреймворкі, серверлік логиканы тез құруға мүмкіндік беретін жүйені көрсетіңіз.

a)

Vue

b)

Tailwind

c)

Django

d)

React

e)

Redux

21.

Веб-әзірлеу саласында бір уақытта әрі frontend, әрі backend бөлігін жазатын маман қалай аталады?

a)

Fullstack

b)

Designer

c)

Analyst

d)

Operator

e)

 Manager

22.

Желі арқылы берілетін ақпараттың қауіпсіздігін қамтамасыз ету үшін HTTP хаттамасының шифрланған нұсқасы қайсы?

a)

POP3

b)

DNS

c)

FTP

d)

HTTPS

e)

DNS

23.

Веб-қосымшаны мобильді құрылғыларға ыңғайлы ету мақсатында қолданылатын арнайы бет масштабы параметрі қалай аталады?

a)

Viewport

b)

Border

c)

Padding

d)

Banner

e)

Margin

24.

Frontend, API және статикалық белгілеуді біріктіріп, сайттарды жылдам жүктеуге мүмкіндік беретін заманауи архитектура қалай аталады?

a)

DataStack

b)

CodeStack

c)

AjaxStack

d)

JamStack

e)

NetStack

25.

Браузер серверге жіберген сұраныс нәтижесінде алынған HTML, CSS және JavaScript файлдарын өңдеп, оларды визуалды веб-бетке айналдыратын фронтендтің негізгі міндеті қандай екендігін анықтаңыз.

a)

Код компиляция

b)

UI көрсету

c)

Дерек сақтау

d)

Сервер іске қосу

e)

Хаттама орнату

26.

Веб-қосымша клиент жағында жұмыс істейтін бөлігі HTML, CSS және JavaScript көмегімен интерфейсті құрып, пайдаланушымен тікелей әрекеттесуді қамтамасыз ететінін ескерсек, бұл қай әзірлеу бағыты?

a)

DevOps

b)

 Backend

c)

Frontend

d)

Database

e)

Network

27.

HTML құжаты DOM ағашына түрлендірілетін рендеринг кезеңін атаңыз, мұнда браузер тегтерді оқып, оларды объектілер иерархиясына айналдырады.

a)

Parsing

b)

 Loading

c)

Merging

d)

Mapping

e)

Routing

28.

DOM және CSSOM біріктіріліп, экранда көрсетілетін элементтерден тұратын арнайы құрылым жасалатын рендеринг сатысы қалай аталады?

a)

Data tree

b)

Link tree

c)

Render tree

d)

Object tree

e)

File tree

29.

Браузер рендер ағашының әрбір элементінің өлшемдері мен орналасуын есептейтін кезең қалай аталады (оны басқаша reflow деп те атайды)?

a)

Compile

b)

Adjust

c)

Layout

d)

Merge

e)

Paint

30.

DOM моделі нені білдіреді және JavaScript арқылы веб-бетті басқаруға қандай мүмкіндік береді?

a)

Стиль тізімі

b)

Аудио модулі

c)

Желі құралы

d)

Қате сүзгісі

e)

Құжат объектісі

31.

Серверге қайта жүктемей-ақ деректер жіберуге мүмкіндік беретін AJAX технологиясы қандай жұмыс принципіне негізделеді?

a)

Динамикалық

b)

Параллель

c)

Синхрон

d)

Асинхрон

e)

Үздіксіз

32.

HTML тегіндегі id атрибутының негізгі ерекшелігі неде, ол элементті анықтауда қалай қолданылады?

a)

Бірегей

b)

Көбейтілген

c)

Кездейсоқ

d)

Ортақ

e)

Уақытша

33.

CSSOM дегеніміз не және оның негізгі қызметін анықтаңыз.

a)

Қауіпсіздік қабаты

b)

Сервер логикасы

c)

Код жинағы

d)

Стиль моделі

e)

Бағдарламалау API

34.

Фронтендте түрлі құрылғыларда сайттың дұрыс көрінуін қамтамасыз ететін дизайн түрін атаңыз.

a)

Статикалық

b)

 Респонсив

c)

Негізгі

d)

Ортақ

e)

Құрама

35.

JavaScript тілінің оқиғалар жүйесінде DOMContentLoaded оқиғасы нені білдіреді?

a)

Триггер жоқ

b)

Кэш өшті

c)

Сервер құлады

d)

DOM дайын

e)

Сыртқы файл

36.

JavaScript-тің бір ағынды тіл болуы қандай механизм арқылы асинхронды әрекеттерді орындауға мүмкіндік береді?

a)

File loop

b)

Event loop

c)

Graphic loop

d)

Data loop

e)

Logic loop

37.

DOM-дағы элементтермен байланыс орнату үшін қолданылатын getElementById әдісінің мақсаты қандай?

a)

Сервер қосу

b)

Қате өңдеу

c)

Кэш тазалау

d)

Элемент іздеу

e)

Файл оқу

38.

Frontend пен Backend өзара әрекеттесуінде серверден алынған дайын HTML пайдаланушыға бірден көрсетілетін әдісті анықтаңыз.

a)

Тек JSON

b)

Қосымша сұраныс

c)

Тек XML

d)

Тікелей рендер

e)

Тек CSS

39.

Виртуалды DOM қандай мақсатта қолданылады және оның басты артықшылығы неде?

a)

Дерек жасыру

b)

Қаріп қосу

c)

Түс өзгерту

d)

Жылдам жаңарту

e)

Назар аударту

40.

Shadow DOM технологиясының негізгі мәнін сипаттаңыз.

a)

Эмуляция

b)

Репликация

c)

Компиляция

d)

Сигнализация

e)

 Инкапсуляция