КІРІСПЕ

8

1

Web-қосымшалардың қазіргі жағдайы және ұқсас жұмыстарға

шолу

9

1.1

Интернеттің қазіргі кездегі маңыздылығы

9

1.2

Балаларды оқыту үрдісінде ойындардың алатын орны

9

1.3

Білім беру веб-платформаларына шолу

11

1.3.1

"Смартария" білім беру платформасы

11

1.3.2

ИНТУИТ ұлттық университеті

11

1.3.3

Постнаука" білім беру платформасы

12

1.4

Есептің қойылымы

13

2

Балалардың ойлау қабілетін дамытуға арналған web-қосымша

құру үшін тілдерді таңдау

15

2.1

Веб-қосымшаны әзірлеудің негізгі құралдары

15

2.2

HTML тілін қолдану негіздері

15

2.3

JavaScript скрипттер тілі

16

2.3.1

JavaScript тілінің қолданылуы

16

2.3.2

ReactJs технологиясы

16

2.3.3

NodeJs технологиясы

18

2.4

CSS стильдер кестесі

20

2.5

2.6

2.7

2.8

2.8.1

PostgreSql мәліметтер базасы Мәліметтер базасын құру

Парақшалардың дизайнын жасау үшін "Figma" жіңішке клиенті Web-бағдарламаның құрылымы

Web-платформада мәліметтерді жүктеу процесі

20

21

23

24

24

3

Балалардың ойлау қабілетін дамытуға арналған web-қосымша

құру

26

3.1

Web-қосымшаның         бағдарламалық        қамтамасыз         етуінің сипаттамасы

26

3.1.1

Клиентпен өзара әрекеттесу құрылымының жалпы мәліметтері

27

3.2

Қосымша прототипін жобалау

27

3.3

SPA әзірлеу

33

3.4

Серверлік бөлікті әзірлеу

34

3.4.1

Онлайн чат құру

36

3.5

"Дақ” ойынын құру

37

ҚОРЫТЫНДЫ

41

ПАЙДАЛАНЫЛҒАН ӘДЕБИЕТТЕР ТІЗІМІ

42

А Қосымшасы

43