JavaScript-ის უმაღლესი სახელმძღვანელო

სტილიზაცია

სტილიზაცია style ატრიბუტით საზომი ერთეულები style ატრიბუტში შეცდომები საზომ ერთეულებში CSS თვისებების მნიშვნელობების გაშიფვრა სტილების გადატვირთვა style-ით სტილების მასობრივი მინიჭება სტილების წაკითხვის პრობლემები თვისებების კითხვა CSS ფაილებიდან წაკითხული მნიშვნელობების გარდაქმნა სტილიზაცია კლასებით ერთი კლასი სტილიზაციისთვის კლასების მოუხერხებლობა სტილების მონაცვლეობა data--ით

ელემენტების მეტრიკები

ელემენტების გაფართოება CSS-ში სატესტო ელემენტი ელემენტის კლიენტური ზომა ელემენტის სრული ზომა გადახვევის მქონე ელემენტის ზომები ელემენტების გადახვევა ელემენტის გადახვევის შეცვლა ელემენტის ბოლომდე გადახვევა ელემენტის გაშლა გადახვევის ზოლის სიგანე

ფანჯრის მეტრიკები

ფანჯრის ზომები ფანჯრის ზომები გადახვევის გათვალისწინებით ფანჯრის გადახვევის მიღება ფანჯრის გადახვევის მიღება და შეცვლა ფანჯრის პოზიციაზე გადასახვევი მეთოდი ფანჯრის სიდიდეზე გადასახვევი მეთოდი ფანჯრის ელემენტთან მისასვლელად გადასახვევი მეთოდი გადახვევის მოვლენა

Map-ის კოლექციები

გაცნობა სასარგებლო შესაძლებლობები ჩატვირთვა ციკლით გასაღებები და მნიშვნელობები Map-ის გამოყენება

კოლექცია Set

გაცნობა საწყისი შევსება სასარგებლო შესაძლებლობები ჩამოთვლა ციკლით გარდაქმნა დუბლიკატების მოცილება მასივიდან მიღება უნიკალური ელემენტებით

ფსევდომასივები

გაცნობა მსგავსება მასივებთან განსხვავებები მასივად შემოწმება მასივად გარდაქმნა ფსევდომასივების ტიპები სხვაობა ტიპებს შორის

სიმბოლოები

გაკვეთილი სიმბოლოს ტიპზე სიმბოლოს აღწერა სიმბოლოები ობიექტების გასაღებებად ობიექტის გადარჩევა სიმბოლოებით ფუნქცია ობიექტში ოპერაციები ობიექტებთან ფუნქციაში გლობალური სიმბოლოები სიმბოლოს სახელის მიღება კარგად ცნობილი სიმბოლოები

იტერატორები

იტერირებადი ობიექტები იტერატორის ფუნქცია იტერატორის გამოძახებები გენერატორები ციკლები გენერატორებში იტერატორების ერთჯერადი მუშაობა ობიექტის იტერატორი იტერირებადი ობიექტის შექმნა გენერატორი გამოთვლილი თვისების მეშვეობით ჩაშენებული იტერატორი values ჩაშენებული იტერატორი keys ჩაშენებული იტერატორი entries სამი ჩაშენებული იტერატორი ოპერატორი spread და იტერატორები სტრიქონების ჩაშენებული იტერატორები რიცხვის ციფრთა მასივი DOM ელემენტების ნუმერაცია DOM ელემენტების მონაცემების მიღება

JSON-ის ფორმატი

შესავალი JSON-ის მონაცემებად გადაქცევა მონაცემების JSON-ად გადაქცევა JSON-ში მონაცემების შეცვლა

საცავი

გაცნობა საცავი დებაგერში მონაცემები ერთჯერადი შენახვა მონაცემების გადაწერა მონაცემების წაშლა საცავის გასუფთავება ჩანაწერების რაოდენობა გასაღების მიღება ნომრით საცავის გადარჩევა ინდექსებით საცავის გასაღებების და მნიშვნელობების მასივები სტრუქტურების შენახვა შენახული სტრუქტურების მოდიფიკაცია პრაქტიკუმი

რეგულარული გამონათქვამები

გაცნობა გამეორების ოპერატორები დაჯგუფების ფრჩხილები სპეცსიმბოლოების ეკრანირება ფიგურული ფრჩხილები ალურვის შეზღუდვა სიმბოლოთა ჯგუფები სიმბოლოთა ნაკრები სიმბოლოთა ნაკრების ინვერტირება კირილიცის თავისებურებანი სპეცსიმბოლოები ნაკრებში სიმბოლოთა ჯგუფები ნაკრებში გამონაკლისი სპეცსიმბოლოები ნაკრებში კეპის სიმბოლო ნაკრებში დეფისის თავისებურებანი ნაკრებში რეგისტრის იგნორირება სტრიქონის დასაწყისი და დასასრული სიტყვის საზღვარი მრავალსტრიქონიანობა ბრძანება 'ან' ცვლადი რეგულარულით method test method search method split method match ჯიბეები method match-ში გლობალური match გლობალური matchAll method exec lastIndex property ჯიბეები method replace-ში კოლბექი method replace-ში საწყისი ჯიბეები method replace-ში ჯიბეები თავად რეგულარულში დასახელებული ჯიბეები დასახელებული ჯიბეები გამონათქვამში შეუნახავი ფრჩხილები პოზიტიური და ნეგატიური გადახედვა სტრიქონი რეგულარულით დროშები სტრიქონებისთვის უკუ ხახვი სტრიქონებში

გამონაკლისი სიტუაციები

შესავალი წარმომქმნელი სიტუაციების სახეები გამონაკლისების დაჭერა განვითარება try-catch-თან გამონაკლისების დაჭერა ჩადგმულ კოდში ობიექტი გამონაკლისით ძირითადი ტიპის გამონაკლისები გამონაკლისის ტიპის გამოყენება გამონაკლისების გადაგდება სხვადასხვა ტიპის გამონაკლისების გადაგდება საკუთარი ტიპის გამონაკლისების გადაგდება გამონაკლისის მაგალითი data- ატრიბუტებთან გამონაკლისის მაგალითი JSON-თან გამონაკლისების გადაცემა

ასინქრონულობა

სინქრონული და ასინქრონული კოდი სათისაშვიო მოდელის ასინქრონულობა სურათების ჩატვირთვის ასინქრონულობა განსაკუთრებული სიტუაციები ასინქრონულ კოდში

ასინქრონული კოლბექები

შესავალი რეზულტატის ასინქრონული გადაცემა კოლბექში პარამეტრების გადაცემა ასინქრონულ კოლბექში გამონაკლისების დამუშავება ასინქრონულ კოლბექებში სურათების ჩატვირთვა Callback hell-ის პრობლემა სურათების ასინქრონული ჩატვირთვა ციკლში

პრომისები

პრომისების შესავალი გამონაკლისი სიტუაციები ობიექტი შეცდომით გამონაკლისების ცალკე დაჭერა პრომისის მდგომარეობები პრომისების ჯაჭვები პრომისები ჯაჭვის შიგნით გამონაკლისები პრომისების ჯაჭვებში პრომისების მასივებთან მუშაობა შესრულებული პრომისების შექმნა ასინქრონული კოდის პრომისიფიკაცია Promise hell-ის პრობლემა პრომისები სინქრონული სტილით გამონაკლისები სინქრონულ სტილში

ბიბლიოთეკები

შესავალი გამოყენება CDN ბიბლიოთეკების უხერხულობები

ინსტრუმენტები

სემანტიკური ვერსიონირება ტერმინალი NodeJS შესავალი npm-ში ინსტალაცია npm-ის მეშვეობით ინსტალაციის მოკლე ფორმა დამოკიდებულებები package.json ფაილში Dev დამოკიდებულებები დამოკიდებულებების ვერსიების ფორმატები package.json ფაილის პარამეტრები package.json ფაილის შექმნა npm პროექტის გადატანა package-lock.json ფაილი პაკეტების განახლება პაკეტების წაშლა გლობალური ინსტალაცია npm-ის მეშვეობით პაკეტების გლობალური წაშლა npx ინსტრუმენტი სკრიპტების გაშვება npm-ის მეშვეობით Yarn მენეჯერი

ES მოდულები

შესავალი მოდულებში ES მოდულების ჩართვა Webpack-ის ინსტალაცია Webpack-ის მუშაობის პრინციპი Webpack-ის კონფიგურაცია Webpack აწყობის გაშვების კონფიგურაცია ტესტური აწყობა Webpack-ის მეშვეობით ბანდლის ვერსტკაში მიერთება ES მოდულის შექმნა ES მოდულის მიერთება სახელის შეცვლა იმპორტის დროს მოდულის მთელი შიგთავსის იმპორტი ექსპორტი ნაგულისხმევად ექსპორტების კომბინაცია მთელი შიგთავსის იმპორტი ექსპორტების კომბინაციის დროს მნიშვნელობების ექსპორტი მნიშვნელობები როგორც კონსტანტები npm მოდულების იმპორტი დინამიური იმპორტი დინამიური მრავალჯერადი იმპორტი CommonJS მოდულების გარდაქმნა

HTTP პროტოკოლი

HTTP-ს ტუტორიალის შესწავლა URLSearchParams URL

ტესტური სერვერი

შესავალი გამოყენება კოდის შესრულება HTML-ის გენერირება პასუხის ჰედერები პორტის კონფიგურაცია მრავალჯერადი გაშვება

ფორმები

ფორმის გაგზავნა ფორმის გაგზავნის მეთოდები ფორმის გაგზავნა GET მეთოდით ფორმის გაგზავნა POST მეთოდით GET მოთხოვნები GET მოთხოვნების გამოყენება ფორმის ღილაკები ფორმის გაგზავნა JavaScript-ის მეშვეობით ფორმის გაგზავნის აკრძალვა შესავალი FormData-ში FormData-ის მეთოდები FormData-ის იტერატორები

AJAX

შესავალი AJAX-ში fetch-თან მუშაობის საფუძვლები HTTP პასუხის კოდი მოთხოვნის წარმატებულობა განსაკუთრებული სიტუაციები შეცდომების სრული დაჭერა HTTP პასუხის ჰედერები JSON-ის მიღება HTTP მოთხოვნის ჰედერები GET მოთხოვნები POST მოთხოვნები მონაცემები URLSearchParams-ის მეშვეობით მონაცემები FormData-ის მეშვეობით მთელი ფორმის გაგზავნა JSON-ის გაგზავნა CORS პოლიტიკა ქუქი-ფაილების გადაცემა სინქრონული სტილი

კანვასთან მუშაობა

მუშაობის დაწყება ხაზების ხატვა მართკუთხედების ხატვა წრეწირების ხატვა ხაზის ფერის შეცვლა ხაზების ზომის შეცვლა ციკლები

კოდის ოპტიმიზაცია

საიტის ჩატვირთვის სიჩქარის ფაქტორები ხელმისაწვდომი რესურსები განმეორებადი ოპერაციების ოპტიმიზაცია მძიმე ოპერაციების განმეორების ოპტიმიზაცია ციკლური ოპერაციების ოპტიმიზაცია ციკლის დამატებითი პასების ოპტიმიზაცია ჩაშენებული ფუნქციების მეშვეობით ოპტიმიზაცია ოპტიმალური ალგორითმის არჩევა რეგულარული გამონათქვამების გამოყენების ოპტიმიზაცია DOM-თან მუშაობის ოპტიმიზაცია მეხსიერების მოხმარების ოპტიმიზაცია მასივად გარდაქმნის ოპტიმიზაცია მოვლენების დამმუშავებლების ოპტიმიზაცია სიჩქარის ოპტიმიზაცია მეხსიერების ხარჯზე

მონაცემები

იმუტაბელურობა მასივის ასლი ობიექტის ასლი ელემენტების დამატება მასივში მასივის ელემენტების წაშლა მასივების ელემენტების შეცვლა ობიექტების მასივი შემთხვევითი id-ის გენერირება ელემენტის დამატება id-თან ერთად ელემენტის წაშლა id-ის მიხედვით ელემენტის შეცვლა id-ის მიხედვით ერთი ველის შეცვლა id-ის მიხედვით ელემენტის მიღება id-ის მიხედვით
azbydeenesfrkakkptruuz