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теги элементтин кардардык өлчөмү
017JavaScriptте элементтин толук өлчөмү
018JavaScriptтеги элементинин айлануу өлчөмдөрү
019JavaScriptте элементтердин жылдырылуусу
020JavaScript'те элементтин жылдырмасын өзгөртүү
021JavaScript элементин аягына чейин айландыруу
022JavaScript'те элементти жарылыштыруу
023JavaScript'теги тайгалоо жолунун туурасы
Терезе метрикалары
024
JavaScript'теги терезесин өлчөө
025JavaScript'теги жүргүзүлгөн бөлүгү менен терезе өлчөмдөрү
026JavaScript терезесинде терезенин жылдырылышын алуу
027JavaScript'те терезе аймагынын скроллугун алуу жана өзгөртүү
028JavaScript'те терезе берилген жайга жылдыруу ыкмасы
029JavaScript'те терезе берилген өлчөмгө жылдыруу ыкмасы
030JavaScript'те терезе элементке чыгаруу ыкмасы
031JavaScript'теги окуу окуясы
Map Коллекциялары
Set Коллекциялары
037
JavaScriptтеги Set Коллекциялары
038JavaScript'те Set коллекциясын башкы маалымат менен толтуруу
039Set коллекцияларынын пайдалуу мүмкүнчүлүктөрү
040Set коллекцияларды цикл менен аралоо
041Set коллекцияларын которуу
042Массивден дубликаттарды Set аркылуу жок кылуу
043Дубликатсыз DOM элементтердин алуусу
Жалган массивдер
Символдор
051
JavaScript'теги Symbol типке киришүү
052JavaScriptтеги символдун сүрөттөмөлөрү
053JavaScriptтеги объекттердин символдуу ачкычтары
054JavaScript'те символдор менен объектти айлануу
055JavaScript объектисиндеги функция
056JavaScriptте функцияда объекттер менен операциялар
057JavaScript'теги глобалдык символдор
058JavaScript'те символдун атын алуу
059JavaScript'те белгилүү символдор
Итераторлор
060
JavaScript'теги итерирлөөчү объектилер
061JavaScript'теги итератор функциясы
062JavaScript'теги итераторду чакыруулар
063JavaScript'теги Генераторлор
064JavaScriptтеги генераторлорундо циклдер
065JavaScriptте итераторлордун бир жолку иштеши
066JavaScript'теги объекттин итератору
067JavaScript'те итерируемого объект түзүү
068JavaScript'те эсептелүүчү касип аркылуу генератор
069JavaScript'теги кошулган values итератору
070JavaScript'теги куралган keys итератору
071JavaScript'теги киргиз тилиндеги итератор entries
072JavaScriptтеги үч киргизилген итератор
073JavaScript'теги Spread оператору жана итераторлор
074JavaScript'теги саптагы итераторлор
075JavaScript'теги сандын цифраларынын массиви
076DOM элементдерин JavaScriptте номерилөө
077DOM элементдеринин маалыматтарын JavaScript менен алуу
JSON форматы
Сактоо
082
Браузердун жергиликтүү сактоочусу JavaScript
083JavaScript'теги отладчиктеги сактоочу жай
084JavaScriptте localStorage'де маалымат менен иштөө
085JavaScriptте localStorage бир жолу сактоо
086JavaScript'те localStorage'де маалыматтарды кайра жазуу
087JavaScript'те localStorage'дан маалыматты өчүрүү
088JavaScript'те localStorage сактоочу жайды тазалоо
089localStorage'дагы жазуулардын саны JavaScript тилинде
090JavaScript'те localStorage'до номеру менен ачкыч алуу
091JavaScript'теги индекс боюнча жергиликтүү сактоону кайталоо
092JavaScript'теги сактоочу массивдердин ачкычтары жана маанилери
093JavaScript'те localStorage'до структураларды сактоо
094localStorage'те сакталган структураларды JavaScript'те өзгөртүү
095JavaScriptте localStorage боюнча практика
Регулярдуу ifadeler
096
JavaScript'те регулярдуу туюнтмаларга киришүү
097Символдорду кайталоо операторлору
098JavaScript'теги регулярдык ифодалардагы топтоочу кашаалар
099JavaScriptтеги регулярдуу ифодаларда атайын символдорду экранировкалоо
100JavaScriptтегин регулярдык туюнтмаларындагы кайчылаш кашаалар
101JavaScript'теги регулярдуу ifadeлердин ачкөздүгүн чектөө
102JavaScript тилдеги регулярдуу туюнтмалардагы символдордун топтору
103JavaScriptтегин регулярдуу сөз айкаштарындагы символдор топтому
104Регулярдык туюнтмаларда тамга топторун инверттөө
105JavaScriptтик регулярдуу издоолордогу кирилл тамгаларынын өзгөчөлүктөрү
106JavaScript ичиндеги чарчы кашаадагы атайын белгилер
107JavaScript регулярдуу сөз айкаштарындагы символдор топтору
108JavaScript регулярдуу ичиндеги топтомдордогу кырсыктар
109JavaScript регулярдуу сөз айкаштарындагы жаатча ичиндеги шляпка белгиси
110JavaScriptтеги регулярдык өрнектөрдө [ ] ичиндеги дефис
111JavaScript'теги регулярдуу ифодолордо регистрди эске албоо
112JavaScript'теги регулярдык туюнтмалардагы саптын башталышы жана аягы
113JavaScript регулярдуу сөз чеги
114JavaScriptтеги регулярдук өрнектерде көп саптуулук
115JavaScript'теги регулярдуу туюнтмалардагы 'же' командасы
116JavaScript'те регулярдуу өзгөрмө
117JavaScript'теги RegExp метод test
118JavaScript'теги регулярдуу туюнтмалардын search методу
119JavaScriptтеги регулярдуу expressionдордогу split методу
120JavaScriptтеги регулярдуу ифодалардагы match методу
121JavaScript'теги regex методунда match'тын кармандары
122JavaScript регуляркаларында глобалдык match
123JavaScript регуляркаларында глобалдык matchAll
124JavaScriptтеги регулярдуу иштегенде exec методу
125JavaScript'теги регулярдуу жазмалардагы lastIndex касиети
126JavaScriptтегин регулярдык выражениелериндеги replace методунун кармандары
127JavaScript регулардык ifадаларында replace методунун коллбэги
128JavaScript'теги регулярдуу алмаштыруу методунун жадыбал кармандары
129JavaScriptтеги регулярдук ичиндеги кармандар
130JavaScriptтеги регулярдуу өрнектөрүндө атталган кармандар
131JavaScript ичиндеги регулярдук аныктоодо атталган кармандар
132JavaScriptтеги регулярдык туюнтмалардагы карманга сакталбаган кашалар
133JavaScript регуляркасында позитивдик жана негативдик көрүү
134JavaScriptтеги RegExp объекти менен саптуу
135JavaScript'теги RegExp аркылуу түзүлгөн саптык регулярдуу ифодолор үчүн флагдар
136JavaScript'теги регулярдуу жолдордогу керти сызык
Кеңейтилген жоболор
137
JavaScript'теги келип чыккан учурларга киришүү
138JavaScript'те кездешүүчү жөнөкөй абалдардын түрлөрү
139JavaScript'те окуяларды кармоо
140JavaScript'те try-catch менен иштөө
141JavaScript'те ичмек коддон исключениеларды кармоо
142JavaScript'теги ката объекти
143JavaScriptтеги негизги бөлүнүүнүн түрлөрү
144JavaScript'те исключениенин түрлөрүн колдонуу
145JavaScript'те Кыргыштыктарды ыргытуу
146JavaScript'те ар кандай кырсыктарды ыргытуу
147JavaScript'те өзүңүздүн кемчиликтерди ыргытуу типтериңиз
148JavaScript'те data- атрибуттары менен көрсөтүлгөн мисал
149JavaScript'теги JSON менен кошумча ыргытуу мисалы
150JavaScript'те көтөрүлгөн исключениелерди өткөрүп жиберүү
Асинхрондук
Асинхрондук коллбэктер
155
JavaScript'те коллбэктер менен асинхрондук код
156JavaScriptте коллбэк аркылуу асинхрондук натыйжа берүү
157JavaScript'те асинхрондуу коллбэкке параметрлерди өткөрүү
158JavaScript'теги асинхрондук коллбектердеги исключениялар
159JavaScript'те асинхрондук коллбэктер аркылуу сүрөттөрдү жүктөө
160JavaScript'теги callback hell көйгөйү
161JavaScriptте циклде асинхрондүү сүрөттөрдү жүктөө
Промисдер
162
JavaScriptте Promisestı kirisiş
163JavaScriptтеги промисстерин ич-арасындагы кокустук учурлар
164JavaScript'теги Promise катасы объектиси
165JavaScriptтегиде промисстерде өзгөчө кырдаалдарды кармоонун өзүнчө методу
166JavaScript'теги Promise'дин уч абалы
167JavaScriptтегидеги Promise тизмеси
168JavaScript ичиндеги чынжырдагы Промисстар
169JavaScriptтеги убадалар тизмесиндеги исключениялар
170JavaScript'те промисдердин массивдери менен иштөө
171JavaScript'те иштетилген промисдерди түзүү
172JavaScriptтеги асинхрондук кодду промисификациялоо
173JavaScriptтеги promise hell көйгөйү
174JavaScript'те синхрондук стилдеги промисстер
175JavaScript'те синхрондук стилдеги исключениелер
Китепканалар
Куралдар
180
JavaScriptтеги семантикалык версионирлөө
181JavaScript'те терминал менен иштөөнүн негиздери
182NodeJS куралына киришүү
183JavaScript'те npm'ге киришүү
184JavaScript'те npm аркылу китепканаларды орнотуу
185JavaScript аркылу npm менен орнотуунун кыска формасы
186JavaScript'те package.json файлынындагы көзкарандылыктар
187JavaScript'те npm'деги өнүктүрүүчү көз карандылыктар
188JavaScript'те npm'деги көз карандылыктардын версия форматы
189JavaScript'те package.json файлынын орнотмолору
190JavaScript'те package.json файлды түзүү
191JavaScriptте npm долбоорун көчүрүү
192JavaScript'те npm'деги package-lock.json файлы
193JavaScript'те npm аркылуу пакеттерди жаңыртуу
194JavaScript'те npm аркылуу пакеттерди өчүрүү
195JavaScript'те npm аркылуу глобалдык орнотуу
196JavaScript'те npm аркылуу пакеттерди глобалдык өчүрүү
197JavaScript'теги npx куралы
198JavaScript'те npm аркылуу скрипттерди иштетүү
199JavaScript'теги Yarn менеджери
ES модулдары
200
JavaScriptтеги заманбап модулдарга киришүү
201JavaScript'те ES модулдерди иштетүү
202JavaScriptте Webpack сборщик орнотуу
203JavaScript'теги Webpack чогулткучтун иштөө принциби
204JavaScriptте Webpack курагычты орнотуу
205Webpack куралууну JavaScriptте иштетүүнү орнотуу
206Webpack аркылуу JavaScript'теги сыноо куруу
207JavaScript'те Webpack бандлын HTML биле байланыштыруу
208JavaScript'те ES модулду түзүү
209JavaScript'те ES модулду туташуу
210JavaScript'те импортто атоочу аталыштарды өзгөртүү
211JavaScript'те модулдин бардык мазмунун импорттоо
212JavaScript'те негизги экспорт
213JavaScript'теги экспортторду айкалыштыруу
214JavaScript'те экспортторду айкалыштырганда бардык мазмунду импорттоо
215ES модулдарынан JavaScriptте маанилерди экспорттоо
216ES модулдарындагы константалар катарындагы маанилер JavaScript
217JavaScriptте npm модулдерин импорттоо
218ES модулдарын JavaScript'те динамикалык импорттоо
219JavaScript'те динамикалык көп импорт
220CommonJS модулдарын ES модулдарына айландыруу JavaScript
HTTP протоколу
Сындоо сервери
224
JavaScript'теги сыноо сервери
225JavaScript'те тесттик серверди колдонуу
226JavaScript'те тестирлүү HTTP сервер аркылуу кодду аткаруу
227JavaScript тесттүү сервери аркылуу HTML генерациялоо
228JavaScriptтеги сынак сервериндеги жооптун баш аталыштары
229JavaScript менен тесттик сервердин портун орнотуу
230JavaScript'те бир нече тест серверин ачыш
Формалар
231
JavaScriptте форма жиберүү
232JavaScriptте форма жөнөтүү ыкмалары
233GET методу менен JavaScript'те форма жөнөтүү
234JavaScript'те POST методу менен формаларды жөнөтүү
235GET сурамы JavaScriptте
236JavaScript'те GET сурамдарын колдонуу
237JavaScriptтеги форманын баскычтары
238JavaScript аркылуу форма жиберүү
239JavaScriptте форманы жөнөтүүнү тыюу салуу
240FormData менен JavaScriptте иштөө
241JavaScript'теги FormData методдору
242JavaScript'теги FormData'дагы итераторлор
AJAX
243
AJAX киришүүсү
244AJAX'те fetch менен иштөөнүн негиздери
245JavaScript'те AJAX сурамдагы HTTP жооп коду
246JavaScript'те AJAX сурамдын ийгилиги
247JavaScript'те AJAX суранычтарындагы күтүлбөгөн учурлар
248AJAX каталарын JavaScriptте толук кармоо
249HTTP жооптун жол баштары AJAX-та JavaScript
250JavaScript'те AJAX аркылуу JSON алуу
251HTTP сурамынын AJAX аркылуу JavaScript тилдеги баштыктары
252JavaScriptте AJAX аркылуу GET сурамдарын жөнөтүү
253AJAX аркылуу JavaScriptте POST сурамын жөнөтүү
254URLSearchParams аркылуу JavaScriptте AJAX менен маалыматтарды жөнөтүү
255FormData аркылуу JavaScriptте AJAX менен маалыматтарды жөнөтүү
256FormData JavaScript аркылуу AJAX форма жөнөтүү
257JavaScript'те AJAX аркылуу JSON серверге жөнөтүү
258AJAX сурамдардагы CORS саясаты JavaScript
259JavaScript'те AJAX сурамында кукилерди берүү
260JavaScript'те синхрондук стилдеги fetch
Canvas менен иштөө
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'те регулярдук колдонууну оптималдаштыруу
277DOM менен иштөөнү JavaScriptте оптималдаштыруу
278JavaScript'те жаддык эс тутумун оптималдаштыруу
279JavaScript'те массивга айландырууну оптималдаштыруу
280JavaScriptтеги окуя иштетүүчүлөрдү оптималдаштыруу
281JavaScript'те эс толуктоо ылдамдыгын жакшыртуу
Маалыматтар
282