JavaScript'er

⭐️Фільтри для картинок Властивість filter CSS дозволяє застосовувати різні зміни на картинки. • Атрибут contrast змінює контрастність зображення. Він приймає значення: %, em, rem, vm, vh, px. • Grayscale атрибут змінює ступінь сірого в картинці. Він набуває значення у відсотках. Ця властивість має ще кілька атрибутів, вони будуть описані у наступних постах. JavaScript'ер

👩‍💻fabric.js - Javascript Canvas бібліотека - npm install fabric --save fabric.js - це JavaScript Canvas бібліотека, парсер SVG-to-Canvas (і навпаки, canvas-to-SVG) 🐱GitHub ▪️Доки JavaScript'ер

👩‍💻Книга з TypeScript Крутезний ресурс по, якщо вам хочеться швидко освіжити пам'ять) Тут зібрано все найголовніше: - Інструкції типів - Керування типами - Дженерики - і багато іншого ▪️Книга з TypeScript JavaScript'ер

🔥Biome – швидкий форматер та лінтер для JavaScript, TypeScript, JSX та JSON - npm install --save-dev --save-exact @biomejs/biome Biome пропонує форматор та лінтер, що використовуються через CLI та LSP. Як форматер Biome на 97% сумісний з Prettier, а як лінтер містить понад 200 правил із ESLint та typescript-eslint. Він з самого початку був розроблений для інтерактивного використання у IDE. Він може форматувати та виправляти неякісний код у процесі його написання. 🖥 GitHub JavaScript'ер

⚡️ Безоплатний практикум з верстки сайтів За 7 днів марафону: 🕹 Напишете перші рядки коду 🕹 Створите персональний сайт-візитку, який стане першим кейсом у вашому портфоліо 🕹 Зрозумієте чи вам до душі рутина програміста Формат: вечірні заняття + фідбек від ментора 🔥 Тому, хто здав 6 дз — бонусний мінікурс із адаптивної верстки «Як адаптувати сайт під мобілку» 📱Реєстрація: i.goit.global

🌈Красива анімована шкала рейтингу на JS + CSS Код на codepen JavaScript'ер

Цікава ідея для пет-проекту – 3D-модель дерева, яку можна змінювати за допомогою різних параметрів 🖥 GitHub 🟡 Демонстрація проекту JavaScript'ер

🥸Postgres.js – швидкий повнофункціональний клієнт PostgreSQL для Node.js, Deno, Bun та CloudFlare 🐱GitHub ▪️А ось порівняння з іншими клієнтами JavaScript'ер

🎮The Odin Project - це open-source проект, що надає всю необхідну теорію розробникам-початківцям (у тому числі і JS-розробникам) The Odin Project складається з безлічі модулів (за модулем для одного МП). Кожен модуль містить перелік уроків, що перемежуються з кількома проектами. Ці проекти дають користувачам можливість практикувати набуті знання, допомагаючи закріпити отримані теоретичні знання. У процесі проходження модуля JavaScript створюються функції і автономні програми. Цей модуль допомагає практично навчитися працювати з DOM, використовувати принципи ООП і використовувати API. ▪️The Odin Project (модуль JavaScript) 🐱GitHub JavaScript'ер

👩‍💻Cesium - JS бібліотека для створення 3D-глобусів та карт світового класу - npm install cesium --save CesiumJS дозволяє створювати 3D-глобуси та карти світового класу з максимальною продуктивністю, точністю, візуальною якістю та простотою використання. Розробники з різних галузей, від аерокосмічної промисловості до розумних міст та безпілотників, використовують CesiumJS для створення інтерактивних веб-додатків для обміну динамічними геопросторовими даними. Створений на основі відкритих форматів, CesiumJS забезпечує надійну сумісність та масштабування для роботи з величезними масивами даних. ▪️Потокова передача даних у форматі 3D Tiles та інших стандартних форматах із Cesium ion або іншого джерела. ▪️Візуалізація та аналіз на високоточному глобусі WGS84 ▪️Дозволяє ділитися з користувачами ПК та смартфонів 🐱GitHub JavaScript'ер

let x = 5;
let y = 10;

let result = (x => x * y)(2);

console.log(result);

JavaScript'ер

🔝Квінтесенція знань про сучасну веб-розробку на JavaScript Цей репозиторій містить фундаментальну інформацію про основи веб-розробки, підходи, інструменти тощо. Тут можна знайти відповіді на багато своїх питань, пов'язаних з JavaScript 🐱GitHub JavaScript'ер

⭐️Псевдоелемент ::first-line Цей псевдоелемент дозволяє стилізувати перший рядок текстового елемента. Він часто використовується для створення типографічних ефектів, таких як збільшення розміру шрифту або зміна кольору першого рядка. Прийняті властивості: • color — колір першого рядка • background-color — колір тла • font-family — шрифт першого рядка • font-size — розмір шрифту • font-weight – жирність шрифту • line-height — висота рядка • text-decoration — текстове оформлення (підкреслення, перекреслення) • text-transform — перетворення тексту (великі літери, великі літери) • word-spacing – відстань між словами • letter-spacing — відстань між літерами • text-indent — відступ першого рядка Насправді це часто застосовується для заголовків статей, публікацій. JavaScript'ер

😁Звикнеш, ще й як JavaScript'ер

🔜github-spray - Малюйте на графіку коммітів GitHub Це інтерфейс командного рядка для створення малюнків для вашого графіка історії GitHub На відміну від Gitfiti, він може автоматично малювати цілі слова та навіть підтримує різні шрифти та символи Мови: JavaScript (100%). https://github.com/Annihil/github-spray JavaScript'ер

⌛Boardgame.io - це двигун для створення покрокових ігор з використанням JavaScript. Функціонал: • Управління станами • Розрахована на багато користувачів гра • AI: Створені боти, які можуть грати у вашу гру. • Налаштування фаз гри: з різними правилами гри та порядком ходу. • Лобі: підбір ігор, гравців. • Прототипування: Інтерфейс для імітації ходів ще до процесу рендерингу гри. • Система плагінів, що дозволяє створювати нові абстракції. Мови: TypeScript (90.1%), Svelte (4.5%), JavaScript (3.3%), Python (1.6%), … https://github.com/boardgameio/boardgame.io JavaScript'ер

📎Рушій для гри від першої особи в 265 рядках Javascript Сьогодні поринемо у світ, який можна доторкнутися. У цій статті ми досліджуємо, як з нуля, швидко і без особливо складної математики написати двигун для гри від першої особи. Для цього ми скористаємося прийомом під назвою "кидання променів" (raycasting) Читати далі: стаття Ось демка : https://demos.playfuljs.com/raycaster/ JavaScript'ер

🎮Властивість initial-letter Воно приймає два значення, розділених пробілом:

 p:first-letter {
initial-letter: 3.5 3;
}

Перший аргумент визначає розмір початкової літери залежно від цього, скільки рядків вона займає. Негативні значення не допускаються. Другий визначає кількість рядків, на які має потонути початкова літера, якщо задано її розмір. Значення повинні бути більшими за нуль. Якщо цей параметр опущений, він дублює значення розміру, округляючи його до найближчого цілого позитивного числа. 🔗Корисні посилання: • Спробувати самому • Підтримка 89.24% JavaScript'ер

🥸Питання із співбесіди У чому різниця між innerText, innerHTML та value у JavaScript? Відповідь: innerText виводить тільки текст без HTML-форматування, ідентичний тому, якби ви дивилися на сторінку innerHTML дозволяє маніпулювати HTML-структурою елементів, включаючи теги та стилі value застосовується для роботи зі значеннями інтерактивних елементів, таких як input, textarea або select

 // Працюємо з текстом, ігноруючи HTML-теги
document.querySelector('#elem').innerText = 'Текст';

// Вставляємо HTML-код, змінюючи структуру сторінки
document.querySelector('#elem').innerHTML = '<span>HTML</span>';

// Задаємо значення для елементів форм, таких як input чи select
document.querySelector('#input').value = 'Дані';

JavaScript'ер