Frontend

როგორ დავტვირთოთ გამოსახულებები იმ ბარათებში, რომლებიც ხედვაშია? როგორ გადავჭრათ race condition-ის პრობლემა სწრაფი კონტენტის შეცვლის დროს (მაგ., YouTube Shorts)?

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

თქვით Docker, CI/CD, GitHub Actions, GitLab — შეგიძლიათ ახსნათ, რა აკეთებდით ზუსტად, რა იყო პაიპლაინებში, რა იყო კონტეინერებში?

რა გამოიყენებოდა მრავალმხრივი ფორმების სამუშაოდ — დადასტურებისთვის, რა პრობლემები შეხვდათ, როგორ ტესტავდნენ?

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

როგორ შეიძლება მონაცემები სერვერზე კეშში ჩასმა, რათა მომხმარებლების ჩატვირთვა სწრაფი იყოს?

რომელი ფრეიმვორკები ან ინსტრუმენტები გქონდათ? გამოიყენებთ თუ არა AI ინსტრუმენტებს თქვენს მუშაობაში?

#React რეგისტრაციის ფორმა 1. ახსენით, როგორ მუშაობს StateProvider, გაუზიარეთ თქვენი მოსაზრებები ინტერვიუერისთვის. 2. შეხედეთ /src/api/mock-ს, ახსენით, როგორ მუშაობს. 3. შემოწმეთ SubmitButton-ის ფერი და გამოასწორეთ. 4. განახორციელეთ მომხმარებლის ფორმის ვალიდაცია Signup კომპონენტში. (\*) გაითვალისწინეთ დავალება ნომერი 9. წესები: - მომხმარებლის სახელი, ელ.ფოსტა, პაროლი და განმეორებითი პაროლი ველებს უნდა ჰქონდეთ მინიმუმ 6 სიმბოლო; - პაროლი უნდა ემთხვეოდეს განმეორებით პაროლს; - ვალიდაცია უნდა განხორციელდეს "SignUp" ღილაკზე დაჭერის შემდეგ; - ველებს, რომლებიც არასწორ მნიშვნელობებს შეიცავს, უნდა მიენიჭოს ნიშნული (props error და helperText); 6. API-ის პასუხში შეიძლება იყოს შეცდომა, რომელიც უნდა გამოჩნდეს მომხმარებლისთვის შესაბამის ველთან ახლოს. 7. დარწმუნდით, რომ UserName კომპონენტი აჩვენებს ახალ მომხმარებლის სახელს წარმატებული გაგზავნის შემდეგ. 8. განახორციელეთ ახალი SignupSuccess კომპონენტი. ის უნდა გამოჩნდეს რეგისტრაციის ფორმის ნაცვლად. 9. განახორციელეთ სერვერული ვალიდაცია შესაბამის ველებზე. --- mock.ts-დან კოდი: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `მომხმარებლის სახელი "${userName}" უკვე დაკავებულია. სცადეთ სხვა.` ) ); } }, 500); }); }, }; export default api; ```

customMap ფუნქციისთვის TypeScript ტიპიზაციას განახორციელეთ, რომელიც იღებს ნებისმიერი ტიპის მასივს და სხვა ტიპს აბრუნებდე ტრანსფორმაციის ფუნქციას. ტრანსფორმაციის ფუნქციამ უნდა მიიღოს სამი არგუმენტი (როგორც callback-ი Array.map-ში).

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

შეასრულეთ სერვერის მხარის ვალიდაცია შესაბამისი ველებისთვის.

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

შეასრულეთ promiseWithResolver (გადადებული დაპირება) ფუნქცია, რომელიც აბრუნებს ობიექტს, სადაც ფარატები resolve და promise არიან.

როგორ იყო მიწოდებული რელიზები, როგორ ტესტავდნენ, რამდენად ხშირად გამოვიდოდნენ?

როგორ სწავლობ პროგრამირებაზე ახალი რამე და რა არის ბოლო დროს შენზე დარჩენილი?

მხოლოდ ერთი div და CSS-ის გამოყენებით შექმენით STOP ნიშანი (წითელი წრე თეთრი ზოლით და ორჯერადი საზღვრით) (პსევდო ელემენტები დაშვებულია).

რა გიკეთია ჩვეულებრივ, თუ გრძნობ, რომ განვითარება მიმდინარეობს და ცოტა ჩამორჩი ვადებს? გამოსვლის თარიღი არსებობს, მაგრამ გესმის, რომ ვერ მოასწრებ დავალების დასრულებას დროულად.

#React დარეგისტრირების ფორმა 1. ახსენით, როგორ მუშაობს StateProvider, გაუზიარეთ თქვენი მოსაზრებები ინტერვიუერისთვის. 2. გადახედეთ /src/api/mock-ს, ახსენით, როგორ მუშაობს. 3. შემოწმეთ SubmitButton-ის ფერი და გაასწორეთ. 4. განახორციელეთ მომხმარებლის ფორმის ვალიდაცია Signup კომპონენტში. (* ) გაითვალისწინეთ დავალების ნომერი 9. წესები: - მომხმარებლის სახელი, ელ.ფოსტა, პაროლი, პაროლის გამეორება ველებს უნდა ჰქონდეთ მინიმუმ 6 სიმბოლო; - პაროლი უნდა ემთხვეოდეს პაროლის გამეორებას; - ვალიდაცია უნდა განხორციელდეს "დარეგისტრირება" ღილაკზე დაჭერისას; - არასწორი მნიშვნელობების მქონე ველები უნდა იყოს მონიშნული (props error და helperText); 6. API-ის პასუხში შეიძლება იყოს შეცდომა, რომელიც უნდა გამოჩნდეს მომხმარებლისთვის შესაბამის ველთან ახლოს. 7. დარწმუნდით, რომ UserName კომპონენტი აჩვენებს ახალ მომხმარებლის სახელს წარმატებული გაგზავნის შემდეგ. 8. განახორციელეთ ახალი SignupSuccess კომპონენტი. ის უნდა გამოჩნდეს რეგისტრაციის ფორმის ნაცვლად. 9. განახორციელეთ სერვერული ვალიდაცია შესაბამის ველებზე.

როგორ იცვლებოდნენ ფაილები ჩატში — უბრალოდ POST-სითხოვნით თუ დიდი ფაილები იყო?

ლაითჰაუსთან მუშაობდი ოდესმე? წარმოიდგინე, რომ გიწესებენ FCP (First Contentful Paint) მეტრიკის გაუმჯობესებას. რა იდეები გიჩნდება თავში?