JavaScript'er

👩‍💻Топова шпора по багатьом темам JavaScript'ер

👩‍💻JavaScript Interview Questions – список запитань та відповідей для співбесіди Підійде для тих, хто навчається середнього рівня і вище. Посилання на GitHub. </Codu>

👩‍💻Як влаштована специфічність стилів? CSS влаштований так, що однакові CSS-властивості з різним значенням, які застосовуються до елемента, не можуть бути застосовані до нього одночасно. Наприклад:

 h1 {
   color: red;
 }
 .h1 {
   color: blue;
 }
 #h1 {
   color: yellow;
 }

<h1 id="h1" class="h1" style="color: black">Header</h1> Якась із властивостей має "перемогти". Перемагає (має перевагу) властивість найближчого до форматованого елементу стилю. Або, правильніше висловитися, найспецифічнішого стилю. Ось спрощена, але наочна модель специфічності селекторів в умовних одиницях: - Селектор тегів має специфічність, що дорівнює 1 умовній одиниці. - Клас – 10 умовних одиниць. - Ідентифікатор – 100 умовних одиниць. - Рядковий стиль - 1000 умовних одиниць У наведеному прикладі <h1> матиме чорний колір тексту. JavaScript'ер

👩‍💻Шпаргалка типів курсорів в CSS CSS-властивість cursor встановлює курсор миші, якщо є, для відображення, коли вказівник миші знаходиться над елементом. Ви можете вказати тип курсору за допомогою ключового слова або завантажити значок. JavaScript'ер

⏺Button pushed inside style Bитончена анімація іконок під час наведення курсору. Реалізовано за допомогою CSS і JavaScript. JavaScript'ер

📌Шпаргалка по функціям стрілок, представникам функцій та виразах JavaScript'ер

🥸Що таке область видимості? Область видимості – це місце, де ми маємо доступ до змінних та функцій, що знаходяться в ній. JS маємо три типи областей видимості: глобальна, функціональна та блокова (ES6). ▪️Глобальна – змінні та функції, оголошені у глобальному просторі імен, мають глобальну область видимості та доступні з будь-якого місця у коді. ▪️Функціональна – змінні, функції та параметри, оголошені всередині функції, доступні лише всередині цієї функції. ▪️Блокова – змінні, оголошені за допомогою ключових слів let і const, доступні лише всередині блоку {}, в якому було оголошено. ▪️Область видимості – це також набір правил, за якими здійснюється пошук змінної. Якщо змінної немає у поточній області видимості, її пошук проводиться вище, у зовнішній стосовно поточної області видимості. Якщо й у зовнішній області видимості змінна відсутня, її пошук триває до глобальної області видимості. Якщо у глобальній області видимості змінну виявлено, пошук припиняється, якщо ні – викидається виняток. Пошук здійснюється за найближчими до поточної областей видимості та зупиняється зі знаходженням змінної. Це називається ланцюжком областей видимості (Scope Chain). </Codu>

😰Code meme JavaScript'ер

🔗3D Tilting Card Effect Логіка повороту картки реалізована JS і залежить від положення курсора користувача. JavaScript'ер

💬Питання із співбесіди Що станеться в результаті вираження var foo = 10 + "20" і чому? Відповідь: Змінна foo набуде значення "1020". Це відбувається через концепцію, відому як наведення типів у JavaScript. Якщо хоча б один з операндів є рядком, другий також буде перетворено на рядок. У цьому випадку число 10 складається з рядком "20". У результаті число 10 перетворюється на рядок, і відбувається конкатенація рядків, а не додавання чисел. JavaScript'ер

🥲Підтримую JavaScript'ер

⚠️Error 404 на CSS

<code class="language-css"><code class="language-css">.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif; } .page_404 img{ width:100%;} .four_zero_four_bg{ background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif); height: 400px; background-position: center; } .four_zero_four_bg h1{ font-size:80px; } .four_zero_four_bg h3{ font-size:80px; } .link_404{ color: #fff!important; padding: 10px 20px; background: #39ac31; margin: 20px 0; display: inline-block;} .contant_box_404{ margin-top:-50px;}

JavaScript'ер

💎Open Video Downloader - це кросплатформенний графічний інтерфейс для спрощення завантаження відео з різних медіахолдингів, створений в Electron і node.js. 🐱Посилання на GitHub. JavaScript

🟢Шпаргалка по роботі з DOM деревом #cheatsheet JavaScript

🔍Книга: Master React in 5 Days Автор: Eric Sarrion Рік написання: 2023 Опис: В цій книзі вас чекає швидкий занурення у світ React! Розділи вражають ретельним підходом, розкриваючи основи: компоненти, пропси, стан, події, життєвий цикл та хуки. P.S. PDF в архіві. Книга англійською, тому якщо у вас проблеми з нею, нагадуємо про наш канал з айті англійською. JavaScript'ер

🙁Реально досить JavaScript'ер

🔍Різниця між HTTP/1.1 та HTTP/2 ▪️На відміну від HTTP/1.1, у якому всі запити та відповіді зберігаються у простому текстовому форматі, HTTP/2 використовує двійковий рівень кадрування для інкапсуляції всіх повідомлень у двійковому форматі, зберігаючи при цьому семантику HTTP (методи, заголовки). ▪️API прикладного рівня, як і раніше, створює повідомлення у звичайних форматах HTTP, але нижчий рівень перетворює ці повідомлення на двійкові. Завдяки цьому веб-програми, створені до HTTP/2, можуть продовжувати працювати як завжди при взаємодії з новим протоколом. ▪️Перетворення повідомлень на двійкові дозволяє HTTP/2 застосовувати нові підходи до доставки даних, недоступні в HTTP/1.1. </Codu>

🆒Шпаргалка по числах, глобальних функціях, датах, регулярних виразах та масивах #cheatsheet JavaScript