JavaScript'er

✨Parallax Depth Cards Реалізовано на Vue. Поворот картки реалізований за допомогою CSS трансформацій. Посилання на Codepen *ТИЦЬ JavaScript'ер

👩‍💻👩‍💻Шпаргалка по HTML/CSS TW JavaScript'ер

🥸Правило @supports у CSS - це умовне групове правило, яке дозволяє застосовувати блок стилів тільки в тому випадку, якщо певна умова є істинною. Воно перевіряє, чи браузер підтримує певну властивість CSS, перш ніж застосовувати стилі всередині блоку. У нашому випадку стилі всередині блоку @supports будуть використані лише в тому випадку, якщо браузер підтримує властивість display: grid . Якщо умова не виконується, стилі всередині блоку будуть проігноровані. JavaScript'ер

🤩Таке ми читаємо JavaScript'ер

☝️ Після підписки на канал IT Hub рекрутери будуть вам пропонувати не тільки роботу, а й сходити на побачення. 😏 — Тут ти дізнаєшся де навчитися Хард Скілам 💪 — Як прокачати Софт Скіли — Як початківцю в ІТ заробити $5000 не встаючи з дивану (насправді ні, таких дурниць тут не пишуть) Адже тут збирається розумна ІТ аудиторія, а наповнюють канал професіонали❗️ 👉 100% раджу підписатися!

⏸Music Player with Slider Слайдер створено бібліотекою Swiper. Логіка запуску та перемикання музики реалізована в JS Посилання на Codepen *ТИЦЬ JavaScript'ер

💬Питання із співбесіди У чому відмінність між position: relative та position: absolute ? Відповідь: position: relative робить елемент позиціонуванням відносно його власного місцезнаходження в нормальному потоці документа. Тобто, при використанні position: relative, елемент зсувається відносно свого початкового місця, але залишає місце, яке він займав у звичайному потоці сторінки. position: absolute змінює місцезнаходження елемента відносно найближчого предка, який має непозиціоновану (position: static) або позиціоновану (не static) властивість position. Це означає, що елемент з position: absolute буде розташовуватись відносно батьківського елемента, якщо він має position відмінний від static. JavaScript'ер

😅Налякав до смерті JavaScript'ер

🔝KawarimiMeeting - розширення для Хром-подібних браузерів, мета якого допомогти учаснику zoom-конференції втекти з лекції, але при цьому всі його бачитимуть слухачам. Мови: JavaScript (81.6%), CSS (11.2%), HTML (7.2%). JavaScript'ер

❓Для чого використовується директива "use strict"? "use strict" - це директива ES5, яка змушує весь наш код або код окремої функції виконуватися в суворому режимі. Суворий режим вводить деякі обмеження щодо написання коду, тим самим даючи змогу уникати помилок на ранніх етапах. Ось які обмеження накладає суворий режим: - Не можна присвоювати значення або звертатися до неоголошених змінних - Заборонено присвоювати значення глобальний змінним, доступним тільки для читання або запису - Не можна видалити властивість об'єкта, що "не видаляється" - Заборонено дублювання параметрів - Не можна створювати функції за допомогою функції eval - Значенням "this" за замовчуванням є undefined ... і т.д. JavaScript'ер

🔘Blob Switch Оригінальний перемикач, стилізований та анімований у SCSS. Посилання на Codepen *ТИЦЬ JavaScript'ер

Підпишися на @WTF_UKR - відверто й з гумором про українське IT та не тільки. Відбірні новини та меми, які розтоплять холодне серце твого тімліда🥶

Тупішої у світі ідеї та новини не існу… “LinkedIn працює над IN-APP GAMES! Буде кілька різних ігор і компанії будуть оцінюватися в іграх на основі оцінок своїх співробітників! Досить круто і весело, як на мене!” В який момент кокаїнового угару на брейнштормі хтось ЦЕ ВИГАДАВ, ЗАТВЕРДИВ, а потім анонсував у твіттері?! Як же я ору, що LinkedIn, який має хуліард багів, вирішив, що весела ферма — це САМЕ ТЕ, що потрібно!! Тобто платформа про роботу, де ти маєш презентувати себе як спеціаліста, на серйозних щах хоче мотивувати тебе грати в низькосортні ігри та ще і публікувати оцей твій рейтинг НА ЗАГАЛ! Є тільки одне питання. Як перестати з цього верещати?! 😆 Telegram | Twitter

😍Коли код запустився з першого разу JavaScript'ер

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

 input: 'I love? javascript!
output: javascript

Рішення 👆 Пояснення 👇 1. Приймаємо аргументом пропозицію (sentence) 2. Поділяємо пропозицію на масив слів за допомогою методу split('') 3. Заводимо 2 змінні, які зберігатимуть найдовше слово та його довжину 4. У циклі for проходимо по кожному слову і за допомогою регулярного виразу видаляємо всі символи окрім літер, а так само визначаємо довжину слова в змінну wordLength 5. Робимо перевірку. Якщо поточне слово довше, ніж збережене слово, оновлюємо значення змінних (longWord та MaxLength) 6. Повертаємо змінну longWord JavaScript'ер

#Задача Перевірте, чи є рядок паліндром, ігноруючи регістр символів, знаки пунктуації та пробіли. Відповідь 👆 Пояснення👇 1. Спочатку ми перетворимо вхідний рядок в нижній регістр за допомогою методу toLowerCase(), потім видаляємо всі символи, крім літер і цифр, за допомогою регулярного виразу та методу replace(/[^a-z0-9]/g, ''). Це створює "очищену" версію вихідного рядка, готову до перевірки на паліндром. 2. Потім ми розбиваємо "очищений" рядок на масив окремих символів за допомогою методу split(''), перевертаємо цей масив за допомогою reverse(), а потім об'єднуємо його назад у рядок за допомогою join(''). Це створює перевернуту версію "очищеного" рядка. 3. Наприкінці ми просто порівнюємо cleaningString з reversedString і виводимо результат. JavaScript'ер

🖥Slider with Button Wave Effect Логіка перемикання слайдів реалізована у JS. Анімована бібліотекою gsap. Посилання на Codepen *ТИЦЬ JavaScript'ер

⭐️CSS Mathematics - infinity loop Реалізовано на HTML та SCSS. В анімації прописано рух осями X і Y для частинок. Для цього використовується CSS transform зі значеннями calc(cos(var(--angle)) * var(--radius)) і calc(sin(var(--angle)) * var(--radius) * -1); Посилання на Codepen *ТИЦЬ JavaScript'ер