forked from milsevka/interview-questions
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d9cc246
commit 6666959
Showing
15 changed files
with
246 additions
and
253 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
<h3> | ||
<img src="./assets/AsyncJS.png" width="16" height="16" /> | ||
<span>Async JS:</span> | ||
</h3> | ||
|
||
- [Разница между синхронными и асинхронными функциями?](https://youtu.be/kx3dR6ztICU?t=681) | ||
- [Что такое AJAX?](https://youtu.be/IooJ3P2VUYs?t=547) | ||
- [Что такое same-origin policy в контексте JavaScript?](https://youtu.be/IooJ3P2VUYs?t=612) | ||
- [Что такое цикл событий (event loop) и как он работает?](https://youtu.be/w-vUj0gHGgg?t=293) | ||
- [Что такое промисы (Promises)?](https://youtu.be/G4iYlbilozM?t=371) | ||
- [Плюсы и минусы использовании Ajax?](https://youtu.be/yvOXvZ8aEFo?t=352) | ||
- [Подходы при работе с асинхронным кодом?](https://youtu.be/yvOXvZ8aEFo?t=410) | ||
- [Преимущества использовании промисов вместо колбэков?](https://youtu.be/yvOXvZ8aEFo?t=481) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
<h3> | ||
<img src="./assets/JSDom.png" width="16" height="16" /> | ||
<span>JS DOM:</span> | ||
</h3> | ||
|
||
- [Что такое DOM?](https://youtu.be/1eIRTdgzHtw?t=471) | ||
- [Что такое распространение события (Event Propagation)?](https://youtu.be/1eIRTdgzHtw?t=522) | ||
- [Что такое делегирование событий (Event Delegation)?](https://youtu.be/1eIRTdgzHtw?t=576) | ||
- [Разница между `e.preventDefault()` и `e.stopPropagation()`?](https://youtu.be/CjdCxxqObaM?t=650) | ||
- [Методы поиска элементов в DOM?](https://youtu.be/CjdCxxqObaM?t=678) | ||
- [Разница между `event.target` и `event.currentTarget`?](https://youtu.be/kx3dR6ztICU?t=539) | ||
- [Разница между `.stopPropagation()` и `.stopImmediatePropagation()`?](https://youtu.be/kx3dR6ztICU?t=580) | ||
- [Разница между событиями `load` и `DOMContentLoaded`?](https://youtu.be/kx3dR6ztICU?t=627) | ||
- [Разница между attribute и property у DOM-элементов?](https://youtu.be/IooJ3P2VUYs?t=659) | ||
- [Разница между HTMLCollection и NodeList?](https://youtu.be/IooJ3P2VUYs?t=705) | ||
- [Как динамически добавить элемент на HTML-страницу?](https://youtu.be/nvktMVFM0_M?t=551) | ||
- [Типы узлов DOM-дерева?](https://youtu.be/7TvS0iKR3_c?t=201) | ||
- [Свойства для перемещения по DOM-дереву?](https://youtu.be/7TvS0iKR3_c?t=245) | ||
- [Виды событий в JavaScript?](https://youtu.be/7TvS0iKR3_c?t=318) | ||
- [Как добавить обработчик события на DOM-элемент?](https://youtu.be/7TvS0iKR3_c?t=425) | ||
- [Как удалить обработчик события с DOM-элемента?](https://youtu.be/7TvS0iKR3_c?t=505) | ||
- [Сколько аргументов принимает `addEventListener`?](https://youtu.be/7TvS0iKR3_c?t=538) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
<h3> | ||
<img src="./assets/CSS.png" width="16" height="16" /> | ||
<span>CSS:</span> | ||
</h3> | ||
|
||
- [Что такое CSS? И для чего он используется?](https://youtu.be/ycYp7CYOnO0?t=251) | ||
- [Что такое CSS-правило?](https://youtu.be/CjdCxxqObaM?t=228) | ||
- [Варианты добавление CSS стилей на страницу?](https://youtu.be/ycYp7CYOnO0?t=277) | ||
- [Типы позиционирования в CSS?](https://youtu.be/ycYp7CYOnO0?t=321) | ||
- [Блочная модель CSS?](https://youtu.be/ycYp7CYOnO0?t=410) | ||
- [Что такое селектор? И какие селекторы существуют?](https://youtu.be/G7hLwudGWL4?t=282) | ||
- [Что такое специфичность селектора? Как считать вес селектора?](https://youtu.be/G7hLwudGWL4?t=358) | ||
- [Разница между Reset.css и Normalize.css?](https://youtu.be/G7hLwudGWL4?t=445) | ||
- [Разница между `margin` и `padding`?](https://youtu.be/1eIRTdgzHtw?t=116) | ||
- [Разница между `display: none` и `visibility: hidden`?](https://youtu.be/1eIRTdgzHtw?t=139) | ||
- [Разница между блочным и строчным (инлайновым) элементами?](https://youtu.be/1eIRTdgzHtw?t=188) | ||
- [Разница между классом и идентификатором в CSS?](https://youtu.be/CjdCxxqObaM?t=264) | ||
- [Что такое CSS спрайт? И для чего он используется?](https://youtu.be/CjdCxxqObaM?t=330) | ||
- [Что такое вендорные префиксы? И для чего они используются?](https://youtu.be/rlWgI7AvV18?t=234) | ||
- [Что такое псевдоэлементы? И для чего они используются?](https://youtu.be/rlWgI7AvV18?t=355) | ||
- [Что такое схлопывание границ (margin collapsing)?](https://youtu.be/kx3dR6ztICU?t=30) | ||
- [Что такое CSS препроцессор?](https://youtu.be/kx3dR6ztICU?t=159) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
<h3> | ||
<img src="./assets/ES6.jpg" width="16" height="16" /> | ||
<span>ECMAScript:</span> | ||
</h3> | ||
|
||
- [Что такое ECMAScript? В чём отличие от JavaScript?](https://youtu.be/IooJ3P2VUYs?t=336) | ||
- [Разница между `let`, `const` и `var`?](https://youtu.be/1eIRTdgzHtw?t=361) | ||
- [Можно ли изменить значение определённое через `const`?](https://youtu.be/IooJ3P2VUYs?t=407) | ||
- [Что такое временная мёртвая зона (temporal dead zone)?](https://youtu.be/IooJ3P2VUYs?t=478) | ||
- [Разница между Rest и Spread операторами?](https://youtu.be/w-vUj0gHGgg?t=183) | ||
- [Что такое деструктуризация?](https://youtu.be/w-vUj0gHGgg?t=241) | ||
- [Для чего используется цикл `for…of`?](https://youtu.be/G4iYlbilozM?t=223) | ||
- [Что такое шаблонные литералы (Template Literals)?](https://youtu.be/G4iYlbilozM?t=254) | ||
- [Что такое `Set`, `Map`, `WeakMap` и `WeakSet`?](https://youtu.be/G4iYlbilozM?t=288) | ||
- [Разница между обычными функциями и стрелочными?](https://youtu.be/nvktMVFM0_M?t=347) | ||
- [Разница между методом `Object.freeze()` и `const`?](https://youtu.be/nvktMVFM0_M?t=429) | ||
- [Что такое генераторы? Когда стоит использовать генераторы?](https://youtu.be/nvktMVFM0_M?t=476) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
<h3> | ||
<img src="./assets/HTML.png" width="16" height="16" /> | ||
<span>HTML:</span> | ||
</h3> | ||
|
||
- [Что такое HTML и для чего он используется?](https://youtu.be/CjdCxxqObaM?t=39) | ||
- [Что такое doctype? И для чего он используется?](https://youtu.be/ycYp7CYOnO0?t=65) | ||
- [Опишите базовую структуру HTML-страницы?](https://youtu.be/ycYp7CYOnO0?t=103) | ||
- [Что такое семантика? Какие семантичные тэги вы знаете?](https://youtu.be/ycYp7CYOnO0?t=149) | ||
- [Как семантически правильно сверстать картинку с подписью?](https://youtu.be/1eIRTdgzHtw?t=67) | ||
- [Для какого тэга используется атрибут `alt` и зачем он нужен?](https://youtu.be/G7hLwudGWL4?t=230) | ||
- [Какая разница между тэгами `<strong><em>` и `<b><i>`?](https://youtu.be/ycYp7CYOnO0?t=202) | ||
- [Что такое валидация? И какие типы проверок HTML документа вы знаете?](https://youtu.be/G7hLwudGWL4?t=39) | ||
- [Какой тэг использовать для того, что бы сверстать кнопку?](https://youtu.be/G7hLwudGWL4?t=96) | ||
- [Что такое инлайновый стиль? Можно ли его переопределить?](https://youtu.be/G7hLwudGWL4?t=155) | ||
- [Есть ли у HTML элементов свои дефолтные специфичные стили?](https://youtu.be/G7hLwudGWL4?t=181) | ||
- [Типы списков в HTML?](https://youtu.be/1eIRTdgzHtw?t=29) | ||
- [Типы `input` элементов в HTML?](https://youtu.be/CjdCxxqObaM?t=87) | ||
- [Что такое элемент `canvas`? И для чего он используется?](https://youtu.be/CjdCxxqObaM?t=200) | ||
- [Для чего используют `data-`атрибуты?](https://youtu.be/rlWgI7AvV18?t=34) | ||
- [Разница между `<script>`, `<script async>` и `<script defer>`?](https://youtu.be/rlWgI7AvV18?t=77) | ||
- [Для чего используется элемент `datalist`?](https://youtu.be/rlWgI7AvV18?t=178) | ||
- [Почему хорошей практикой считается располагать `<link>` для подключения CSS стилей внутри тэга `<head>`, а `<script>` для подключения JS ставить перед закрывающимся тэгом `</body>`?](https://youtu.be/7TvS0iKR3_c?t=30) | ||
- [Основные этапы проверок валидности HTML-документа?](https://youtu.be/7TvS0iKR3_c?t=133) | ||
- [Если представить HTML5 как открытую веб-платформу, из каких блоков он состоит?](https://youtu.be/yvOXvZ8aEFo?t=28) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,46 @@ | ||
<h3> | ||
<img src="./assets/JavaScript.png" width="16" height="16" /> | ||
<span>JavaScript:</span> | ||
</h3> | ||
|
||
- [Типы данных в JavaScript?](https://youtu.be/ycYp7CYOnO0?t=471) | ||
- [Разница между `==` и `===` (нестрогое/строгое равенство)?](https://youtu.be/ycYp7CYOnO0?t=529) | ||
- [Что такое Strict mode в JavaScript?](https://youtu.be/ycYp7CYOnO0?t=577) | ||
- [Разница между function declaration и function expression?](https://youtu.be/ycYp7CYOnO0?t=632) | ||
- [Разница между `null` и `undefined`?](https://youtu.be/G7hLwudGWL4?t=511) | ||
- [Операторы «И» и «ИЛИ» (`&&` и `||`)?](https://youtu.be/G7hLwudGWL4?t=617) | ||
- [Типы таймеров в JavaScript?](https://youtu.be/G7hLwudGWL4?t=690) | ||
- [Что такое поднятие (Hoisting)?](https://youtu.be/G7hLwudGWL4?t=552) | ||
- [Что такое область видимости (Scope)?](https://youtu.be/1eIRTdgzHtw?t=282) | ||
- [Что такое замыкание (Closure)?](https://youtu.be/kx3dR6ztICU?t=284) | ||
- [Что обозначает `this` в JavaScript?](https://youtu.be/rlWgI7AvV18?t=507) | ||
- [Что такое функции высшего порядка (Higher Order Functions)?](https://youtu.be/1eIRTdgzHtw?t=426) | ||
- [Как превратить любой тип данных в булевый? Перечислите ложные значения в JS?](https://youtu.be/CjdCxxqObaM?t=368) | ||
- [Методы строк в JavaScript?](https://youtu.be/CjdCxxqObaM?t=415) | ||
- [Методы массивов в JavaScript?](https://youtu.be/CjdCxxqObaM?t=538) | ||
- [Что такое чистая функция?](https://youtu.be/rlWgI7AvV18?t=401) | ||
- [Разница между `.forEach` и `.map()`?](https://youtu.be/rlWgI7AvV18?t=456) | ||
- [Разница между `.call()`, `.apply()` и `bind()`?](https://youtu.be/rlWgI7AvV18?t=548) | ||
- [Почему в JS функции называют объектами первого класса?](https://youtu.be/rlWgI7AvV18?t=624) | ||
- [Как определить наличие свойства в объекте?](https://youtu.be/kx3dR6ztICU?t=226) | ||
- [Что такое IIFE?](https://youtu.be/kx3dR6ztICU?t=396) | ||
- [Что такое псевдомассив `arguments`?](https://youtu.be/kx3dR6ztICU?t=442) | ||
- [Разница между host-объектами и нативными объектами?](https://youtu.be/kx3dR6ztICU?t=484) | ||
- [Почему результат сравнения 2х объектов это `false`?](https://youtu.be/IooJ3P2VUYs?t=100) | ||
- [Что такое прототипное наследование? Как создать объект без прототипа?](https://youtu.be/IooJ3P2VUYs?t=154) | ||
- [Почему расширение нативных JavaScript-объектов это плохая практика](https://youtu.be/IooJ3P2VUYs?t=202) | ||
- [Что такое `NaN`? Как определить, что значение равно `NaN`?](https://youtu.be/IooJ3P2VUYs?t=266) | ||
- [Что такое объектная обертка (Wrapper Objects)?](https://youtu.be/w-vUj0gHGgg?t=26) | ||
- [Как в JavaScript создать объект?](https://youtu.be/w-vUj0gHGgg?t=83) | ||
- [Для чего используется ключевое слово `new`?](https://youtu.be/w-vUj0gHGgg?t=125) | ||
- [Для чего используется оператор `!!` (двойного отрицания)?](https://youtu.be/G4iYlbilozM?t=26) | ||
- [Как проверить, является ли значение массивом?](https://youtu.be/G4iYlbilozM?t=68) | ||
- [Для чего используется оператор `%` (остатка)?](https://youtu.be/G4iYlbilozM?t=88) | ||
- [Как работает boxing/unboxing в JavaScript?](https://youtu.be/G4iYlbilozM?t=149) | ||
- [Что такое мемоизация? Реализуйте базовую логику функции для мемоизации?](https://youtu.be/nvktMVFM0_M?t=30) | ||
- [Разница между оператором `in` и методом `hasOwnProperty`?](https://youtu.be/nvktMVFM0_M?t=102) | ||
- [Разница между глубокой (deep) и поверхностной (shallow) копиями объекта? Как сделать каждую из них?](https://youtu.be/nvktMVFM0_M?t=125) | ||
- [Что такое цепочка вызовов функций (chaining)? Как реализовать такой подход?](https://youtu.be/nvktMVFM0_M?t=200) | ||
- [Что такое необъявленная переменная?](https://youtu.be/nvktMVFM0_M?t=236) | ||
- [Как передаются параметры в функцию: по ссылке или по значению?](https://youtu.be/nvktMVFM0_M?t=280) | ||
- [Что такое прототип объекта в JavaScript?](https://youtu.be/yvOXvZ8aEFo?t=287) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
<h3> | ||
<img src="./assets/Dev.png" width="16" height="16" /> | ||
<span>Практические задачи:</span> | ||
</h3> | ||
|
||
- [Функция проверки палиндрома?](https://youtu.be/ycYp7CYOnO0?t=683) | ||
- [Функция поиска самого короткого слова?](https://youtu.be/G7hLwudGWL4?t=764) | ||
- [Функция создания инициалов?](https://youtu.be/1eIRTdgzHtw?t=632) | ||
- [Функция суммирования всех цифр числа?](https://youtu.be/CjdCxxqObaM?t=764) | ||
- [Функция поиска минимального и максимального значений в массиве?](https://youtu.be/rlWgI7AvV18?t=670) | ||
- [Функция создания набора дубликатов символов строки?](https://youtu.be/kx3dR6ztICU?t=736) | ||
- [Функция возврата индексов заглавных букв строки?](https://youtu.be/IooJ3P2VUYs?t=767) | ||
- [Функция вывода чисел от 1 до n (n - передаваемый аргумент)](https://youtu.be/w-vUj0gHGgg?t=746) | ||
- [Функция возврата уникальных значений из нескольких массивов?](https://youtu.be/G4iYlbilozM?t=752) | ||
- [Функция форматирования цифр в телефонный номер?](https://youtu.be/nvktMVFM0_M?t=742) | ||
- [Функция поиска гласных букв в строке?](https://youtu.be/7TvS0iKR3_c?t=807) | ||
- [Функция трансформации букв в заглавный регистр?](https://youtu.be/yvOXvZ8aEFo?t=744) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,36 @@ | ||
<h3> | ||
<img src="./assets/React.png" width="16" height="16" /> | ||
<span>React:</span> | ||
</h3> | ||
|
||
- [Что такое React?](https://youtu.be/7TvS0iKR3_c?t=638) | ||
- [Перечислите особенности React?](https://youtu.be/7TvS0iKR3_c?t=671) | ||
- [Что такое Virtual DOM? Как он работает с React?](https://youtu.be/7TvS0iKR3_c?t=740) | ||
- [Для чего нужен атрибут `key` при рендере списков?](https://youtu.be/yvOXvZ8aEFo?t=526) | ||
- [Что такое `PureComponent`?](https://youtu.be/yvOXvZ8aEFo?t=581) | ||
- [Что такое Компонент высшего порядка (Higher-Order Component / HOC)?](https://youtu.be/yvOXvZ8aEFo?t=637) | ||
- [Разница между управляемыми (controlled) и не управляемыми (uncontrolled) компонентами?](https://youtu.be/yvOXvZ8aEFo?t=684) | ||
- [Методы жизненного цикла компонента в React?](https://youtu.be/RpcB5jnJvcI?t=35) | ||
- [Стадии жизненного цикла компонента в React?](https://youtu.be/RpcB5jnJvcI?t=173) | ||
- [Что такое React Reconciliation?](https://youtu.be/RpcB5jnJvcI?t=271) | ||
- [Что такое портал (`Portal`)?](https://youtu.be/RpcB5jnJvcI?t=342) | ||
- [Что такое контекст (`Context`)?](https://youtu.be/RpcB5jnJvcI?t=390) | ||
- [Что такое React хуки (Hooks)?](https://youtu.be/RpcB5jnJvcI?t=475) | ||
- [Что Такое `JSX`?](https://youtu.be/RpcB5jnJvcI?t=571) | ||
- [Разница между состоянием(`state`) и пропсами(`props`)?](https://youtu.be/RpcB5jnJvcI?t=621) | ||
- [Что такое React Fiber?](https://youtu.be/RpcB5jnJvcI?t=689) | ||
- [Что такое фрагмент (`Fragment`)? Почему фрагмент лучше, чем `div`?](https://youtu.be/RpcB5jnJvcI?t=689) | ||
- [Что такое синтетические события в React?](https://youtu.be/81yRgVQ1ciM?t=34) | ||
- [Что такое React-ссылка (Ref)? Как создать ссылку?](https://youtu.be/81yRgVQ1ciM?t=69) | ||
- [Разница между теневым (Shadow) и виртуальным (Virtual) DOM?](https://youtu.be/81yRgVQ1ciM?t=112) | ||
- [Назовите преимущества использования React?](https://youtu.be/81yRgVQ1ciM?t=170) | ||
- [Что такое условный рендеринг (Conditional Rendering)? Как его выполнить?](https://youtu.be/81yRgVQ1ciM?t=224) | ||
- [Что такое компонент-переключатель (Switching Component)?](https://youtu.be/81yRgVQ1ciM?t=265) | ||
- [Разница между `React` и `ReactDOM`?](https://youtu.be/81yRgVQ1ciM?t=305) | ||
- [Разница между компонентом и контейнером?](https://youtu.be/81yRgVQ1ciM?t=370) | ||
- [Как React обрабатывает, или ограничивает использование пропсов определенного типа?](https://youtu.be/81yRgVQ1ciM?t=413) | ||
- [Что такое «бурение пропсов» (Prop Drilling)? Как его избежать?](https://youtu.be/81yRgVQ1ciM?t=469) | ||
- [Что такое строгий режим в React? Его преимущества?](https://youtu.be/81yRgVQ1ciM?t=532) | ||
- [Что такое «опрос» (Polling)? Как его реализовать в React?](https://youtu.be/81yRgVQ1ciM?t=597) | ||
- [Разница между элементом и компонентом?](https://youtu.be/81yRgVQ1ciM?t=663) | ||
- [Что такое `ReactDOMServer`?](https://youtu.be/81yRgVQ1ciM?t=763) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
<h3> | ||
<img src="./assets/React.png" width="16" height="16" /> | ||
<span>State management:</span> | ||
</h3> | ||
|
||
- [Что такое Flux?](https://youtu.be/RpcB5jnJvcI?t=792) | ||
- [Что такое Redux? Ключевые принципы Redux?](https://youtu.be/RpcB5jnJvcI?t=886) | ||
- [Разница между Redux и Flux?](https://youtu.be/81yRgVQ1ciM?t=819) |
Oops, something went wrong.