JavaScript 🇺🇦

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

3D Interactive Card Hover Властивість transform зі значенням rotate змінюється в залежності від положення курсору. #practice // JavaScript 🇺🇦

🔥GoIT запрошує на безкоштовний вебінар "Покроковий план старту в IT для неайтішників" Що буде на вебінарі? 🔹Технічні та нетехнічні спеціальності в IT: яку обрати? 🔹Чому кожен розробник знайде своє місце на ринку вже на старті 🔹Що робити, якщо не знаєш англійської, а хочеться працювати із замовниками з усього світу 🔹Як Junior'у вирости до Senior та перестати паритися про з/п 🔹Бонус від GoIT для всіх, хто подивиться вебінар до кінця На щастя, IT-ринок відкритий для фахівців із будь-якої точки світу, тому вперед!🙏🇺🇦 На вебінарі ви зможете отримати відповіді на всі свої запитання + чіткий покроковий план переходу в IT - до цікавих проектів, гарного гонорару, зручного графіку. Реєструйтеся на вебінар за посиланням: https://cutt.ly/lH6isna

Умовні розгалуження: if, '?' У сьогоднішній статті поговоримо про умовні розгалуження. Іноді нам потрібно виконувати різні дії на основі різних умов. #lessons // JavaScript 🇺🇦

Rating Experience Автор стилізує input[type="range"]. Через JavaScript він ставить класи, що залежать від значення інпуту. Анімації створені в CSS. #practice // JavaScript 🇺🇦

Digital Alarm / Clock / StopWatch Цифровий годинник у сучасному стилі з будильником та секундоміром. Реалізовано за допомогою jQuery. #practice // JavaScript 🇺🇦

Оператори порівняння У сьогоднішній статті ми з вами продовжимо наші міні-уроки і поговоримо про оператори порівняння в JavaScript. #practice // JavaScript 🇺🇦

Portal scene 3D-модель, виконана за допомогою SCSS та бібліотеки Three.js. #practice // JavaScript 🇺🇦

Виявлення геопозиції Geolocation API використовується для отримання розташування користувача. У цьому прикладі API використовується для отримання широти та довготи користувача. У разі успіху доступне гіперпосилання буде заповнене URL-адресою openstreetmaporg, яка покаже розташування. #practice // JavaScript 🇺🇦

Паралакс-ефект при наведенні на картку, реалізований за допомогою CSS та JavaScript. #practice // JavaScript 🇺🇦

Навчу вас створювати сучасні сайти майже безкоштовно, поділюсь досвідом за донат🔥 Якщо ви давно мріяли про роботу програмістом, то вам за адресою. 🎓В червні я проведу навчання програмуванню за донат 150 грн за весь курс. Першим етапом буде верстка, ми створимо сучасні сайти та повністю вивчимо верстку. ➡️ Деталі тут: https://cutt.ly/itstudy

re-template-tag re-template-tag – це проста бібліотека для складання регулярних виразів. Шаблони з тегом re створюють регулярні вирази. Основна перевага полягає в тому, що ти можеш інтерполювати регулярні вирази та звичайний текст через ${}. #practice // JavaScript 🇺🇦

Замок Адаптивне зображення замка, виконане за допомогою SVG, SCSS та бібліотеки GSAP.js. #practice // JavaScript 🇺🇦

TextDecoder Інтерфейс TextDecoder є декодер для певного кодування тексту, такого як UTF-8, ISO-8859-2, KOI8-R, GBK і т. д. Декодер приймає на вхід потік байтів і видає потік кодових точок. У цьому прикладі показано, як декодувати китайський/японський символ, представлений п'ятьма різними типізованими масивами: Uint8Array, Int8Array, Uint16Array, Int16Array та Int32Array. #practice // JavaScript 🇺🇦

Перемикання тем Теми оформлення з можливістю перемикання, виконані за допомогою PostCSS та JavaScript. #practice // JavaScript 🇺🇦

Унарний плюс Унарний плюс - це найшвидший спосіб перетворення чогось у число. Він не виконує жодних інших операцій над числом. Унарний плюс може перетворювати рядкові уявлення цілих чисел і чисел із плаваючою комою, а також true, false та null. Підтримуються цілі числа як у десятковому, так і у шістнадцятковому (з префіксом 0x) форматах. Негативні числа підтримуються (але не для шістнадцяткових). Використання оператора значень BigInt викликає помилку TypeError. Якщо він не може проаналізувати конкретне значення, оцінюватиметься як NaN. #practice // JavaScript 🇺🇦

Energy Анімація енергетичних променів, які рухаються слідом за курсором миші. Реалізовано за допомогою JavaScript. #practice // JavaScript 🇺🇦

NIX MultiConf вже у ці вихідні! Долучайся до наймасштабнішої в Україні IT-конференції! Стійкість України надихає весь світ. Натхненне цією силою і наше IT-ком’юніті. Уже цього тижня, 21-22 травня, топові зарубіжні та українські IT-експерти, підприємці та лідери думок об'єднаються на NIX MultiConf, щоб нагадати світові: Україна — надійне місце для розвитку бізнесу. Долучайся до спільноти NIX MultiConf! У програмі: 🔹 Виступи зарубіжних та українських бізнес-лідерів Вперше на NIX MultiConf — окрема панель для підприємців та всіх, хто цікавиться IT-бізнесом. 🔹 Лекції для IT-спеціалістів від фахівців NIX Новинки технологій, реальні кейси і корисні інструменти для роботи розберемо за такими напрямками: Java, JS, .NET, DATA, QA, PHP, PM, Python та ін. 🔹 Збір донатів на перемогу Сьогодні кожен тримає свій фронт. Ми боронимо IT-сферу, а наші захисники — Україну. Тому під час трансляції ти можеш долучитися до збору коштів на потреби ЗСУ та волонтерів. Стати ближче до світових спікерів дуже просто — ставиш їм питання у чаті трансляції й одразу отримуєш відповідь. Так на NIX MultiConf ти вже будеш на одній хвилі з топовими експертами ;). А поки переходь за посиланням, дізнавайся повну програму конференції та обирай цікаві тобі лекції. Коли і де: 21-22 травня, онлайн на YouTube-каналі NIX Чекаємо тебе на NIXMultiConf! Все буде Україна! Все буде NIX!

Дорожня карта JS-початківця Максимально проста і зрозуміла для будь-якого новачка дорожня карта, без складних термінів. Ви дізнаєтеся, що і в якому порядку потрібно вчити, щоб поступово розвинутись в одному з потрібних вам напрямків. #theory // JavaScript 🇺🇦

Matrix Анімація із зеленим кодом з фільму «Матриця», реалізована за допомогою JavaScript. #practice // JavaScript 🇺🇦