JavaScript 🇺🇦

Wave Animation Анімація хвилі у стилі неоморфізму. Реалізовано за допомогою CSS та JavaScript. #codepen // #practice // JS

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

const person = { name: 'John', age: 30 };

У цьому прикладі створюється об'єкт person з двома властивостями: name і age. #JS // #practice // Вакансії IT

Модель CSS Box На 22-му уроці відео-курсу про основи HTML & CSS автор розповідає про спеціальну боксову модель (box model) в мові CSS, яка описує, з чого складається бокс і які властивості впливають на його розміри. Мова: 🇺🇦 Тривалість: 22 хв #CSS // #lessons // Вакансії IT

Toggle Switch Перемикач світлої і темної теми для сайту. Реалізовано з допомогою CSS і JavaScript. #codepen // #practice // JS

🔥Виграти MacBook Air? Чи безплатно навчитися програмування на Solana? Все разом на Ukrainian Solana Bootcamp від Kumeka Team! Вже 6 серпня стартує наш другий інтенсивний навчальний онлайн-курс з Solana блокчейн розробки для всіх, хто бажає опанувати криптографію from scratch.  Важлива умова — знання TypeScript...Шо отримають випускники? 😮 Подарунки та NFT-сертифікати [ми вже складаємо бокси з сюрпризами] 💯 Можливість виграти MacBook Air у розіграші Швидше реєструйтеся: 👉 https://lu.ma/8u2qzn1h 👈 Для кого призначений цей буткемп? ​Участь можуть брати розробники будь-якого рівня з досвідом у Web2 та Web3. Знання криптографії або мови Rust не обов'язкові. Важливо — розуміти TypeScript. 🦾 Викладають лекції топ розробники з Solana та blockchain development компанії. Всі подробиці ось тут і в чаті буткемпу: 👉 https://discord.gg/ennM3sAn ▪️▪️▪️ Ukrainian Solana Community — Kumeka Team

Виклик функції JavaScript за кнопкою Важливість уміння викликати функції за кліком в JavaScript не можна недооцінювати в контексті створення інтерактивних веб-сторінок. Клікабельні елементи, які реагують на користувацькі дії, відіграють ключову роль у поліпшенні користувацького досвіду. Докладніше — у статті. Мова: 🇬🇧 #JS // #theory // Архів книг

Article Toggle Плавне перемикання світлої і темної тем. Реалізовано за допомогою CSS та JavaScript. #codepen // #practice // JS

Вийшла "Біблія програмістів" На GitHub знайдено гігантську збірку уроків та практичних завдань з УСІХ мов програмування — в тому числі, й JavaScript. Гайди зі створення власної ОС, нейронки чи додатка — тут є все, з відеоуроками, прикладами коду і детальними поясненнями. 👉 Спробувати #JS // #news // Вакансії IT

let obj = {
  name: 'john',
  age:  23,
};

delete user.name;
console.log(user.name);

Оператор delete використовується для видалення властивості з об'єкта. #JS // #practice // Вакансії IT

Вакансія: Front-End Web Developer Компанія Concert-ua шукає на офісну роботу в Києві фронтенд-розробника рівня Junior або Middle із впевненим знанням JavaScript ES5 / ES6+ — для доопрацювання, підтримки, оптимізації та рефакторингу системи, впровадження нового функціоналу, а також роботи над SEO. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

if ('name' in person) {
   console.log('Властивість name існує');
}

Оператор in дозволяє перевірити, чи існує властивість в об'єкті. #JS // #practice // Вакансії IT

JavaScript Crash Course Цей практичний посібник є обов’язковим для всіх, хто хоче навчитися кодити з нуля на мові програмування JavaScript. Завдяки захоплюючим прикладам і вправам ви поєднаєте JS із HTML і CSS для створення інтерактивних веб-програм. Рік: 2024 Мова: 🇬🇧 Автор: Nick Morgan 👉 Вийняти з архіву #JS // #books // Архів книг

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

const obj = Object.fromEntries(entries);
console.log(obj);

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

💠 У чому переваги мікросервісів для вашого проєкту? Архітектуру, побудовану на мікросервісах, можна порівняти із будинком — кімнати поєднані, проте мають різне призначення та свої процеси, які не виходять за їх межі Те ж стосується і мікросервісів — вони легко масштабуються за потреби, а кожен сервіс працює автономно та має свою функцію 🗯 Дізнатись більше про Мікросервісну архітектуру можна на курсі від robot_dreams За 7 тижнів ви навчитеся: ✔️планувати міграцію моноліту в мікросервіси ✔️створювати документацію для представлення архітектурних рішень ✔️будувати середовище та процеси для експлуатації мікросервісної архітектури ✔️організовувати роботу розподілених транзакцій Лектор — Михайло Єдемський, Senior Software Engineer у Microsoft — 16+ років у розробці та підтримці ПЗ, працював у Luxoft та Skype. Розробляв мікросервіси, які використовують Azure та .NET Старт — 22 серпня Детальніше про курс 🔗

Створення та оптимізація запитів до БД на JS У веб-розробці запит до бази даних відіграє ключову роль у взаємодії з сервером і отриманні необхідної інформації для роботи програми. JS надає розробникам потужні інструменти для створення динамічних веб-додатків, включно з маніпуляціями даними в базах даних.

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

Мова: 🇺🇦 👉 Ознайомитись #JS // #theory // Архів книг

Loading Animation Цікава анімація завантаження. Реалізовано за допомогою CSS та JavaScript. 👉 Переглянути код #codepen // #practice // JS

const keys = Object.keys(person);
console.log(keys); // Виведення: ['name', 'age']

Object.keys() повертає масив усіх властивостей об'єкта. #JS // #practice // Вакансії IT

Псевдоклас :hover В 21-му уроці відео-курсу про основи HTML & CSS автор розповідає про псевдоклас :hover — він спрацьовує, коли користувач наводить мишею на елемент, але не обов'язково активує його. Мова: 🇺🇦 Тривалість: 17 хв 👉 Дивитись урок #JS // #lessons // Вакансії IT

Scratch Card Інтерактивна подарункова карта з анімацією конфетті. Реалізовано за допомогою CSS та JavaScript 👉 Переглянути код #codepen // #practice // JS