JavaScript 🇺🇦

@javascriptuk

Channel's geo and language: Ukraine, Ukrainian

Category: Technologies

▪️Вивчаємо JavaScript разом.
▪️Високооплачувана професія
▪️Допомагаємо з пошуком роботи
@itchannelsbot - реклама

Related channels | Similar channels

Channel's geo and language

Ukraine, Ukrainian

JavaScript 🇺🇦

30 Jan, 13:01

00:02

Frosted Glass loader

Оригінальна анімація завантаження у вигляді svg-картинки. Зроблено за допомогою бібліотеки gsap.

#codepen // #practice // JS

Переглянути код

1.5k 0 5

JavaScript 🇺🇦

29 Jan, 21:01

Первозданний JavaScript

Автор цієї статті — сертифікований Software Engineer, який 10 років працює з JavaScript. Тут він вирішив поговорити про первозданний JavaScript — до 2015-го.

Це JS, який знають піонери й про який, на жаль, не чуло молоде покоління.

Мова: 🇺🇦

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

Ознайомитись

2.2k 0 11

Статичний метод Reflect.isExtensible() визначає, чи об'єкт розширюється (чи можуть до нього додаватися нові властивості). Він схожий на Object.isExtensible(), але з відмінностями.

const object1 = {};

console.log(Reflect.isExtensible(object1));
// true

Reflect.preventExtensions(object1);

console.log(Reflect.isExtensible(object1));
// false

const object2 = Object.seal({});

console.log(Reflect.isExtensible(object2));
// false

Якщо аргумент target тут не є об'єктом (примітивом), то викликається TypeError. Із Object.isExtensible() аргумент target, який не є об'єктом, поверне false без жодних помилок.

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

2.3k 0 2

JavaScript 🇺🇦

28 Jan, 21:01

Верстаємо лендінг з нуля: дещо про фронтенд

На 12-му уроці відеокурсу "HTML+CSS+JS для всіх" автор дає багато корисних рекомендацій щодо фронтенд-розробки в рамках верстки лендінгу і не тільки.

Мова: 🇺🇦

Тривалість: 2 год 5 хв

#JS // #lessons // Вакансії IT

Дивитись урок

2.5k 0 20

JavaScript 🇺🇦

28 Jan, 13:01

00:06

Wiggly Squiggly

Реалізовано на TypeScript, анімовано за допомогою бібліотеки TweenMax.

#codepen // #practice // JS

Переглянути код

2.6k 0 8

JavaScript 🇺🇦

27 Jan, 21:51

Оновлений Angular Code Style

В Angular останнім часом з’явилося багато нового: від сигналів до оновленого стилю для шаблонів. Тож автор даної статті ділиться оновленим підходом до code style.

Мова: 🇺🇦

#Angular // #theory // JS

Ознайомитись

2.7k 0 12

JavaScript 🇺🇦

27 Jan, 13:01

00:07

Search Input Animation

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

#codepen // #practice // JS

Переглянути код

2.8k 0 17

JavaScript 🇺🇦

26 Jan, 21:05

00:12

Бібліотека Sonner для React

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

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

👉 Детальніше

#Sonner #React // #news // JS

3.1k 0 54

JavaScript 🇺🇦

26 Jan, 13:04

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

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

const greeting = ' Hello world! ';

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

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

#trimEnd // #practice // JS

3k 0 6

JavaScript 🇺🇦

25 Jan, 22:14

How JavaScript Works

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

Рік: 2023

Мова: 🇬🇧

Автор: Jonathon Simpson

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

Вийняти з архіву

3.1k 0 25

JavaScript 🇺🇦

25 Jan, 13:03

В 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

3k 0 10

JavaScript 🇺🇦

24 Jan, 21:52

Вакансія: JavaScript Developer

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

📝 Відкрити анкету

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

3.1k 0 4

JavaScript 🇺🇦

24 Jan, 13:03

Майбутнє мікросервісів

Деякі компанії, зіткнувшись зі складністю мікросервісів, повертаються до монолітів, але з використанням сучасних технологій. Інші тільки починають впроваджувати мікросервісну архітектуру.

Чому компанії повертаються до спрощення, і що саме стоїть за концепцією "монолітів 2.0"? Це питання залишається відкритим для роздумів та обговорень. Своїми думками діліться в коментарях 👇

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

3.5k 0 6 3

JavaScript 🇺🇦

24 Jan, 11:45

🟡 Дата-аналітика увійшла в топ-10 високооплачуваних професій майбутнього

Аналітики даних можуть знайти роботу в будь-якій сфері: IT, маркетинг, e-commerce, фінанси, освіта, сільське господарство.

🔝 Згідно статистики DOU медіанна зарплата українських дата-фахівців сягнула $1750 в 2024 році.

Хочеш дізнатися більше про цю професію?

Реєструйся на безкоштовний інтенсив під наставництвом досвідченого аналітика Нікіти Тимошенко з Adante Consulting, Канада.

4 дні | Онлайн | Безкоштовно

➡️ i.goit.global ⬅️

3.3k 0 3

JavaScript 🇺🇦

23 Jan, 21:13

const arr = [4, 9, 16];

const result = Math.abs(arr);

console.log(result);

👉 Відповідь

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

3.4k 0 2 1

JavaScript 🇺🇦

23 Jan, 13:56

00:07

Video is unavailable for watching

Show in Telegram

Progress Button

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

#codepen // #practice // JS

Переглянути код

3.6k 0 13

JavaScript 🇺🇦

22 Jan, 21:09

5 технічних тенденцій JavaScript в 2025 році

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

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

Мова: 🇬🇧

#JS // #theory // Вакансії IT

Ознайомитись

3.8k 0 10

JavaScript 🇺🇦

22 Jan, 13:04

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

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

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

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

3.7k 0 24 11

JavaScript 🇺🇦

21 Jan, 21:43

Верстаємо лендінг з нуля, ч.3

На 11-му уроці відеокурсу "HTML+CSS+JS для всіх" автор дає третю частину свого детального пояснення-демонстрації верстки лендінгу.

Мова: 🇺🇦

Тривалість: 1 год 45 хв

#JS // #lessons // Вакансії IT

Дивитись урок

3.8k 0 14

JavaScript 🇺🇦

21 Jan, 13:01

00:06

Video is unavailable for watching

Show in Telegram

ScrollTrigger Image Zoom

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

#codepen // #practice // JS

Переглянути код

3.6k 0 23

20 last posts shown.