JavaScript'er

⌛TypeHero - платформа для вивчення TypeScript на практиці з готовими завданнями та можливістю створення власних завдань 🔗Посилання: https://typehero.dev JavaScript'ер

✨Цікава ідея для прелоадера сторінки на чистому CSS Фігурки тетрісу нескінченно складаються в правильному порядку - виглядає досить оригінально. Може непогано позначитися на конверсії. ▪️Codepen JavaScript'ер

📎Маскування в CSS за допомогою властивості mask Властивість встановлює зображення, яке використовується як шар маски для елемента

<img src="picture.jpg" alt="...">

Властивість визначається подібно до background:

img { mask: url("../shape.png"); mask-repeat: no-repeat; mask-size: cover; mask-position: center; }

Або можна записати в один рядок, як на картинці. JavaScript'ер

👩‍💻CSSBattle - це онлайн-гра в Code Golfing. Тут ви намагаєтеся візуально повторити "Цілі" за мінімально можливу кількість рядків CSS-коду і битися з гравцями з усього світу, щоб потрапити на вершину таблиці лідерів 🔗 Посилання: https://cssbattle.dev/ JavaScript'ер

🔍Листівка з анімованим фільмом Реалізовано в HTML і CSS. 🔗 Код: Codepen JavaScript'ер

📌Скорочення CSS в Emmet Emmet – це дуже корисний інструмент, який входить до складу багатьох текстових редакторів та IDE, таких як VS Code. Хоча Emmet переважно корисний для генерації HTML з абревіатур, він може бути корисний і для CSS. Ось кілька цікавих скорочень, які допоможуть вам писати CSS дуже швидко ⚡️ JavaScript'ер

⌛Як працює JSON.parse() в JS? Функція JSON.parse: Перетворює рядок JSON (текст, форматований відповідно до поточного стандарту) на об'єкт або значення JavaScript Вона також може приймати другий аргумент - функцію, яка буде викликатись для кожної властивості об'єкта, що повертається функцією. Цей аргумент є необов'язковим. JavaScript'ер

⭐️Фільтри для картинок Властивість 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'ер