JavaScript'er

👩‍💻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'ер

⭐️Псевдоелемент ::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'ер