JavaScript жоғары оқулығы
Трепачёв Дмитрийден JavaScript бойынша кәсіби оқулық. Жаңадан бастаушылар үшін. Қазақ тілінде. Тапсырмалар бар.
Стильдеу
001
JavaScript арқылы style атрибуты арқылы стильдеу
002JavaScript style атрибутындағы өлшем бірліктері
003JavaScript-те өлшем бірліктерімен жасалатын қателер
004CSS қасиеттер мәндерін JavaScript-те жаңғырту
005JavaScript арқылы style арқылы стильдерді қалпына келтіру
006JavaScript-те массатымен стильдерді орнату
007JavaScript-те стильдерді оқудағы мәселелер
008CSS файлдарынан JavaScript арқылы қасиеттерді оқу
009JavaScript-те оқылған мәндерді түрлендіру
010JavaScript-те класс арқылы стильдеу
011JavaScript-те бір сыныпты стильдеу
012JavaScript-те класстардың ыңғайсыздығы
013JavaScript-те data- сипаттамасы арқылы стильдерді ауыстыру
Элементтер метрикалары
014
JavaScript үшін CSS элементтерін кеңейту
015JavaScript-тегіс элемент
016JavaScript-те элементтің клиенттік өлшемі
017Элементтің JavaScript-тегі толық өлшемі
018Элементтің JavaScript-тегі жүгіру өлшемдері
019JavaScript-те элементтердің Scroll-ын алу
020JavaScript-те элементтің скролын өзгерту
021Элементті JavaScript-те соңына дейін прокруттау
022JavaScript-те элементті ашу
023JavaScript-те полоса айналдыру ені
Терезе метрикалары
024
JavaScript терезесінің өлшемдері
025JavaScript-терезесіндегі айналымды есепке ала отырып, терезенің өлшемдері
026JavaScript терезесіндегі айналдыруды алу
027JavaScript терезесінде терезенің жүргізуін алу және өзгерту
028JavaScript терезесін берілген орынға айналдыру әдісі
029JavaScript терезесін берілген шамаға жылжыту әдісі
030JavaScript терезесін элементке айналдыру әдісі
031JavaScript-те оқиғасын айналдыру
Map Жинақтары
Set жинақтары
Жалған массивтер
Символдар
051
JavaScript-тегі Symbol енгізу
052JavaScript-те символдың сипаттамалары
053Объектілердің кілттері ретіндегі символдар JavaScript-те
054JavaScript-те объектісін символдармен қалай айналып өту керек
055Объекттегі функция JavaScript-те
056JavaScript-те объектілермен функциядағы операциялар
057JavaScript-тегі жаһандық символдар
058JavaScript-те символ атын алу
059JavaScript-тегі белгілі символдар
Итераторлар
060
JavaScript-те итерацияланатын объектілер
061JavaScript-тегі итератор функциясы
062JavaScript-те итератор шақырулары
063JavaScript-тегі генераторлар
064JavaScript-тегі генераторлардағы циклдар
065JavaScript-те итераторлардың бір реттік жұмысы
066JavaScript-те объектісінің итераторы
067JavaScript-те итерируемы объектінің құрылуы
068JavaScript-те есептелетін қасиет арқылы генератор
069JavaScript-тегі values итераторы
070JavaScript-тегі keys итераторы
071JavaScript-тегі кірістірілген entries итераторы
072JavaScript-тегі үш кіріктірілген итератор
073JavaScript-те Spread операторы және итераторлар
074JavaScript-те жолдық ішкі итераторлар
075Сандардың цифрлары массиві JavaScript-те
076JavaScript-те DOM элементтерін нөмірлеу
077DOM элементтерінің деректерін JavaScript-те алу
JSON пішімі
Қойма
082
Браузердің жергілікті жадқоймасы JavaScript-те
083JavaScript-те отладки құралындағы жад
084JavaScript-те localStorage-та деректермен жұмыс
085JavaScript-те localStorage-та бір реттік сақтау
086JavaScript-те localStorage-та деректерді қайта жазу
087JavaScript-те localStorage деректерді жою
088localStorage сақтағышты JavaScript-те тазалау
089JavaScript-те localStorage жазбалар саны
090JavaScript-те localStorage-тан номер бойынша кілт алу
091JavaScript-те индекс бойынша жад сыйымдылығын айналу
092JavaScript-те локальді сақтағыштың кілттер мен мәндер жиымдары
093JavaScript-те localStorage-та құрылымдарды сақтау
094localStorage-та сақталған құрылымдарды JavaScript-те өзгерту
095JavaScript-те localStorage тәжірибесі
Тұрақты өрнектер
096
JavaScript-тегімен жұмыс жасаудағы тұрақты өрнектерге кіріспе
097Таңбаларды қайталау операторлары
098JavaScript тұрақты өрнектеріндегі топтау жақшалары
099JavaScript тұрақты өрнектерінде арнайы таңбаларды экранизациялау
100JavaScript бейнелеу өрнектеріндегі бұйра жақшалар
101JavaScript тіліндегі реттік іздеулердің ашкөздігін шектеу
102JavaScript тұрақты өрнектеріндегі таңбалар топтары
103JavaScript тұрақты өрнектеріндегі таңбалар жиыны
104Регулярды өрнектердегі инверттеу
105JavaScript тұрақты өрнектеріндегі кирилл әліпбиінің ерекшеліктері
106JavaScript ретіндегі шаршы жақша ішіндегі арнайы таңбалар
107JavaScript түзуіндегі реттік өрнектердегі жиындар ішіндегі таңбалар топтары
108JavaScript тұрақты өрнектеріндегі жиындар ішіндегі ерекшеліктер
109Жақшалар ішіндегі шляпка символы JavaScript тұрақты өрнектерінде
110JavaScript ретіндегі тұрақты өрнектердегі жиындар ішіндегі дефис
111JavaScript түзуліктеріндегі регистрді елемеу
112JavaScript ретіндегі түзу өрнектерде жолдың басы мен соңы
113JavaScript тұрақты өрнектеріндегі сөз шекаралары
114JavaScript тіліндегі реттік іздеулерде көпжолдылық
115JavaScript тіліндегі тұрақты өрнектердегі 'немесе' командасы
116JavaScript-тегі регуляркасы бар айнымалы
117JavaScript ретіндегі тұрақты өрнектердегі test әдісі
118JavaScript ретіндегі тұрақты өрнектердегі search әдісі
119JavaScript тіліндегі бөліну әдісі және реттік өрнектер
120JavaScript түзуліктеріндегі match әдісі
121JavaScript сәйкестендіру әдісіндегі match кармандары
122JavaScript ретіндегі регулярды өрнектердегі жаһандық match
123JavaScript түзуліктеріндегі жаһандық matchAll
124JavaScript тұрақты өрнектеріндегі exec әдісі
125JavaScript реттерлеріндегі lastIndex қасиеті
126JavaScript түзуіндегі replace әдісіндегі кармандар
127JavaScript тұрақты өрнектеріндегі replace әдісіндегі коллбэк
128JavaScript-тегі replace әдісіндегі әдепкі кармандар
129JavaScript-тегіз тұрақты өрнектердегі кармандар
130JavaScript тұрақты өрнектеріндегі атаулы кармандар
131JavaScript тұрақты өрнектеріндегі атаулы кармандар
132JavaScript түзуіндегі бейсақтаушы жақшалар
133JavaScript ретіндегі позитивті және негативті іздеу
134JavaScript-тегімен тұрақты өрнек жолы
135JavaScript-тегімен жасалған реттік өрнектердегі белгілер
136JavaScript-тегі жолдардағы кері сызықшалар
Ерекше жағдайлар
137
JavaScript-тегі istisnalarғa kirispe
138JavaScript-та пайда болатын жағдайлар түрлері
139JavaScript-те исклюцияларды ұстап алу
140JavaScript-те try-catch әдісімен дамыту
141JavaScript-те ішкі кодтағы ерекше жағдайларды ұстап алу
142JavaScript-тегі қате объектісі
143JavaScript-тегі негізгі ерекшелік түрлері
144JavaScript-та ерекшелік түрлерін қолдану
145JavaScript-те тарлықтарды лақтыру
146JavaScript-те әртүрлі типтегі ерекше жағдайларды лақтыру
147JavaScript-те өз ерекшеліктерінің түрлерін лақтыру
148JavaScript-те data- атрибуттерінің мысалымен ерекше жағдайлар
149JavaScript-те JSON мысалындағы ерекше жағдай
150JavaScript-те сынақтарды лақтыру
Асинхрондық
Асинхронды коллбэктер
155
JavaScript-те асинхронды коллбэктермен код
156JavaScript-те асинхронды операция нәтижесін коллбэкке беру
157Параметрлерді JavaScript-тегі асинхронды коллбэкке беру
158JavaScript-те асинхронды коллбектердегі istisnalar
159JavaScript-те асинхронды коллбэктер арқылы суреттерді жүктеу
160JavaScript-тегі callback hell мәселесі
161JavaScript-те циклінде суреттерді асинхронды жүктеу
Промисстер
162
JavaScript-те промисерге кіріспе
163JavaScript-тегі промисстердегі ерекше жағдайлар
164JavaScript-те промис қателік объектісі
165JavaScript-те Promisestarda жеке түрде қателерді ұстау
166JavaScript-тегі промис күйлері
167JavaScript-те промис тізбектері
168JavaScript ішіндегі тізбектегі промисстар
169JavaScript-тегі уәде тізбектеріндегі ерекше жағдайлар
170JavaScript-те массив уәделерімен жұмыс
171JavaScript-те дайын промистерді жасау
172JavaScript-те асинхронды кодты промисификациялау
173JavaScript-тегі promise hell мәселесі
174JavaScript-те синхронды стильдегі промисер
175JavaScript-те синхронды стильдегі ерекше жағдайлар
Кітапханалар
Құралдар
180
JavaScript-те семантикалық нұсқалау
181JavaScript-те терминалмен жұмыстың негіздері
182NodeJS құралына кіріспе
183JavaScript-те npm енгізу
184JavaScript-те npm арқылы кітапханаларды орнату
185NPM арқылы JavaScript-те орнатудың қысқа түрі
186JavaScript-тегі package.json файлындағы тәуелділіктер
187JavaScript-те npm-дағы әзірлеу тәуелділіктері
188JavaScript-тегі npm-дегі тәуелділіктер нұсқаларының форматтары
189JavaScript-те package.json файлынің баптаулары
190JavaScript-те package.json файлын құру
191Npm жобасын JavaScript-ке көшіру
192Npm-дегі package-lock.json файлы JavaScript-те
193JavaScript-те npm пакеттерін жаңарту
194Пакеттерді npm арқылы JavaScript-те жою
195NPM арқылы JavaScript-те жаһандық орнату
196JavaScript-те npm арқылы пакеттерді жаһандық жою
197JavaScript-тегі npx құралы
198JavaScript-те npm арқылы скрипттерді іске қосу
199JavaScript-тегі Yarn менеджері
ES модульдері
200
JavaScript-те заманауи модульдерге кіріспе
201JavaScript-те ES модульдерін қосу
202JavaScript-те Webpack жинақтағышын орнату
203JavaScript-те Webpack жинақтағыштың жұмыс принципі
204JavaScript-те Webpack жинақтағышты баптау
205JavaScript-те Webpack жинағын іске қосу баптауы
206JavaScript-те Webpack арқылы тестілік жинақ жасау
207JavaScript-те бандлды версткаға қосу
208JavaScript-те ES модуль жасау
209ES модулін JavaScript-ке қосу
210Импорт кезінде қайта атау JavaScript-те
211Модульдің барлық мазмұнын JavaScript-те импорттау
212JavaScript-те экспорт әдепкі бойынша
213JavaScript-те экспорттарды біріктіру
214Экспорттарды біріктірген кезде JavaScript-те барлық мазмұнын импорттау
215ES модульдерінен мәндерді экспорттау JavaScript-те
216ES модульдеріндегі мәндер константа ретінде JavaScript-те
217NPM модульдерін JavaScript-ке импорттау
218ES модульдерін JavaScript-те динамикалық импорттау
219JavaScript-те динамикалық көптеген импорт
220CommonJS модульдерін ES-ге JavaScript-те түрлендіру
HTTP хаттамасы
Тестілеу сервері
224
JavaScript-тестік сервері
225JavaScript-те тестік серверін қолдану
226JavaScript тестік сервері арқылы кодты орындау
227JavaScript тестік сервері арқылы HTML генерациялау
228JavaScript тесттік серверіндегі жауап тақырыптары
229JavaScript тестік сервер портын конфигурациялау
230JavaScript-те тестік серверді бірнеше рет іске қосу
Пішіндер
231
JavaScript-те форма жіберу
232JavaScript-те форма жіберу әдістері
233JavaScript-те GET әдісі арқылы формаларды жіберу
234POST әдісімен формаларды жіберу JavaScript-те
235JavaScript-те GET сұраулар
236GET сұранымдарын JavaScript-те қолдану
237JavaScript-те форма түймелері
238JavaScript арқылы форма жіберу
239Форманы JavaScript-те жіберуді болдырмау
240JavaScript-те FormData-мен жұмыс
241JavaScript-те FormData әдістері
242FormData-тағы итераторлар JavaScript-те
AJAX
243
AJAX-ке кіріспе
244AJAX-те fetch жұмысының негіздері
245JavaScript-те AJAX сұранысында HTTP жауап коды
246JavaScript-те AJAX сұранысының сәттілігі
247JavaScript-те AJAX сұранымдары кезіндегі ерекше жағдайлар
248JavaScript-те AJAX қателерін толық құстыру
249JavaScript-тегі AJAX жауаптарының HTTP тақырыптары
250JavaScript-те AJAX арқылы JSON алу
251HTTP сұраныстың тақырыпшаларын JavaScript арқылы AJAX-пен жіберу
252JavaScript арқылы AJAX көмегімен GET сұрауларын жіберу
253JavaScript арқылы AJAX көмегімен POST сұрауларды жіберу
254Деректерді AJAX арқылы URLSearchParams көмегімен JavaScript-те жіберу
255JavaScript-те FormData көмегімен AJAX арқылы деректерді жіберу
256FormData JavaScript көмегімен AJAX арқылы форма жіберу
257JavaScript-те AJAX көмегімен серверге JSON жіберу
258JavaScript-тегі AJAX сұраныстарындағы CORS саясаты
259JavaScript-те AJAX сұраныстарында cookie жіберу
260JavaScript-тегінді синхронды стильдегі fetch
Канваспен жұмыс
261
JavaScript-те canvas-пен жұмысты бастау
262JavaScript арқылы canvas желісінде сызу
263JavaScript арқылы canvas деректеріне тіктөртбұрыштар салу
264JavaScript арқылы canvas көмегімен шеңберлер салу
265JavaScript-те canvas-та сызық түсін өзгерту
266Canvas-та сызықтардың өлшемін JavaScript-те өзгерту
267JavaScript-те canvas циклдер
Кодты оңтайландыру
268
JavaScript-те веб-сайттің жүктелу жылдамдығының факторлары
269JavaScript-тегі қолжетімді ресурстар
270JavaScript-та қайталанатын операцияларды оңтайландыру
271JavaScript-те ауыр операцияларды қайталауды оңтайландыру
272JavaScript-те циклдік операцияларды оңтайландыру
273JavaScript-те артық цикл өтулерін оңтайландыру
274JavaScript ішкі функциялары арқылы оңтайландыру
275JavaScript-те оңтайлы алгоритмді таңдау
276JavaScript-те регулярлы өрнектерді пайдалануды оңтайландыру
277JavaScript-те DOM-мен жұмыс істеуді оңтайландыру
278JavaScript-те жадтық тұтынуды оңтайландыру
279JavaScript-те массивке түрлендіруді оңтайландыру
280JavaScript-те оқиғалар өңдеушілерін оңтайландыру
281JavaScript-те жадылау жылдамдығын оңтайландыру
Деректер
282