JavaScript'er

criesInSqlDateTime JavaScript'еr

🧠 Чому варто вчити JS через маленькі проекти Теорія — це добре, але справжнє розуміння приходить, коли ти робиш щось власними руками. Замість довгих уроків роби маленькі mini-apps: калькулятор, ToDo, таймер або просту гру. Кожен проект показує, як працює код на практиці, дозволяє одразу помічати помилки, виправляти їх і закріплювати знання. Такий підхід допомагає розвивати м’язову пам’ять для програмування. Ти швидко починаєш розуміти логіку JS, структуруєш свій код і навчаєшся писати чисто. Замість запам’ятовування синтаксису ти реально бачиш, як він працює у живих задачах, і це значно прискорює твій прогрес. JavaScript'еr

Як структурувати масштабований проект React: app/ → pages/ → features/ → shared/ JavaScript'еr

Колекція ефектів наведення на кнопки Кілька варіантів ефектів наведення для кнопок на вашому сайті. Реалізовано за допомогою SCSS. ⤷ Завантажити код JavaScript'еr

Дуже крута штука для вивчення типів у TypeScript: Візуальні типи Сайт зроблений максимально приємно: все інтерактивне, з навігацією за допомогою клавіатури (і навіть зі звуковими ефектами). Матеріал подається через 149 прикладів з прогресом і досягненнями, виходить майже як міні-курс у форматі playground'а Забираємо тут ✌️ JavaScript'еr

JavaScript і TypeScript мають широку сферу застосування — від веб- і мобільних застосунків до ігор та front- і back-end розробки. Опанувавши ці технології, ти зможеш розвиватися як frontend, backend або fullstack розробник, працювати у компанії чи на фрилансі. Приєднуйся до курсу Оснвои JavaScript/TypeScript від SoftServe Academy і отримай практичні навички: ти навчишся створювати динамічні вебсторінки, працювати з асинхронним програмуванням, розробляти серверні застосунки та використовувати TypeScript для надійної типізації коду. За прокомодом telegram10 — отримай 10% знижки на навчання. 🔥 cтарт навчання — 23 лютого.

Оптимізація SVG – короткий гайд для новачків Часто на сайтах зустрічаються SVG-зображення, які не оптимізовані належним чином: вони містять зайві групи, непотрібні атрибути та числа з величезним кількістю десятичних розрядів Лаура Калбаг з Penpot ділиться практичними порадами, як зробити SVG-файли меншими за розміром, але без видимої втрати якості – від базових прийомів до корисних автоматизованих інструментів Читайте тут JavaScript'еr

Спочатку давай уточнимо деталі реалізації JavaScript'еr

Підкреслення при наведенні курсора на елементи меню Ефект наведення курсора з плавним підкресленням і перефарбовуванням елементів меню. Реалізовано за допомогою SCSS. ⤷ Забрати код JavaScript'еr

🧩 Spread — копіюємо і об’єднуємо масиви та об’єкти Оператор spread (...) дозволяє створювати нові масиви або об’єкти на основі існуючих, не змінюючи старі. Це особливо корисно, коли треба додати елементи або властивості, не мутуючи оригінал. Приклади:

const arr1 = [1, 2];
const arr2 = [...arr1, 3, 4]; 
console.log(arr2); // [1, 2, 3, 4]

const obj1 = {x: 1};
const obj2 = {...obj1, y: 2};
console.log(obj2); // {x: 1, y: 2}

Spread робить код чистим і зрозумілим, дозволяє легко об’єднувати дані і швидко працювати з новими структурами без ризику випадково змінити старі. JavaScript'еr

Форма входу з плаваючим маркером і світловим кнопкою Форма для авторизації. Реалізовано за допомогою CSS. ⤷ Взяти код JavaScript'еr

React Grid Layout — це система сіткового розташування, схожа на Packery або Gridster, для React. Вона дозволяє створювати перетягувані, змінювані за розміром і адаптивні сіткові макети в React. Уявіть панелі управління, адмін-панелі, сторінки аналітики або конструктори сторінок, де користувачі можуть вільно переміщувати та змінювати розміри блоків. Ви визначаєте сітку один раз, і вона сама керує перетягуванням, зміною розмірів і точками переривання. GitHub: react-grid-layout JavaScript'еr

🧠 Так, ви вмієте писати код. Але щоб зростати у кар’єрі, треба вміти розповідати про нього англійською. На онлайн-курсі English for IT ви прокачаєте саме ту англійську, яка потрібна для впевненої комунікації в технічному середовищі. 📝 Це 27 онлайн-занять щоб: ➔ впевнено комунікувати на мітингах, стендапах, ретроспективах, плануваннях, демо та код-ревʼю ➔ писати коментарі в GitHub і Jira, складати технічну документацію ➔ презентувати та захищати проєкти, ідеї, рішення й фічі in English ➔ чітко описувати сучасні технічні процеси та інновації ➔ підтримувати small talk та спілкування в кроскультурній команді Рівень для комфортного навчання: B1 (Intermediate) Старт: 26 лютого Програма курсу та реєстрація 🔗

Запобігання ланцюжковій прокрутці за допомогою overscroll-behavior Якщо ми спробуємо виконати прокрутку, коли межа прокрутки досягнута, прокрутка буде виконана в найближчій батьківській області прокрутки, що називається ланцюжком прокрутки (scroll chaining) Ми можемо запобігти ланцюжковій прокрутці, встановивши для властивості overscroll-behavior значення contain або none - Детальніше - Пограти можна тут JavaScript'еr

😱😱😱 JavaScript'еr