ტოპ 25, რაც აუცილებლად უნდა იცოდეთ ვებ დეველოპერების ინტერვიუს კითხვები და პასუხები

ვებ დეველოპერები აგრძელებენ მოთხოვნას, რადგან ინტერნეტი იზრდება. თუმცა სამუშაოს მოსაპოვებლად, ჯერ დამსაქმებლის გასაუბრების სესიის მასშტაბი უნდა გააკეთოთ.

მიუხედავად იმისა, რომ უფრო დიდი გუნდები მიდრეკილნი არიან დაიქირავონ კონკრეტულად ფრონტ-ენდის ან ბექ-ენდის დეველოპერები, პატარა გუნდები და სტარტაპები ხშირად მიმართავენ სრული სტეკის დეველოპერებს. ასე რომ, სასარგებლოა რაც შეიძლება მეტი იცოდეთ.

ქვემოთ მოცემულია ვებ დეველოპერების ინტერვიუს ტოპ 25 ყველაზე მნიშვნელოვანი კითხვების სია და მათი პასუხები, რათა დაგეხმაროთ მომზადებაში.

1. რა როლები აქვს HTML-ს, JavaScript-ს და CSS-ს ვებ შემუშავებაში?

HTML ნიშნავს ჰიპერტექსტის მარკირების ენას და ის არის სტანდარტული ენა დოკუმენტების შემუშავებისთვის, რათა გამოქვეყნდეს ინტერნეტში. JavaScript და CSS არის დამატებითი.

JavaScript თავდაპირველად შეიქმნა, როგორც კლიენტის მხარის პროგრამირების ენა, ის შესრულებულია ბრაუზერში, რათა შექმნას მეტი ფუნქციონირება ვებ გვერდზე. CSS ნიშნავს Cascading Style Sheets და გამოიყენება ეკრანზე ელემენტების წარმოსაჩენად.

2. რა არის საპასუხო ვებ დიზაინი

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

მიზანია ვებსაიტი კარგად გამოიყურებოდეს ყველა მოწყობილობაზე და ეს იწვევს დინამიურ ცვლილებებს, რომლებიც ან მცირდება ყუთების ზომების გაზრდით და გასწორება მოწყობილობის ეკრანის ზომის ან ორიენტაციის მიხედვით.

3. რა სარგებელი მოაქვს ჩარჩოს გამოყენებას?

ვებ აპლიკაციის შემუშავებისას ფრეიმურის გამოყენებას ბევრი სარგებელი მოაქვს. ძირითადი მათგანი შემდეგია:

1. უფრო მარტივი განვითარების პროცესი საუკეთესო პრაქტიკით.
2. უფრო სწრაფი განვითარება დამწყებ პროექტებთან ერთად დაზოგავს დროს.
3. აპრობირებული კოდის გამოყენება.
4. ხშირად უზრუნველყოფს უკეთეს უსაფრთხოებას.
5. დაზოგავს ხარჯებს, განსაკუთრებით დიდი პროექტებით.

4. რა არის JavaScript Callback?

JavaScript გამოძახება არის ფუნქცია, რომელიც უნდა შესრულდეს სხვა ფუნქციის შემდეგ. გამოძახების ფუნქციის სახელი და არგუმენტები შეიძლება გადაეცეს არგუმენტებად პირველ ფუნქციას, გარდა ამისა, პირველ ფუნქციას ასევე შეუძლია გადასცეს არგუმენტები შიგადაძახების ფუნქციას, რომლებიც მისი გამოთვლების შედეგია.

გამოძახების ფუნქციები საუკეთესოდ გამოიყენება ასინქრონულ ფუნქციებთან, რომლებიც უნდა დაელოდონ სხვა ფუნქციებს პირველად შესრულების დასასრულებლად.

5. ახსენით Local Vs Global Scope JavaScript-ში

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

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

6. ახსენით Z-Index CSS-ში

z- ინდექსი არის ელემენტის თვისება, რომელიც გამოიყენება ელემენტის დასტის რიგის დასადგენად. სტეკის შეკვეთა გულისხმობს ელემენტის უნარს იყოს სხვა ელემენტების უკან ან წინ, ისევე როგორც ბარათების დასტა.

დატის უფრო მაღალი რიგის ელემენტები ჩნდება დატის ქვედა რიგის ელემენტების წინ. ამ კონტექსტში, ელემენტს დასტას 2 ან 100-იანი რიგის მინიჭება იძლევა გარანტიას, რომ ის გამოჩნდება ყველა სხვა გვერდზე გვერდზე. ანალოგიურად, გვერდი, რომელსაც არ აქვს განსაზღვრული სტეკის შეკვეთები, დააწყობს ქვედა ელემენტებს წყაროდან უფრო მაღალი ვიდრე ზედა.

7. რა არის Marquee HTML-ში?

Marque არის კონტეინერის ტეგი HTML-ში, რომელიც გამოიყენება გადახვევის ტექსტის საჩვენებლად. ის საშუალებას გაძლევთ აკონტროლოთ გადახვევის მიმართულება, ასევე სიჩქარე. თუმცა, Marquee მოძველებულია HTML5-ში და ამის ნაცვლად გირჩევთ გამოიყენოთ CSS.

გადახვევის მაგალითი მარკეტით:

Marquee გადახვევის ტექსტი

8. ჩამოთვალეთ გვერდის დატვირთვის დროის შემცირების ძირითადი გზები

არსებობს მრავალი ნაბიჯი, რომელიც დეველოპერს შეუძლია გადადგას გვერდის დატვირთვის დროის გასაუმჯობესებლად, მათ შორის მთავარია:

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

9. რა განსხვავებაა ტილოსა და SVG-ს შორის?

SVG ნიშნავს Scalable Vector Graphics and the ტეგი არის კონტეინერის ელემენტი გრაფიკის შესაქმნელად, როგორიცაა წრე, ყუთი, ელიფსი და ა.შ. თქვენ შეგიძლიათ შეცვალოთ SVG CSS ან JavaScript-ის გამოყენებით და იყოთ მასშტაბირებადი, რაც ნიშნავს რომ ის კარგად მუშაობს მაღალი გარჩევადობის გამოსავლებზე.

The კონტეინერი, მეორეს მხრივ, არის რასტრული და არა მასშტაბირებადი. იგი ასევე გამოიყენება გრაფიკის შესაქმნელად, მაგრამ მისი შეცვლა შესაძლებელია მხოლოდ JavaScript-ით. თუმცა უფრო ეფექტურია უფრო დიდი რაოდენობის ობიექტების მართვაში.

10. როგორ აკეთებს Null განსხვავდება Undefined?

Null არის წარმომადგენლობა ღირებულების გარეშე. ის ჩვეულებრივ გამოიყენება როგორც განლაგების დამჭერი განსაზღვრული ცვლადის ინიციალიზაციისთვის, რომელსაც არ აქვს მინიჭებული რეალური მნიშვნელობა. მეორეს მხრივ, Undefined ეხება განსაზღვრულ ცვლადს, რომელიც არ არის ინიციალიზებული.

JavaScript-ში:

var variableA;

var ცვლადიB = null;

გაფრთხილება (ცვლადი A); //გვიჩვენებს განუსაზღვრელს

გაფრთხილება (ცვლადიB); //ნულს აჩვენებს

11. რით განსხვავდება ID კლასისგან?

ID და კლასი HTML დოკუმენტში ელემენტების იდენტიფიკაციისა და დამუშავების ორი მეთოდია. ამ ორს შორის მთავარი განსხვავება ისაა, რომ ID უნდა იყოს უნიკალური. სხვა სიტყვებით რომ ვთქვათ, ორ ელემენტს არ შეუძლია ერთი და იგივე ID-ის გაზიარება, მაგრამ ორ ან მეტ ელემენტს შეუძლია ერთი და იგივე კლასის გაზიარება.

ID გამოიყენება კონკრეტული ელემენტების დასამუშავებლად, ხოლო კლასი გამოიყენება ელემენტების ჯგუფის დასამუშავებლად, რომლებსაც აქვთ ერთი ან მეტი საერთო მახასიათებელი.

12. როგორ აუმჯობესებთ ვებსაიტის უსაფრთხოების ფუნქციებს?

რამდენიმე ნაბიჯი, რომელიც შეგიძლიათ გადადგათ ვებსაიტის უსაფრთხოების გასაუმჯობესებლად, მოიცავს:

1. ძლიერი პაროლის პოლიტიკის აღსრულება. ეს ნიშნავს იმის შემოწმებას, რომ შერჩეული პაროლი შეიცავს 8 სიმბოლოს და შეიცავს ციფრებს, სპეციალურ სიმბოლოებს და დიდ და პატარა ასოებს.
2. კაპჩას ან რაიმე ანტი-ბოტის ღონისძიების გამოყენება.
3. საჭიროების შემთხვევაში, 2-ფაქტორიანი ან მრავალფაქტორიანი ავთენტიფიკაციის მეთოდების გამოყენება, როგორიცაა OTP (ერთჯერადი პაროლები) და ტექნიკის დონგლები.
4. ჰოსტის გამოყენება DDoS დაცვით და ავტომატური სარეზერვო ფუნქციებით.

13. რით განსხვავდება localStorage sessionStorage-ისგან?

localStorage და sessionStorage სისტემები ორივე საშუალებას აძლევს დეველოპერს შეინახოს მონაცემები ვებ ბრაუზერში. თუმცა, localStoarage არის მუდმივი, ხოლო sessionStorage არა. სხვა სიტყვებით რომ ვთქვათ, localStorage-ში შენახული მონაცემები ხელმისაწვდომი იქნება ბრაუზერზე რამდენიმე სესიაზე, ხოლო sessionStorage-ში შენახული მონაცემები წაიშლება ბრაუზერის ჩანართის დახურვის შემდეგ.

14. ჩამოთვალეთ HTTP2.0 გაუმჯობესებები HTTP 1.1-ზე

HTTP/2 პროტოკოლი გამოქვეყნდა 2015 წელს და გთავაზობთ მნიშვნელოვან გაუმჯობესებას, როგორიცაა:

1. უკეთესი უსაფრთხოება ორობითი ტექსტის გამოყენებით.
2. უკეთესი შესრულება.
3. ქვედა შეყოვნება.
4. შეცდომების უკეთესი მართვა.
5. ქვედა ზედნადები.

15. რა განსხვავებაა Git Pull-სა და Git Merge-ს შორის?

git pull ბრძანება საშუალებას გაძლევთ ჩამოტვირთოთ შინაარსი დისტანციური საცავიდან, შემდეგ კი ის განაახლებს თქვენს ადგილობრივ საცავს გადმოწერილი შინაარსით.

მეორეს მხრივ, git შერწყმის ბრძანება საშუალებას გაძლევთ დააკავშიროთ ერთი და იგივე პროექტის ორი ცალკე განვითარებული ფილიალი. შერწყმის ბრძანება უნდა შესრულდეს იმ ფილიალიდან, რომელშიც გსურთ შერწყმა და ეს ჩვეულებრივ არის მთავარი ფილიალი.

16. რითი განსხვავდება GET POST-ისგან და PUT-ისგან?

HTML GET მეთოდს იყენებს ბრაუზერი სერვერიდან ინფორმაციის მოსათხოვად, ხოლო POST და PUT მეთოდები გამოიყენება ბრაუზერიდან სერვერზე ინფორმაციის გასაგზავნად.

მაგრამ მაშინ, როცა POST მოთხოვნას შეუძლია უბრალოდ დაამატოთ მონაცემები სერვერის რესურსზე, PUT მოთხოვნა გამოიყენება რესურსის მთლიანად ჩანაცვლებისთვის მოთხოვნის დატვირთვის გამოყენებით.

17. ჩამოთვალეთ მონაცემთა გაცვლის ყველაზე პოპულარული ფორმატები

აქ არის მონაცემთა გაცვლის ყველაზე პოპულარული ფორმატები დღემდე:

1. XML
2. იამლი
3. CSV
4. JSON
5. HTTP
6. SQL

18. ჩამოთვალეთ ამომხტარი ყუთების 3 ტიპი

JavaScript-ში ამომხტარი ყუთები გამოიყენება მომხმარებლისთვის შეტყობინებების საჩვენებლად, შეყვანის მოთხოვნით და ზოგჯერ ორივეს გასაკეთებლად. აქ არის 3 ტიპის JavaScript ამომხტარი ფანჯარა:

1. გაფრთხილების ყუთი – ეს აჩვენებს თქვენს შეტყობინებას და ღილაკს „OK“.
2. Confirm Box – ეს დიალოგური ფანჯარა შეიცავს ღილაკებს „OK“ და „გაუქმება“, რომლებსაც შეუძლიათ გავლენა მოახდინონ კოდზე.
3. სწრაფი ყუთი – ეს ველი შეიცავს ტექსტის შეყვანის ველს მომხმარებლისგან ინფორმაციის შესაგროვებლად.

19. დაასახელეთ CSS კოდის ჩართვის სხვადასხვა გზები

HTML დოკუმენტში CSS-ის ჩართვის 3 გზა არსებობს. ისინი არიან:

1. გარე CSS – თქვენ ჩართავთ .css დოკუმენტს გამოყენებით დოკუმენტის შიგნით ტეგები.
2. ჩაშენებული CSS – თქვენ ათავსებთ CSS კოდს შიგნით ტეგები, დოკუმენტის ნებისმიერ ადგილას.
3. შიდა CSS – თქვენ იყენებთ style=”CSS-property: value” წყვილს თქვენი HTML ტეგების შიგნით, მაგ. PSquare!

20. როგორ აკეთებს ფანჯარა.ჩატვირთვა განსხვავდება document.onload-ისგან?

Window.onload გამოიყენება JavaScript კოდის შესასრულებლად მას შემდეგ, რაც ბრაუზერი ჩაიტვირთება გვერდის DOM ხე და სხვა საფუძვლები, მათ შორის სურათები, CSS კოდი და სკრიპტები.

მიუხედავად იმისა, რომ document.onload სრულდება DOM-ის მზადებისთანავე, ეს შეიძლება ნიშნავდეს სურათების და გარე ბიბლიოთეკების ჩატვირთვამდეც კი.

21. როგორ მალავთ ელემენტს CSS-ის გამოყენებით?

თქვენ შეგიძლიათ დამალოთ HTML ელემენტი 3 CSS მეთოდის გამოყენებით, ესენია:

1. ჩვენება: არცერთი; – ელემენტი არც არის გამოსახული და არც ნაჩვენები.
2. ხილვადობა: დამალული; – ელემენტი გამოსახულია, მაგრამ არ არის ნაჩვენები.
3. პოზიცია: აბსოლუტური; – ელემენტი გამოსახულია და ნაჩვენებია, მაგრამ განლაგებულია ჩვენების არეალის გარეთ.

22. რა არის Ajax-ის საუკეთესო გამოყენება?

Ajax არის სერვერიდან მონაცემების ფონზე ჩატვირთვის მეთოდი JavaScript-ის გამოყენებით. მას აქვს მრავალი გამოყენება, როგორიცაა მონაცემთა დადასტურება, ჩეთის აპები, კომენტარები, მონაცემთა გაფილტვრა, ვიზუალური რედაქტირება, გამოკითხვები და ა.შ.

23. ჩამოთვალეთ CSS3-ის რამდენიმე ახალი მახასიათებელი

CSS3 მოიცავს ბევრ თანამედროვე და სასარგებლო ფუნქციას CSS2-ზე, როგორიცაა:

1. მომრგვალებული კუთხეები ყუთებისა და სურათებისთვის.
2. ობიექტების ანიმაცია.
3. ცვლადები და ფუნქციები დეკლარაციებისთვის.
4. Grid & Flexbox საპასუხო დიზაინისთვის.
5. გრადიენტები ფონის ფერებისთვის.
6. გამჭვირვალობის კონტროლი rgba-ს გამოყენებით.
7. ჩრდილის ეფექტი ყუთებისა და ტექსტებისთვის.
8. გადასვლები Hover-ისთვის და ფოკუსირება ელემენტებზე.

24. შეყვანის რომელი ახალი ტიპები დაინერგა HTML5-ში?

შეყვანის ტიპი არის მნიშვნელობა, რომელსაც აძლევთ შეყვანის ელემენტს HTML დოკუმენტში.

მაგალითი არის:

or

HTML5 შეყვანის ახალი ტიპები მოიცავს:

1. თარიღი
2. ფერი
3. ელ. ფოსტა
4. ძებნა
5. ტელ
6. თვე
7. პუნქტების დიაპაზონი
8. თვე
9. URL
10. თარიღი-ადგილობრივი

25. აღწერეთ HTML5 მედია ელემენტები

HTML5 შეიცავს მეტ ელემენტის ტეგს მედიის ტიპებისა და წყაროების დასამუშავებლად. ისინი არიან:

• - MP4, WebM და Ogg ვიდეოებისთვის.
• - მრავალი წყაროს განსაზღვრა სხვადასხვა ფორმატში.
• - MP3, Ogg და WAV აუდიოსთვის.
• – კონტეინერი, რომელიც მოიცავს გარე რესურსებს სურათებიდან ვიდეომდე და ვებ გვერდებამდე.
• – ვიდეოებისთვის სუბტიტრების ჩანაწერების დასაზუსტებლად.

დასკვნა

ვებ დეველოპერების ინტერვიუს ტოპ 25 ტოპ აუცილებელ კითხვებს ჩვენი სიის დასასრულს რომ მივაღწიოთ, ხედავთ, რომ სრული სტეკის დეველოპერად ყოფნას ტექნოლოგიების საკმაოდ კომბინაცია სჭირდება.

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