Skip to content

Commit

Permalink
Update description
Browse files Browse the repository at this point in the history
  • Loading branch information
Yauhen committed Jun 17, 2021
1 parent b7c55e4 commit 890e7d0
Show file tree
Hide file tree
Showing 5 changed files with 36 additions and 17 deletions.
53 changes: 36 additions & 17 deletions README.md
Expand Up @@ -13,31 +13,45 @@
<img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" width="160">
</a>

---
<h3>
<img src="./assets/WWW.png" width="16" height="16" />
<span>Web technologies:</span>
</h3>

- [Что такое прогрессивный рендеринг?](https://youtu.be/IooJ3P2VUYs?t=26)
- [Разница между адаптивным (adaptive) и отзывчивым (responsive) дизайнами?](https://youtu.be/1eIRTdgzHtw?t=233)
- [Разница между Progressive Enhancement и Graceful Degradation?](https://youtu.be/rlWgI7AvV18?t=286)
- [Что такое кроссбраузерность?](https://youtu.be/kx3dR6ztICU?t=90)
- [Что такое HTTP?](https://youtu.be/w-vUj0gHGgg?t=422)
- [Из чего состоит HTTP-запрос?](https://youtu.be/w-vUj0gHGgg?t=483)
- [Основные принципы ООП?](https://youtu.be/w-vUj0gHGgg?t=538)
- [Что такое SOLID?](https://youtu.be/w-vUj0gHGgg?t=603)
- [Что такое Babel? Для чего он используется?](https://youtu.be/w-vUj0gHGgg?t=680)
---

<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)
- [Для какого тэга используется атрибут alt и зачем он нужен?](https://youtu.be/G7hLwudGWL4?t=230)
- [Типы списков в HTML?](https://youtu.be/1eIRTdgzHtw?t=29)
- [Как семантически правильно сверстать картинку с подписью?](https://youtu.be/1eIRTdgzHtw?t=67)
- [Что такое HTML и для чего он используется?](https://youtu.be/CjdCxxqObaM?t=39)
- [Типы `input` элементов в HTML?](https://youtu.be/CjdCxxqObaM?t=87)
- [Что такое элемент canvas? И для чего он используется?](https://youtu.be/CjdCxxqObaM?t=200)
- [Для чего используют data-атрибуты?](https://youtu.be/rlWgI7AvV18?t=34)
- [Что такое элемент `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)
- [Что такое прогрессивный рендеринг?](https://youtu.be/IooJ3P2VUYs?t=26)
---

<h3>
Expand All @@ -46,6 +60,7 @@
</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)
Expand All @@ -55,15 +70,11 @@
- [Разница между `margin` и `padding`?](https://youtu.be/1eIRTdgzHtw?t=116)
- [Разница между `display: none` и `visibility: hidden`?](https://youtu.be/1eIRTdgzHtw?t=139)
- [Разница между блочным и строчным (инлайновым) элементами?](https://youtu.be/1eIRTdgzHtw?t=188)
- [Разница между адаптивным (adaptive) и отзывчивым (responsive) дизайнами?](https://youtu.be/1eIRTdgzHtw?t=233)
- [Что такое CSS-правило?](https://youtu.be/CjdCxxqObaM?t=228)
- [Разница между классом и идентификатором в CSS?](https://youtu.be/CjdCxxqObaM?t=264)
- [Что такое CSS спрайт? И для чего он используется?](https://youtu.be/CjdCxxqObaM?t=330)
- [Что такое вендорные префиксы? И для чего они используются?](https://youtu.be/rlWgI7AvV18?t=234)
- [Разница между Progressive Enhancement и Graceful Degradation?](https://youtu.be/rlWgI7AvV18?t=286)
- [Что такое псевдоэлементы? И для чего они используются?](https://youtu.be/rlWgI7AvV18?t=355)
- [Что такое схлопывание границ (margin collapsing)?](https://youtu.be/kx3dR6ztICU?t=30)
- [Что такое кроссбраузерность?](https://youtu.be/kx3dR6ztICU?t=90)
- [Что такое CSS препроцессор?](https://youtu.be/kx3dR6ztICU?t=159)
---

Expand All @@ -77,33 +88,35 @@
- [Что такое 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)
- [Что такое Hoisting (поднятие)?](https://youtu.be/G7hLwudGWL4?t=552)
- [Операторы «И» и «ИЛИ» (`&&` и `||`)?](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)
- [Разница между `let`, `const` и `var`?](https://youtu.be/1eIRTdgzHtw?t=361)
- [Что такое замыкание (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)
- [Что обозначает `this` в JavaScript?](https://youtu.be/rlWgI7AvV18?t=507)
- [Разница между `.call()`, `.apply()` и `bind()`?](https://youtu.be/rlWgI7AvV18?t=548)
- [Почему в JS функции называют объектами первого класса?](https://youtu.be/rlWgI7AvV18?t=624)
- [Как определить наличие свойства в объекте?](https://youtu.be/kx3dR6ztICU?t=226)
- [Что такое замыкание (Closure)?](https://youtu.be/kx3dR6ztICU?t=284)
- [Что такое 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)
---

<h3>
<img src="./assets/JavaScript.png" width="16" height="16" />
<img src="./assets/JSDom.png" width="16" height="16" />
<span>JS DOM:</span>
</h3>

Expand All @@ -120,23 +133,28 @@
---

<h3>
<img src="./assets/JavaScript.png" width="16" height="16" />
<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)
- [Что такое CORS?](https://youtu.be/w-vUj0gHGgg?t=360)
---

<h3>
<img src="./assets/JavaScript.png" width="16" height="16" />
<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)
---

<h3>
Expand All @@ -151,3 +169,4 @@
- [Функция поиска минимального и максимального значений в массиве?](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)
Binary file added assets/AsyncJS.png
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/ES6.jpg
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/JSDom.png
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/WWW.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 890e7d0

Please sign in to comment.