JavaScript 🇺🇦

Clock Гарний годинник у стилі неоморфізму. Реалізовано за допомогою CSS та JavaScript. #codepen // #practice // JS

Найкращий плагін для VSCode Вийшов плагін, який додає до редактора котиків, собак, качок та змійку — звірята бігають вікном програми, шукають баги і створюють крутий настрій під час написання коду. 👉 Перетворюємо код на зоопарк #VSCode // #news // JS

'use strict';
// Ваш код тут

Суворий режим допомагає уникнути помилок та дозволяє використовувати більш безпечні та сучасні функції JavaScript. #js // #practice // Архів книг

Вакансія: Front-end Developer IT-школа N-Code шукає на віддалену роботу фронтенд-розробника зі знанням HTML, CSS, JavaScript — з метою репетиторства ІТ-технологій для дітей. 📝 Відкрити анкету #js // #jobs // Вакансії IT

function calculateTax(income) {
   // Логіка для обчислення податку з доходу
}

function calculateProfit(income) {
   // Логіка для обчислення чистого прибутку
   const tax = calculateTax(income); // He дублювання коду
   // Решта логіки
}

Дублювання коду може призвести до помилок та ускладнити його підтримку. Використання функцій допомагає уникнути цього. #js // #practice // Архів книг

The Joy of JavaScript Як для створення інтерактивних додатків на основі браузера, так і для створення програм на стороні сервера в Node, JS є найпоширенішою мовою для веб-програмування. В даному підручнику автор навчає своїх читачів ключовим концепціям дизайну, які призводять до чистого, економного, модульного та легкого в обслуговуванні коду. Рік: 2021 Мова: 🇬🇧 Автор: Luis Atencio #js // #books // Вакансії IT

Одиниці вимірювання в CSS На 16-му уроці відео-курсу про основи HTML & CSS автор розповідає про CSS units — одиниці вимірювання в CSS. Мова: 🇺🇦 Автор: SavchukIT Тривалість: 21 хв #JS // #lessons // Вакансії IT

const arr = [1, 2, 3];
console.log(Array.from(arr, x => x + x));

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

Random Background Generator Генератор красивих фонів для сайту. Реалізовано за допомогою CSS та JavaScript. #codepen // #practice // JS

Деструктуризація — це відносно новий спосіб отримання значень об'єкта або масиву в JavaScript. Припустимо, у нас є такий об'єкт:

const employee = {
    firstName: 'Marko',
    lastName: 'Polo',
    position: 'Software Developer',
    yearHired: 2017
}

Раніше для отримання властивостей об'єкта ми створювали змінні для кожної властивості. Це було дуже нудно і сильно дратувало:

var firstName = employee.firstName
var lastName = employee.lastName
var position = employee.position
var yearHired = employee.yearHired

Використання деструктуризації дозволяє зробити код чистішим і забирає менше часу. Синтаксис деструктуризації наступний: укладаємо властивості об'єкта, які хочемо отримати, у фігурні дужки { }, а якщо йдеться про масив — у квадратні дужки [ ]. #JS // #theory // Вакансії IT

Через спеку ціни тануть 🥵 Шановні, оголошуємо спеціальні літні ціни на розміщення реклами. У разі, якщо ви рекламуєте близький нам по тематиці продукт, діє знижка, ідентична температурі повітря в день публікації. 🌡️ На вулиці +25°, у цінах -25% За деталями: @itchannelsbot

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num ⇒ num * 2);
const evenNumbers = numbers.filter(num ⇒ num % 2 ≡ 0);
const sum = numbers.reduce((acc, num) → acc + num, 0);

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

Властивості display: inline-block та none В другій частині 15-го уроку відео-курсу про основи HTML & CSS автор нагадує про дуже важливу властивість display: inline-block, яка поєднує в собі особливості display: block та display: inline, а також розповідає про властивість display: none. Мова: 🇺🇦 Автор: SavchukIT Тривалість: 9 хв #JS // #lessons // Вакансії IT

Sharp and Glowing Dark Card Анімована карта, що світиться по периметру. Реалізовано за допомогою CSS та JS. #codepen // #practice // JS

Випадкові зображення з допомогою Flexbox та JS Рандомізовані елементи веб-сторінок — це простий і ефективний метод для збільшення користувачів на сайті. Цей ефект легко досягнути всього декількома рядками JavaScript. Детальніше про це — в даній статті. Мова: 🇺🇦 #Flexbox // #theory // JS

Calculator Калькулятор у стилі глассморфізму. Реалізовано за допомогою CSS. #codepen // #practice // JS

Знищив 180 серверів скриптами з Google Кандула Нагараджу, 39-річний громадянин Індії, який працював у NCS в Сінгапурі, отримав 2 роки та 8 місяців ув’язнення після того, як його визнали винним у несанкціонованому доступі.

Він "розважався" тим, що видаляв тестові сервери компанії свого колишнього роботодавця. За одну ніч він розгорнув скрипти, які призвели до повного видалення всіх 180 серверів. З січня по березень 2023-го він виношував план помсти своєму екс-роботодавцю. Кандула шукав у Google скрипти видалення серверів та зрештою почав тестувати їх на серверах NCS.

😵 Зрештою, він завдав збитків на $678 000. #js // #news // Вакансії IT

const promise1 = fetch(' ... ');
const promise2 = fetch(' ... ');
Promise.all([promise1, promise2])
   .then(([result1, result2]) ⇒ {
      // Обробка результатів
   })
   .catch(error ⇒ {
      // Обробка помилок
   });

Promise.all дозволяє паралельно виконувати кілька промісів та обробляти результати після їх завершення або обробити помилку, якщо хоча б один із промісів завершився з помилкою. #js // #practice // Вакансії IT

Вакансія: Vue.js Developer Компанія SoftPro шукає на офісну роботу у Києві фронтенд-розробника з досвідом роботи від 3-х років і знанням Vue / Nuxt / Vite, а також JavaScript, HTML і CSS — для розробки проектів з веб-інтеграції та створення веб-орієнтованого ПЗ. 📝 Відкрити анкету #VueJS // #jobs // JS

function processUserData(userData) {
   if (!userData) {
      console.error('No user data provided');
      return;
   }
   // Логіка обробки даних
}

Хороші логи допомагають відстежувати процеси в коді, виявляти проблеми та швидко їх вирішувати. #js // #practice // Вакансії IT