JavaScript 🇺🇦

Вакансія: 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

Вельмишановні, чи дотримуєтесь ви принципів безпеки в JS-розробці? Якщо так — то яких і як саме? Наскільки це важливо у вашій роботі? 👇 Поділитися своїми таємницями можна в коментарях і в нашому чаті.

Коли ви присвоюєте змінній велике числове значення, вас не бентежить, наскільки воно велике і чи правильно написане. Ця фіча дозволить вам поставити знак "підкреслення" між цифрами, щоб простіше було підрахувати їхню кількість у числі.

1_000_000_000 // А, значить, мільярд
101_475_938.38 // А це сотні мільйонів
let fee = 123_00; // $123 (12300 центів, очевидно)
let fee = 12_300; // $12 300 (ого, який гонорар!)
let amount = 12345_00; // 12 345 (1234500 центів)
let amount = 123_4500;
let amount = 1_234_500; // 1,234,500
let budget = 1_000_000_000_000;
// Яка величина бюджету? Це 1 трильйон!
//
// Перевіримо:
console.log(budget === 10 ** 12); // true

Кожен сам вирішить, чи використовувати цю функцію, але вона точно зменшить ваш головний біль під час визначення, наскільки велике число. #practice // Вакансії IT // JS

Вакансія: Front-End Developer Міжнародне рекрутингове агенство City Staff шукає на офісну роботу в Києві фронтенд-розробника зі знанням HTML5, CSS та JavaScript — для розробки та впровадження основних функцій і нових сервісів з використанням передових технологій. 📝 Відкрити анкету #jobs // Архів книг // JS

Бібліотека інструментів для дизайнерів та розробників Це величезна база з генераторами тексту, пошуковиками шрифтів, конвертерами, редакторами зображень та іншими корисними матеріалами. Особливо згодиться фронтенд-розробникам (тут є спеціальні інструменти для CSS). 👉 Спробувати @itmemeua