JavaScript 🇺🇦

Drag and Drop card Картки з функцією перетягування, реалізовані за допомогою Sortable.js. #practice // Архів книг // JS

Товариство, як ви організовуєте робочий процес при написанні JS-коду? Чи використовуєте Git або інші системи контролю версій? Що можете порадити початківцям? 👇 Поділитися мудрістю можна в коментарях і в нашому чаті.

Вебінар: Компонентне тестування на фронтенді з Playwright * для фронтенд-розробників, фронтенд-лідів та QA Automation 📆 5 березня, 19:00 🎁 безкоштовно 📌 онлайн Наповнення: ▫️навіщо нам авто-тести ▫️види тестування та як їх обирати ▫️чи потрібно знати, як працює компонент ▫️Playwright та його аналоги ▫️етапи тестування ▫️підготовка тестового оточення ▫️цільові дії ▫️перевірка результату ▫️CI / CD ▫️Challenges, tips and tricks 👉 Зареєструватись

Функція Math.cbrt() використовується для знаходження кубічного кореня числа — він позначається як Math.cbrt(x)=y, так що y^3=x.

console.log(Math.cbrt(-1)); // -1

console.log(Math.cbrt(1)); // 1

console.log(Math.cbrt(Infinity)); // Infinity

console.log(Math.cbrt(64)); // 4

Оскільки cbrt() є статичним методом Math, ви завжди використовуєте його як Math.cbrt(), а не як метод створеного вами об'єкта Math. #practice // Вакансії IT // JS

Вакансія: Senior HTML / CSS Developer Шведська ІТ-компанія Sigma Software шукає на віддалену чи офісну роботу розробника зі знанням HTML5, CSS3 та JavaScript від 5 років — для верстки HTML, XHTML шаблонів та розробки CSS для веб-сайтів, веб-застосунків і шаблонів ел-пошти на основі дизайн-макетів. 📝 Відкрити анкету #jobs // Архів книг // JS

У фронтендерів сьогодні свято! Для Figma вийшов безкоштовний плагін Trace, за допомогою якого можна перетворити дизайн у повноцінні робочі програми на SwiftUI. 👉 Спробувати @itmemeua

event.target.value завжди повертає строкове значення, навіть якщо для поля введення input задано тип number.

let valueAsNumber event.target.valueAsNumber;
console.log('is ${value} a number?', Number.isInteger(valueAsNumber))

Щоб одразу отримувати числове значення, використовуйте event.target.valueAsNumber. #practice // Вакансії IT // JS

Build Your Own Test Framework Ця книга допоможе вам створити фреймворк для автоматизованого тестування на JavaScript. До кінця посібника ви отримаєте чітке розуміння принципів АТ, яке зможете негайно застосувати до своїх робочих проектів. Рік: 2023 Мова: 🇬🇧 Автори: Daniel Irvine #books // Архів книг // JS

Що таке AJAX? AJAX або Asyncronous JavaScript and XML — це набір взаємопов'язаних технологій, які дозволяють працювати з даними в асинхронному режимі. Це означає, що ми можемо надсилати дані на сервер та отримувати дані з нього без перезавантаження веб-сторінки. #theory // Вакансії IT // JS

function asyncFunc() {
   return new Promise(resolve, reject) => {
      setTimeout(() => {
         resolve("Success");
      }, 2000);
   });
}

asyncFunc().then((result) => {
   console.log(result);
});

console.log("End");

👉 Відповідь #practice // Архів книг // JS

DVD-диск на 200 терабайт Уявіть: уся ваша музика, фільми, ігри, фото і документи на одному крихітному диску. Це стало можливим завдяки розробці китайських вчених, які створили оптичний диск на 200 терабайт. Секрет — у багатошаровій структурі: диск складається зі 100 оптичних шарів, кожен з яких може зберігати інформацію. Для порівняння, звичайний DVD-диск має лише один шар. 💻 @itmemeua

Responsive product page Адаптивна сторінка з товарами, реалізована за допомогою React. #practice // Архів книг // JS

Vue.js як JS-фреймворк У цій статті розповідається про Vue.js — сучасний JavaScript-фреймворк для розробки користувацьких інтерфейсів. Він надає зручні інструменти та можливості для створення інтерактивних веб-додатків. Мова: 🇺🇦 #theory // Архів книг // JS

‼️Почни нарешті заробляти від 1500$ на місяць на створенні фірмового дизайну сайтів! Чому саме Web-designer❓ Web-designer - одна з найцікавіших професій сучасності. У цифрову еру потреба у дизайнерах сягнула піку! Вас очікує безмежний потік проектів і можливостей та творча свобода. Український онлайн університет Atom розробив спеціальне навчання, вже під час якого ти почнеш заробляти свої перші гроші в ролі дизайнеру! ➡️Практика на реальних проєктах ➡️Перші замовлення вже під час навчання ➡️Від базових знань у Figma до готових кейсів у портфоліо ➡️Перші 100$ вже під час навчання 🎁 Зроби собі подарунок, подаруй високооплачувану професію, поспішай 👇 https://at-university

Ви можете використовувати оператор in для того, щоб перевірити, чи є такий ключ у об'єкта.

var x = 1;
var y = 3;
var list = {0: 0, 1: 0, 2: 0};
x in list; // true
y in list; // false
1 in list; // true
y in {3: 0, 4: 0, 5: 0}; // true

function list() {
   var x = {};
   for (var i = 0; i < arguments.length; ++i)
      x[arguments[i]] = 0;
   return x;
}

5 in list(1, 2, 3, 4, 5) // true

Якщо літерали об'єкта недостатньо добре виглядають — можна комбінувати їх функцією без параметрів. #practice // Архів книг // JS

Об'єкт Math У цьому відео-уроці розглядається Math — вбудований об'єкт в JavaScript, що надає фундаментальні математичні константи та функції. Мова: 🇺🇦 Автор: SavchukIT Тривалість: 31 хв #lessons // Архів книг // JS

Simple 3D Card Проста картка з ефектом перевороту під час наведення — на чистому CSS. #practice // Архів книг // JS

Масиви В даній статті автор детально розповідає про масиви в JavaScript — це основна структура даних для зберігання впорядкованих колекцій елементів. Вони можуть містити будь-які типи даних, такі як числа, рядки, об’єкти і навіть інші масиви, а їхній розмір може змінюватися під час виконання програми. Мова: 🇺🇦 #theory // Вакансії IT // JS

Ринкова вартість NVIDIA вперше перевищила $2 трлн Капіталізація NVIDIA перевищила два трильйони доларів з відкриттям торгів 23 лютого 2024 року, під час яких акції компанії подорожчали майже на 11%, до $820 за штуку. 💻 @itmemeua

Steam inspired game card hover effect Ефект відблиску в стилі Steam при наведенні на ігрову картку, реалізований на чистому CSS. #practice // Архів книг // JS