Собеседование JUNIOR frontend REACT
#React #ReactJS
В этом выпуске разберем вопросы собеседования Junior frontend React разработчика, рассмотрим вопросы по JavaScript, HTML, CSS, которые обязательно спросят и решим алгоритмическую задачу, а также оценим алгоритмическую сложность решения.
Мы в соцсетях:
👉 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать: https://www.donationalerts.com/r/devm...
Курсы и плейлисты:
💡 Паттерны ReactJS: • 🏆 Паттерны ReactJS
💡 Как пройти ReactJS собеседование: • 🚀 Собеседование React Frontend
💡 ReactJS хуки: • 🐠 React хуки
💡 Redux Saga: • 🍏 Redux Saga курс
💡 Redux: • ☕️ Redux курс
💡 Как создать слайдер на ReactJS: • 🎪 Как создать СЛАЙДЕР на ReactJS
💡 Все о ReactJS: • 📘 ReactJS
💡 Tailwind: • 🍃 TailwindCSS курс
💡 Svelte: • 🌴 Svelte курс
💡 Sass: • 📔 Sass курс
💡 GraphQL: • 💪 GraphQL
💡 JavaScript: • 📜 JavaScript
00:00 - О структуре и формате собеседования
02:36 - [JavaScript] Что такое this?
02:58 - [JavaScript] this и window в браузере
03:11 - [JavaScript] this и globalThis в NodeJS
03:46 - [JavaScript] this в объекте
04:26 - [JavaScript] this в объекте и стрелочные функции
05:00 - [JavaScript] Какие есть способы обхода массива
05:30 - [JavaScript] Отличия forEach и map
07:20 - [JavaScript] Метод filter
08:04 - [JavaScript] Метод reduce
09:24 - [JavaScript] Как сравнить на равенство строки/массивы/объекты
10:41 - [JavaScript] Различия между == и ===
11:37 - [JavaScript] Promise и async/await
12:14 - [JavaScript] Методы Promise - all, race и т.д.
12:50 - [CSS] Что такое адаптивная верстка?
13:07 - [CSS] Что такое Grid и Flexbox?
13:28 - [CSS] Что такое блочная модель (box model)?
13:54 - [CSS] Для чего используется `box-sizing: border-box;`
14:20 - [CSS] Специфичность
14:56 - [CSS] Специфичность и веса деклараций
15:35 - [CSS] Псевдоклассы и псевдоэлементы
16:06 - [HTML] Семантическая верстка
17:00 - [Браузер] Session storage / Local storage / Cookies
17:59 - [React] Что такое React и для чего он используется?
18:15 - [React] Что дает React и почему не легче писать на чистом JavaScript?
19:13 - [React] Что такое Virtual DOM?
19:42 - [React] Что такое JSX?
20:04 - [React] Отличия функциональных компонентов от классовых
20:53 - [React] Как изменить состояние компонента?
21:41 - [React] Для чего используется useEffect?
22:39 - [React] Что такое сайд эффекты (side effects)?
22:54 - [React] Как избежать утечек памяти с useEffect?
23:43 - [React] Как запустить эффект на первый рендер?
24:04 - [React] Для чего нужен массив зависимостей в useEffect
24:18 - [React] Управляемые и неуправляемые компоненты
25:25 - [React] Что такое key
26:17 - [React] Почему не рекомендуется использовать index для key?
26:54 - [React] Как передать данные между соседними компонентами?
27:50 - [React] Что такое prop drilling и как его избежать?
28:26 - [React] Библиотеки для state management и Redux
30:24 - [Алгоритмическая задача] Обзор задач
31:57 - [Алгоритмическая задача] Найти самый длинный общий префикс для заданных строк
33:08 - [Алгоритмическая задача] Решение 1
37:28 - [Алгоритмическая задача] Решение 1. Оценка алгоритмической сложности
38:15 - [Алгоритмическая задача] Решение 2. Более оптимальное
43:05 - [Алгоритмическая задача] Решение 2. Оценка алгоритмической сложности
43:37 - [JavaScript] Какой порядок вывода в консоль?
#devmagazine #devmagazinechannel
Смотрите видео Собеседование JUNIOR frontend REACT онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Веб-разработка - DevMagazine 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 38,93 раз и оно понравилось 1.7 тысяч людям.