JavaScript 🇺🇦

Impossibly Tipsy Красиво анімований логотип. Реалізовано за допомогою CSS. #codepen // #practice // JS

Реліз TypeScript 5.5 Відбувся реліз TypeScript 5.5 — нової версії мови програмування, яка побудована на основі JavaScript, й дозволяє оголошувати і описувати типи. В даній статті можна ознайомитись із списком змін і нововведень. Мова: 🇬🇧 #TypeScript // #theory // JS

function add(a, b) {
   return a + b;
}

// Тест із використанням Jest
test('adds 1 + 2 to equal 3', () → {
   expect(add(1, 2)).toBe(3);
});

Тестування допомагає виявляти помилки та переконуватись у правильній роботі коду. #JS // #practice // Архів книг

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

Pie Slice Text Animation Стильна анімація фігури з текстом. Реалізовано за допомогою CSS та JavaScript. #codepen // #practice // JS

Асинхронні функції в ES7 Асинхронне програмування дуже незвичне. У нас є Promise, який значно спрощує взаємодію з асинхронними функціями, але це не елегантне рішення. Чи є спосіб краще? Є! У цій статті автор розповідає про async і await функції в ES7, а також пояснює, як вони можуть змінити спосіб роботи з асинхронними завданнями. Мова: 🇺🇦 #async #await // #theory // JS

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