JavaScript'er

Народ, рідко кидаю сюди якісь пропозиції, але схоже настав час) Думаю багато хто бачив ці всі "тапалки" в телеграм, так от шукаю розробників, які роблять веб апки в тг(саме фронтенд) Є ідея, схема виходу на ринок і тому подібне. Шукаю людей, які готові працювати за щедрий та справедливий відсоток. Для деталей пишіть мені: @toy_sam або ставте + в чатику Плюсом - даю доступ до свого курсу, автором якого я є

🛡Розділові лінії між option Тепер можна додавати елементи <hr> між елементами <option> всередині <select> для створення візуального поділу. Ця функція доступна в останніх версіях всіх основних браузерів, але може не працювати у старих. Якщо вам потрібне певне угруповання з іменами груп, використовуйте <optgroup>.

Перестань платити повну вартість за сервіси! 😳 WhiteTools це сервіс, що дозволяє купувати такі підписки як ChatGPT, Midjourney, Leonardo AI, Canva, FreePik та інші зі знижкою до -95% Дуже корисний інструмент для того, щоб економити власні кошти. Ціни дуже низькі, тому не втрачайте корисний інструмент та економте. Переглянути повний список сервісів та ціни: https://t.me/+GtvzdeauP3U4MmRi

👩‍💻Порада по CSS Користувальницький Range Slider зі спливаючою підказкою. Підказка буде змінювати свою форму, щоб залишатися в межах повзунка. Навіть радіус змінюватиметься, коли підказка наближатиметься до кутів. https://codepen.io/t_afif/pen/vYweZQa JavaScript'ер

👑cssfx — колекція красивих простих CSS-ефектів з можливістю копіювання, створена з упором на плавність, простоту та зручність використання. 🔗Посилання: https://cssfx.netlify.app/ JavaScript'ер

⭐️Social Card Hover Розсувний ефект для соцмережі з появою короткої інформації. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

💡Порада по Javascript Якщо ви маєте справу з фреймворками, що роблять ставку на незмінні структури даних (*cough* React), і вам потрібно змінити записи в масиві, ` with стане вашим найкращим другом. JavaScript'ер

😮Добірка різних інструментів на одному ресурсі: - генератор трикутників - генератор тіней для вибраного кольору - генератор градієнтів - SVG-фігури - Стиснення SVG - перетворення SVG → JSX - перетворення на BASE64 - генератор випадкових даних - колекція символів - генератор текстів - Відображення різних курсорів - Детальна інформація про натиснутою клавішу Особливо корисний генератор трикутників, щоб не підганяти розміри вручну, в інтерактивному режимі відразу видно результат І лишаємо саме посилання: https://omatsuri.app/ А для перегляду та пошуку необхідних символів є інший, цікавіший ресурс - https://www.toptal.com/designers/htmlarrows/ JavaScript'ер

🆕Ловіть простеньку шпаргалка з позиціонування елементів у CSS Grid Це ми зберігаємо, щоб не втратити:) JavaScript'ер

🖥Hamburger Menu Animation Проста але прикольна анімація для бургер-кнопки. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

🥸Питання із співбесіди Яка різниця між function declaration та function expression у JS? Відповідь: Function Declaration: • Використовується ключове слово function на початку рядка коду. • Зазвичай використовується для створення функцій, які мають бути доступні у всьому поточному контексті виконання (наприклад, усередині будь-яких блоків коду у поточному скрипті). • Функції, оголошені таким чином, піднімаються вгору в області видимості, що означає, що вони можуть бути викликані до фактичного оголошення функції в коді. Function Expression: • Функція надається змінною як значення. • Зазвичай використовується для створення анонімних функцій або функцій, які мають бути доступні лише в межах певного контексту виконання. • Функції, створені таким чином, не піднімаються вгору в області видимості (hoisting), їх можна викликати лише після того, як вони були надані змінною. JavaScript'ер

let one = [1, 2, 3, 4, 5];
let two = [6, 7, 8, 9, 10];

console.log(typeof(one + two));

JavaScript'ер

🙂Мені здається серед нас зрадник JavaScript'ер

📱Як працює Array,map() в JS? Array,map : Створює новий масив шляхом виклику зазначеної функції для кожного елемента вихідного масиву і збирає результати в новий масив. Вона приймає один обов'язковий аргумент - це функція зворотного виклику ( callback ), яка буде застосована до кожного елемента вихідного масиву. Callback може приймати до трьох аргументів: • currentValue - поточний оброблюваний елемент масиву. • index — Індекс поточного елемента, що обробляється в масиві. • array — Масив, яким здійснюється прохід. • Також є необов'язковий аргумент thisArg - значення, яке використовується як this при виклику функції callback Приклад коду:

 const numbers = [1, 2, 3, 4];
const doubled = numbers.map (num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

JavaScript'ер

😅Щоб утирати сльози при падінні контейнера JavaScript'ер

Обрана, нічний чатик😎 Народ, пишіть, чим зараз займаєтесь: які проекти робите, що вивчаєте Ще чекаю Ваших порад та ідей по контенту, збираюсь покращувати якість і таке інше⚡

const obj = {
  a: 'one', b: 'two', a: 'three'
};
console.log(obj);

JavaScript'ер