JavaScript'er

Вертикальні вкладки доступні за прапором у Chrome 145 (поточна бета-версія) 1. Перейдіть на chrome://flags/#vertical-tabs 2. Увімкніть прапор (встановіть Enabled) 3. Перезапустіть Chrome 4. Клацніть правою кнопкою миші на панелі вкладок і виберіть "Перемістити вкладки вбік" JavaScript'еr

Джун перед інтерв'ю прикидається, що має 5 років досвіду @itmemeua

🔍 Array.isArray — перевірка, чи це масив Array.isArray дозволяє швидко і надійно визначити, чи є значення масивом. Це особливо корисно, коли дані можуть бути різних типів і потрібно обробляти лише масиви.

const arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true
console.log(Array.isArray({})); // false

Замість складних перевірок через instanceof або конструкції typeof, цей метод дає чистий і зрозумілий результат, спрощуючи роботу з даними. JavaScript'еr

Анімація меню гамбургера Крута кнопка меню, яка сильно обертається, якщо на неї натиснути. Реалізовано за допомогою CSS. ⤷ Взяти код JavaScript'еr

Поділіться своїм localhost з будь-ким за секунди через URL, доступний по всьому світу, з HTTPS

$ brew install cloudflared
$ cloudflared tunnel --url <твій-локальний-домен>

Це альтернатива ngrok. Без реєстрації і безкоштовно 👍 JavaScript'еr

Один код для iOS та Android 📲 на Flutter Flutter дає змогу писати один код для обох платформ, спрощує підтримку продукту та скорочує витрати на розробку. На курсі «Мобільна розробка на Flutter» від robot_dreams ви зможете опанувати цей фреймворк і навчитися створювати повноцінні кросплатформні застосунки, не вивчаючи кілька мов програмування. За 30 практичних занять / 15 тижнів: 🔹 опануєте Dart і розберетеся з основами Flutter 🔹 навчитеся працювати з UI/UX та анімаціями 🔹 інтегруєте застосунок із REST API та базами даних 🔹 попрацюєте з Git та командною розробкою 🔹 отримаєте підготовку до співбесід від HR В результаті — додасте до портфоліо власний застосунок та зможете стартувати в мобільній розробці ⠀ Лектор: Павло Авдонін, Senior Flutter Developer у Fozzy Group Детальніше про курс 🔗

Поради з приводу HTML 💡 Чи знаєте ви, навіщо ми пишемо <meta charset=«utf-8»> у документі HTML? Ти не знаєш JavaScript

Роби так щодня і спина не болітиме JavaScript'еr

Ого, безкоштовно + 4 дні онлайн? 🤔 Хто вже реєструвався, як вам формат? Реєстрація - https://i.goit.global/hp3E1

Можливо, ви не знали, що можна безпосередньо отримати значення числового поля вводу як число за допомогою valueAsNumber. Ручне перетворення не потрібне Свойство value у HTMLInputElement завжди повертає рядок Тому для числових полів нам доводиться вручну перетворювати значення в число за допомогою parseInt(), parseFloat(), Number() або оператора +. Ми можемо спростити це, використавши valueAsNumber. Воно безпосередньо повертає значення як число. JavaScript'еr

Анімація меню поза канву Ефект відкриття бічного меню з поступовим появою пунктів. Реалізовано за допомогою CSS. ⤷ Взяти код JavaScript'еr

📊 Set для унікальних значень Set — це структура даних, яка зберігає тільки унікальні значення. Дуже зручно, коли потрібно швидко видалити дубліки з масиву або перевірити, чи є повтори.

const numbers = [1, 2, 2, 3];
const unique = new Set(numbers);
console.log([...unique]); // [1, 2, 3]

Тут ми просто перетворюємо масив у Set, який автоматично видаляє дублікати, а потім повертаємо новий масив через spread. Це економить час і робить код чистим та зрозумілим. JavaScript'еr

🎯 Map — ефективне зберігання ключ-значення Map дозволяє зберігати пари ключ-значення з швидким доступом до даних, на відміну від звичайних об’єктів ключі можуть бути будь-якого типу, а порядок елементів зберігається.

const map = new Map();
map.set("a", 1);
map.set("b", 2);
console.log(map.get("a")); // 1

Це ідеально підходить для кешування, підрахунку частоти елементів або швидкого пошуку, коли важлива точність і порядок даних. JavaScript'еr

Ця бібліотека дозволяє запускати повноцінні 3D-фізичні симуляції прямо в браузері. JoltPhysics-js переносить високопродуктивний фізичний движок C++ в JavaScript за допомогою WebAssembly. Простіше кажучи, тепер ваш сайт може симулювати гравітацію, зіткнення, тверді тіла та реалістичний рух. Цілком у браузері. Без нативних додатків. Без бекенду. Тільки JS. Що можна на ньому зробити: - Браузерні 3D-ігри з справжньою фізикою - Інтерактивні симуляції та демо - Реалістичну анімацію та рух для проектів на Three.js і WebGL Це не іграшка-фізична бібліотека. Це продакшн-движок, який використовується в іграх і тепер працює прямо в вебі ✌️ https://github.com/jrouwe/JoltPhysics.js JavaScript'еr

Горизонтальне меню з ефектом прокрутки кожної вкладки при наведенні на неї. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'еr

🔄 Деструктуризація для швидкого доступу до даних Деструктуризація дозволяє витягувати потрібні значення з масивів або об’єктів прямо в змінні без зайвих рядків коду. Це робить код більш читабельним і зменшує кількість тимчасових змінних. Наприклад, з масиву можна одразу отримати потрібні елементи:

const [a, b] = [1, 2];
console.log(a, b); // 1 2

А з об’єкта — потрібні властивості:

const {name, age} = {name: "Dmytro", age: 16};
console.log(name, age); // Dmytro 16

Цей підхід скорочує код і робить його зрозумілішим, особливо коли працюєш з великими структурами даних або передаєш об’єкти між функціями. JavaScript'еr

Створюйте відмінну документацію для продукту Ця React-бібліотека під назвою Fumadocs спрощує весь процес завдяки компонентам, макетам і всьому необхідному функціоналу для створення сучасної та акуратної документації. Використовуйте її для документування вашого ПЗ, бібліотеки, фреймворка або будь-якого продукту, який ви розробляєте GitHub: fumadocs JavaScript'еr

Я весь час забуваю, що в Vue можна так робити ✌️ Ти не знаєш JavaScript

😭😭😭 JavaScript'еr