Middle Frontend Developer Vakansiyası Üçün Suallar

Middle Frontend Developer Vakansiyası Üçün Suallar

 

Frontend sahəsində peşəkar bir developer olmaq üçün müxtəlif biliklərə və təcrübəyə malik olmaq vacibdir. Bu blogda bir sıra aktual suallara cavab verərək, bu bilikləri necə tətbiq etmək lazım olduğunu izah edəcəyəm.

Frontend inkişafçılar vebsayt istifadəçilər tərəfindən görünən hissəsini hazırlayır və interaktivliyi təmin edir

 

1. Data tipləri hansılardır və hansı qruplara aiddir?

JavaScript-də data tipləri iki əsas qrupa bölünür:

     1. Primitive (Sadə) data tipləri:

           • String: Mətn dəyərləri (məs. "Salam").

           • Number: Rəqəmlər (məs. 42, 3.14).

           • Boolean: Məntiqi dəyərlər (truefalse).

           • Undefined: Dəyişkən təyin olunub, amma heç bir dəyər almayıb.

           • Null: Xüsusi “boş” dəyər.

           • Symbol: Unique və dəyişməz dəyərlər.

           • BigInt: Çox böyük rəqəmlərlə işləmək üçün istifadə olunur.

 

     2. Non-primitive (Mürəkkəb) data tipləri:

         • Object: Key-value cütlərini saxlayır.

         • Array: Siyahı şəklində dəyərləri saxlayır.

         • Function: Funksiyalar da obyekt kimi qəbul edilir.

 

2. Bütün Array metodları

      Array metodları siyahılar üzərində müxtəlif əməliyyatları icra etməyə imkan verir. Ən çox istifadə olunan metodlar bunlardır:

        • Mutasiya edən metodlar (array-i dəyişənlər):

         • push(), pop(), shift(), unshift()

         • splice(), sort(), reverse()

      • Mutasiya etməyən metodlar:

        • map(), filter(), reduce()

        • slice(), concat(), flat()

        • find(), findIndex(), indexOf()

 

4. Callback funksiyası nədir və necə işləyir?

Callback funksiyası başqa bir funksiyaya parametr olaraq ötürülən funksiyadır.

Məsələn:

 

5. Event Loop nədir və necə işləyir?

Event Loop, JavaScript-in tək thread-lik icra mühitində asinxron əməliyyatların idarə edilməsini təmin edir. Call Stack, Task QueueMicrotask Queue elementlərini idarə edir.

 

Daha çox məlumat üçün ziyarət edin

Veb inkişafı ilə bağlı daha çox bilik əldə etmək istəyirsiniz? Ətraflı bloqu oxumaq üçün Frontend Proqramlaşdırma baxin.

 

6. DOM və BOM nədir?

     • DOM (Document Object Model):

          • HTML strukturunu təmsil edir.

          • Brauzerin HTML və CSS-i oxuyaraq yaratdığı obyektlərdən ibarətdir.

     • BOM (Browser Object Model):

          • Brauzerə aid obyektləri idarə edir (məs. window, navigator, location).

 

     BOM-da nələr var?

         • window.alert(), window.history, navigator.userAgent

 

7. DOM və Virtual DOM fərqi

          • DOM: Əsl sənəd obyekt modelidir.

          • Virtual DOM: React tərəfindən idarə olunan və real DOM ilə sinxronizasiya olunan bir nüsxədir. Performansı artırmaq üçün istifadə olunur.

 

8. React Hook-lar: useEffect, useState, useRef

            • useState: Dəyəri idarə edir.

            • useRef: Dəyəri dəyişmədən saxlayır, renderə səbəb olmur.

            • useEffect: Yan təsirləri idarə edir (məs. API çağırışları).

 

      useStateuseRef fərqləri:

             • useState dəyəri dəyişəndə komponent yenidən render edilir.

             • useRef isə renderi yeniləmədən məlumatı saxlayır.

 

      Dependensiyalar və unmount:

             • useEffect-də array ([]) içindəki dəyərlərə görə yenidən işləyir.

             • return metodu ilə unmount zamanı təmizləmə əməliyyatı həyata keçirilir.

 

9. useMemo və useCallback fərqi

            • useMemo: Hesablanmış dəyəri saxlayır.

          . • useCallback: Funksiya obyektini saxlayır.

 

10. Niyə RTQ Query istifadə edirəm?

RTQ Query (React Query) asinxron məlumatların idarə edilməsini asanlaşdırır, caching və refetching funksiyaları ilə performansı artırır.

 

Siz frontendi mükəmməl səviyyədə öyrənərək, yalnız texniki biliklərinizi artırmaqla kifayətlənməyəcəksiz, və sayt yaratmaq nedi biləcəksiniz.

 

11. REST API metodları hansılardır?

           • GET: Məlumat oxumaq üçün.

           • POST: Yeni məlumat əlavə etmək üçün.

           • PUT/PATCH: Mövcud məlumatı yeniləmək üçün.

           • DELETE: Məlumatı silmək üçün.

 

12. SSR və Client fərqi nədir?

          • SSR (Server-Side Rendering): HTML serverdə render edilir.

          • Client-Side Rendering: HTML və JavaScript brauzerdə render edilir.

 

13. React-da hansı kitabxanaları istifadə edirəm?

            • Styling: TailwindCSS, Styled Components

            • Data Fetching: Axios, React Query

            • Routing: React Router

            • State Management: Redux, Zustand