Skip to content

Commit

Permalink
Spite questions. Add icons
Browse files Browse the repository at this point in the history
  • Loading branch information
YauhenKavalchuk committed Dec 30, 2021
1 parent d9cc246 commit 6666959
Show file tree
Hide file tree
Showing 15 changed files with 246 additions and 253 deletions.
267 changes: 14 additions & 253 deletions README.md

Large diffs are not rendered by default.

Binary file added assets/Node.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/Redux.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/TypeScript.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/Vue.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions questions/async-js.md
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)
22 changes: 22 additions & 0 deletions questions/browser-js.md
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)
22 changes: 22 additions & 0 deletions questions/css.md
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)
17 changes: 17 additions & 0 deletions questions/es.md
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)
25 changes: 25 additions & 0 deletions questions/html.md
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)
46 changes: 46 additions & 0 deletions questions/js.md
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)
17 changes: 17 additions & 0 deletions questions/practical-tasks.md
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)
36 changes: 36 additions & 0 deletions questions/react.md
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)
8 changes: 8 additions & 0 deletions questions/state-management.md
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)
Loading

0 comments on commit 6666959

Please sign in to comment.