HTML + CSS

1 Що таке DOCTYPE і для чого він потрібен? Що буде, якщо його не вказати?

2 Для чого потрібні мета-теги?

3 Чим відрізняється блочний елемент від строчного?

4 Чому деякі символи можуть відображатись на сторінці у виді квадратів?

5 Що таке семантична верстка? Які семантичні теги знаєте?

6 Які типи заголовків існують в HTML?

7 Що називається потоком докумнта в HTML? Чи можна його змінювати?

8 Які існують способи підключення JavaScript до html-сторінки? В чому між ними різниця?

9 Які існують способи додавання CSS на сторінку?

10 Різниця між reset.css и normalize.css?

11 Що таке critical CSS?

12 Що таке специфічність селекторів в CSS?

13 В чому різниця між псевдокласом та всевдоелементом в CSS?

14 Що таке блочна модель CSS?

15 Яку роль виконує box-sizing?

16 Які є види позиціонування елементів на сторінці?

17 Що робить властивість z-index?

18 В чому різниця між px, em, rem?

19 Що таке гумова, адаптивна та відзивчива верстка? В чому між ними різниця?

20 В чому різниця між visibility:hidden и display:none?

21 Що таке repaint и reflow?

22 Яка різниця між відносною та абсолютною адресою?

23 Різниця між тегом та елементом?

24 Коли ви використовуєте <button> , а коли <a>?

25 Для чого потрібен атрибут type у кнопки?

26 Різниця між checkbox та radio?

27 Що таке наслідування стилів в CSS? І що таке каскадність в CSS?

28 В чому різниця між контентними і оформлюючими/декоративними зображеннями?

29 Чому у <img> та <input> не має псевдоелементіов ::before, ::after?

30 Що таке flex-контейнер та flex-елемент?

31 Що таке flex-вісь?

32 Які переваги svg перед png або jpeg?

 JavaScript

1 Типи даних в в JavaScript?

2 Що таке NaN?

3 В чому різниця між null та undefined?

4 Чим відрізняється строга рівність від не строгої (=== і ==)?

5 Логічні оператори !, &&, ||. Як працюють?

6 Що таке use strict і для чого він потрібен?

7 Чому результатом порівняння двох схожих обєктів буде false?

8 Як перевірити ідентичність 2х обєктів?

9 Як зробити копію обєкта?

10 Чим відрізняються змінні var, let и const?

11 Як дізнатись, чи являються дані масивом?

12 Які перебираючі методи масивів ви знаєте?

13 Як обєднати масиви?

14 Як дізнатись, чи знаходиться елемент в масиві?

15 Чи можна використовувати цикл for in для масивів? Які недоліки такого методу?

16 Що таке підняття (hoisting)?

17 Яким буде значення змінної var при зверненні до неї до її обявлення?

18 Що буде, якщо звернутись до змінних let/const до початку їх обявлення?

19 Що таке область видимості (Scope)? Яка вона буває?

20 Різниця між Function Declaration та Function Expression?

21 Що таке callback функції?

22 Чим стрілкова функція відрізняється від звичайних функцій?

23 Чи є аналог arguments для стрілкових функцій?

24 Як визвати функцію із затримкою в 5 секунд?

25 Що таке лексичне оточення (Lexical Environment)?

26 Що являється глобальним лексичним оточенням?

27 Що таке замикання (Closures)? Для чого воно використовується?

28 Що таке IIFE?

29 Основні принципи ООП?

30 Що таке this?

31 Як можна змінити контекст виклику функції?

32 Чи можна змінити контекст функції, яку повернув метод bind?

33 Чи можна змінити контекст стрілкової функції?

34 Що таке прототип обєкту?

35 Як працює прототипне наслідування в JS?

36 Як створити обєкт в якому не буде прототипу?

Як перевірити, чи являється властивість обєкта його особистою властивістю або це властивість

37
прототипу?

38 Чи можна заборонити змінювати властивість прототипу? Як це зробити?

39 Чим відрізняється функція конструктор і клас?

40 Що потрібно зробити, щоб метод класа потрапив до його екземпляру?

41 Що таке LocalStorage та SessionStorage?

42 Що таке Promise?

43 Для чого потрібен метод Promise.all та Promise.race?

44 Що таке async/await і для чого він потрібен?

45 Як обробити помилки в async/await?

46 Що таке event loop?

47 Що таке CRUD?
 React

1 Для чого потрібен Virtual DOM в React?

2 Різниця між virtual DOM та shadow DOM?

3 В чому різниця між state та props?

4 В чому різниця між класовим та функціональним компонентом?

5 Які є методи життєвого циклу в React?

6 Як обновити state в класовому компоненті?

7 Чому setState - це асинхронна функція?

8 Що потрібно зробити, щоб компонент обновився?

9 Як попередити/відмінити лишнє оновлення компоненту?

10 Що таке PureComponent і в чому його особливість?

11 Для чого потрібен key?

12 Для чого потрібен Fragment?

13 Для чого потрібні портали?

14 Що таке refs?

15 Що таке context? Скільки context? може бути в проекті?

16 Для чого потрібні render props?

17 Для чого потрібні HOCs?

18 Як реалізувати компонент запобіжника (Error Boundary)?

19 Які можливості відкривають хуки? Які хуки ви знаєте?

20 Які правила використання хуків?

21 Для чого потрібен useEffect?

22 Чим відрізняється useEffect від useLayoutEffect?

23 Що таке "линивая" ініціалізація стану в useState і useReducer?

24 Чим useRef відрізняється від createRef?

25 Для чого потрібні useMemo та useCallback?

26 Для чого потрібен redux? Який він має data flow?

27 Що таке redux middleware?

28 Де потрібно робити side effects в redux?

29 Що таке next() функція в redux middleware?

30 Для чого потрібні redux селектори?

31 Чим відрізняється action від action creator?