JavaScript 🇺🇦

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

Використовуйте константи для уникнення магічних чисел та значень у коді.

const MAX_RETRIES = 3;
for(let i = 0; i < MAX_RETRIES; i++) {
   // Повторюємо не більше MAX_RETRIES разів
}

#JS // #practice // Архів книг

Practical TensorFlow.js У цій книзі розглянуті різні інструменти фреймворку TensorFlow і показано, як вони інтегруються з TensorFlow.​js​ для створення інтелектуальних веб-додатків. Рік: 2020 Мова: 🇬🇧 Автор: Juan De Dios Santos Rivera #TensorFlow // #books // JS

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

const entries = new Map([
  ['foo', 'bar'],
  ['baz', 42]
]);

const obj = Object.fromEntries(entries);

console.log(obj);

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

Animated Social Links Кожен блок складається з кількох шарів, стилі яких змінюються під час наведення. #codepen // #practice // JS

Принципи SOLID для JavaScript SOLID — це абревіатура, яка складається з набору принципів, що допомагають писати підтримуваний, масштабований і гнучкий код.

У цій статті автор розглядає всі принципи SOLID та ілюструє, як вони реалізуються за допомогою JavaScript.

Мова: 🇬🇧 #SOLID // #theory // JS

Кожна функція повинна виконувати лише одне завдання з одним рівнем абстракції.

function processUserData(user) {
   validateUser(user);
   const processedData = manipulateData(user);
   displayData(processedData);
}

#JS // #practice // Архів книг

⚙️ Патерни проєктування — це не код і не мова, і навіть не алгоритми, але ідея розв’язання певних завдань. Навчитися рефакторити код та швидко опанувати 30+ патернів проєктування ви зможете на курсі «Чистий код та патерни проєктування» від robot_dreams. За 21 заняття ви: 🦾 навчитеся бачити недоліки коду та виправляти їх 🦾 познайомитеся з архітектурою складних enterprise-level систем 🦾 розберете всі патерни та познайомитесь з антипатернами 🦾 дізнаєтеся як організовувати асинхронний код В результаті покращите структуру та стабільність ваших проєктів, а також ефективно працюватимете з великими даними. Лектор: Олег Фокін — Lead Software Engineer у GlobalLogic, що має понад 20 років досвіду в розробці програмного забезпечення. Старт: 18 грудня Деталі, програма та реєстрація ⬅️

Таблиці, типи селекторів, рядковий тип даних На 5-му уроці відеокурсу "HTML+CSS+JS для всіх" автор допоможе детально розібратись з таблицями в HTML, типами селекторів в CSS і рядковим типом даних в JS. Мова: 🇺🇦 Тривалість: 1 год 39 хв #JS // #lessons // Вакансії IT

Responsive Grid Адаптивна сітка, створена без медіа-запитів на чистому CSS. #codepen // #practice // JS

Правильне використання Context Providers Більшість розробників неправильно використовують React Context, що призводить до непотрібних повторних візуалізацій і проблем із продуктивністю.

У цій статті автор пояснює, як це виправити за допомогою чистих, масштабованих шаблонів.

Мова: 🇬🇧 #React // #practice // JS

Sibling Gallery Проста галерея фотографій. При наведенні на одне із фото, воно розширюється. Написано на чистому CSS. #codepen // #practice // JS

Фінал чемпіонату з Excel відгримів у Лас-Вегасі "Атлети" боролися за $5000 і пояс, як у ММА. Легенда турніру, триразовий чемпіон Ендрю "Анігілятор" Нгаї, цього року зайняв лише четверте місце. А переміг звичайний аудитор Майкл Джарман. Зал вибухає, коментатори в екстазі. 💥 Excel ще ніколи не був таким епічним. #Excel // #news // JS

Set та Map надають зручні методи для роботи з унікальними даними.

const uniqueNumbers = new Set([1, 2, 3, 1, 2]);
const userMap = new Map();
userMap.set('Alice', { age: 25 });

#Set #Map // #practice // JS

Вакансія: Front-End Developer StarWind Software, світовий лідер на ринку віртуалізації та доступності сховищ, шукає на віддалену роботу фронтенд-розробника зі знаннями React JS та NextJS — для реалізації нової функціональності, а також підтримки та вдосконалення існуючого коду. 📝 Відкрити анкету #jobs // Архів книг // JS

Використання об'єктів для передачі параметрів конфігурації робить код більш читабельним.

function fetchData(config) {
   const { url, method = 'GET', headers } = config;
   // Логіка запиту
}

const requestConfig = {
   url: 'https://api.example.com/data',
   method: 'POST',
   headers: { 'Content-Type': 'application/json' }
};

fetchData(requestConfig);

#JS // #practice // Архів книг

Applied User Data Collection and Analysis Using JavaScript and PHP Цей посібник надає реальні приклади того, як різноманітні бібліотеки на основі JS і PHP можна використовувати для збору даних за допомогою спеціальних форм зворотного зв’язку та вбудованих інструментів. Рік: 2021 Мова: 🇬🇧 Автори: Kyle Goslin, Markus Hofmann #PHP #JS // #books // Вакансії IT

Двосторонній біндінг в Vue Двостороннє зв’язування даних (Data binding) компенсує те, чого не вистачає застарілому зв’язуванню даних у Vue.js, дозволяючи передавати дані в обох напрямках — від моделі до представлення, і навпаки. Детальніше його використання — у свіжій статті. Мова: 🇬🇧 #Vue // #theory // JS

let arr = [10, 20, 30, 40];

Array.prototype.each = function() {};

for (let i in arr) {
  console.log(i);
}

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