JavaScript 🇺🇦

Оновлений Angular Code Style В Angular останнім часом з’явилося багато нового: від сигналів до оновленого стилю для шаблонів. Тож автор даної статті ділиться оновленим підходом до code style. Мова: 🇺🇦 #Angular // #theory // JS

Search Input Animation Стильна анімація кнопки пошуку. Зроблено за допомогою класичного стека HTML + CSS (SCSS) + JS. #codepen // #practice // JS

Бібліотека Sonner для React З'явився потужний інструмент для створення повідомлень — просте встановлення, кастомізація і топові візуальні фішки. Вистачає трьох рядків коду, щоб усе запрацювало.

Задавайте типи, налаштовуйте позиції, керуйте кількістю відображуваних повідомлень. Також є супер-зручна підтримка анімацій і додаткових дій.

👉 Детальніше #Sonner #React // #news // JS

Метод trimEnd() видаляє прогалини з кінця рядка. До них відносяться пробіли, табуляції тощо. Якщо в кінці рядка немає прогалини, все одно буде повернуто новий рядок (фактично, копію рядка).

const greeting = '   Hello world!   ';

console.log(greeting);
// "   Hello world!   ";

console.log(greeting.trimEnd());
// "   Hello world!";

#trimEnd // #practice // JS

How JavaScript Works У цій книзі представлено всебічний вступ до JavaScript: від того, як ця мова працює на технічному рівні — до того, як її використовувати для створення веб-сайтів і програм. Рік: 2023 Мова: 🇬🇧 Автор: Jonathon Simpson #JS // #books // Архів книг

В JavaScript існує три варіанти перетворення об'єкта на масив: Object.keys(), Object.values() і Object.entries().

const zoo = {
   lion: 'meat',
   panda: 'grass',
};

Object.keys(zoo);
// ['lion', 'panda']

Object.values(zoo);
// ['meat', 'grass']

Object.entries(zoo);
// [['lion', 'meat'], ['panda', 'grass']]

Але не завжди це було так просто — до появи ES6 і ES8 доводилося використовувати перебір елементів об'єкта в циклі, щоб конвертувати об'єкт у масив. Якщо ж треба перетворити масив назад на об'єкт, можна скористатись методом під назвою Object.fromEntries. По суті, це протилежність Object.entries. #JS // #practice // Вакансії IT

Вакансія: JavaScript Developer Компанія-розробник програмного забезпечення Innovation Group шукає на віддалену роботу JS-розробника рівня Middle із досвідом з JavaScript від 4-х років та з TypeScript від 3-х років — для розробки payment і телеграм-додатків. 📝 Відкрити анкету #JS // #jobs // Архів книг

Майбутнє мікросервісів Деякі компанії, зіткнувшись зі складністю мікросервісів, повертаються до монолітів, але з використанням сучасних технологій. Інші тільки починають впроваджувати мікросервісну архітектуру. Чому компанії повертаються до спрощення, і що саме стоїть за концепцією "монолітів 2.0"? Це питання залишається відкритим для роздумів та обговорень. Своїми думками діліться в коментарях 👇 #JS // #theory // Архів книг

🟡 Дата-аналітика увійшла в топ-10 високооплачуваних професій майбутнього Аналітики даних можуть знайти роботу в будь-якій сфері: IT, маркетинг, e-commerce, фінанси, освіта, сільське господарство. 🔝 Згідно статистики DOU медіанна зарплата українських дата-фахівців сягнула $1750 в 2024 році. Хочеш дізнатися більше про цю професію? Реєструйся на безкоштовний інтенсив під наставництвом досвідченого аналітика Нікіти Тимошенко з Adante Consulting, Канада. 4 дні | Онлайн | Безкоштовно ➡️ i.goit.global ⬅️

const arr = [4, 9, 16];

const result = Math.abs(arr);

console.log(result);

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

Progress Button Дана кнопка прогресу складається з декількох svg, що анімуються бібліотекою anime.js. #codepen // #practice // JS

5 технічних тенденцій JavaScript в 2025 році JS залишається основою сучасної веб-розробки — не тому, що він зручний, а тому, що він невпинний.

Це найбільш адаптивна, універсальна мова, яка формує все: від програм корпоративного рівня — до передових інноваційних браузерів. Чого ж нам чекати від JavaScript в цьому році — розповідає автор свіжої статті.

Мова: 🇬🇧 #JS // #theory // Вакансії IT

Дізнайтеся, чи пристрій користувача працює у темному режимі, використовуючи наступний код:

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;

console.log(isDarkMode) // Результат: True або False

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

Верстаємо лендінг з нуля, ч.3 На 11-му уроці відеокурсу "HTML+CSS+JS для всіх" автор дає третю частину свого детального пояснення-демонстрації верстки лендінгу. Мова: 🇺🇦 Тривалість: 1 год 45 хв #JS // #lessons // Вакансії IT

ScrollTrigger Image Zoom Крута анімація переходу з перспективою під час скролу. Ефект досягається за рахунок збільшення зображень і грамотної роботи з шарами. Зроблено за допомогою бібліотеки GSAP. #codepen // #practice // JS

JavaScript Function та Function Expressions Функція в JS — це незалежний блок коду, який виконує певне завдання. Function Expression — це спосіб зберігати функції у змінних.

// create a function named greet()
function greet() {
   console.log("Hello World!");
}

// store a function in the displayPI variable
// this is a function expression
let displayPI = function() {
   console.log("PI = 3.14");
}

// call the greet() function
greet();

// call the reply() function
displayPI();

// Output:
// Hello World!
// PI = 3.14

Тут ми створили іменовану функцію greet() та function expression у змінній displayPI. Для виклику функції використовуються її ім'я і дужки (): greet() для іменованої функції та displayPI() для функції, збереженої у змінній. ❗️Функції — це основа програмування в JavaScript. Навчіться використовувати обидва підходи залежно від завдань! #JS // #theory // Архів книг

❗️Яким буде IT у 2025 році? 📈70% ІТ-вакансій вимагають від кандидатів профільну вищу освіту. ❓Як отримати офер у міжнародній компанії? Як залишатись актуальним? Які нововведення очікують фахівців? Відповіді знайдете на вебінарі Neoversity «Як залишитися в IT»:

🟢Ключові тренди ринку ІТ, рейтинг IT-професій на 2025 рік. 🟢Сучасні вимоги до хард і софт скілів, найважливіші критерії на думку рекрутерів, як потрапити в IT без знання англійської. 🟢Різниця в зарплаті для кандидатів з англійською і без, вплив вищої освіти на рівень зарплати.

👉 Реєструйтеся зараз, щоб одразу отримати корисний файл — чекліст для кар’єрного стрибка. Реєстрація: https://i.goit.global/bowlY

Emoji Slider Слайдер настрою зі значками емодзі, створений за допомогою SCSS і JS. #codepen // #practice // JS

Вакансія: Front-End Developer Українська рекламна агенція Avlo Research шукає на віддалену роботу розробника рівня Junior з досвідом роботи на HTML і CSS3 від 6 місяців і знанням JS на середньому рівні — для верстки веб-сторінок і участі у програмуванні фронтенду. 📝 Відкрити анкету #JS // #jobs // Архів книг

У багатьох проектах необхідно реалізовувати функції з урахуванням певних пристроїв. Ось ця функція допоможе дізнатися, оперує користувач пристроєм від Apple, чи ні:

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(isAppleDevice);
// Результат: повертає true, якщо у користувача пристрій Apple

#Apple // #practice // JS