JavaScript'er

✔️Morphing Submit Button Анімована кнопка завантаження після натискання на Submit. Реалізовано за допомогою CSS, SVG та JavaScript. JavaScript'ер

😇Code meme JavaScript'ер

💬Питання із співбесіди У чому різниця між синхронним та асинхронним кодом у JavaScript? Відповідь: Синхронний код виконується послідовно, крок за кроком, блокуючи виконання інших завдань до завершення поточної. Асинхронний код дозволяє виконувати операції паралельно, не блокуючи основний потік виконання. JavaScript асинхронний код зазвичай реалізується за допомогою колбеків або промісів. JavaScript'ер

🥲Code meme JavaScript'ер - треба підписатися

🖥8 красиво оформлених сайтів зі світловими режимами для наступного проекту: https://wiza.co https://cal.com https://rows.com https://clay.earth https://alignui.com https://flowbase.co https://outverse.com https://sequencehq.com JavaScript'ер

😇Code meme JavaScript

📊Аналізуюємо написаний код ESLint – це інструмент, який допомагає аналізувати написаний на JavaScript код, знаходити синтаксичні помилки та автоматично їх виправляти, писати акуратний код в єдиному стилі за певними правилами. Він допоможе: • Знайти існуючі помилки в коді; • Уникнути дурних помилок; • Уникнути нескінченні цикли в умовах циклу for; • Купу іншого Він надзвичайно корисний, тому що JS будучи мовою, що інтерпретується, не має етапу компіляції і багато помилок можуть бути виявлені тільки під час виконання. JavaScript

🔔Шпаргалка по функціям часу #cheatsheet JavaScript

📚Книга Head First. Програмування на JavaScript Автор: Ерік Фрімен, Елізабет Робсон Рік виходу: 2022 Опис: Книжка допоможе освоїти JS для створення цікавих та інтерактивних вебсторінок, надихаючи на вивчення мови програмування з задоволенням, у цікавій та змістовній формі. P.S. PDF в у нас архіві. Книга англійською, тому якщо у вас проблеми з нею, підписуйтесь на наш канал з айті англійською. JavaScript

🥵І травку курив JavaScript

⚡️Нові можливості CSS - animation-timeline Алоха друзі! Напевно, багатьом тут доводилося хоч раз за свою кар'єру розробляти анімацію, яка залежить від стану скролла. І думаю що більшість з нас робила це за рахунок js eventa- scroll . Метод хоч і робочий, але не сказати що найкращий, його величезний мінус у тому що при скролінгу даний івент спрацьовує дуже часто, що як ви розумієте не дуже добре впливає на продуктивність. Так ось є інший спосіб. Цю штуку можна релізнути за рахунок CSS рахунок animation-timeline . Сама властивість вже не нова, але прив'язати таймлайн до скролла з'явилася можливість нещодавно. І так, трохи коду: .element { animation-timeline: scroll(nearest x) } Як бачимо наша функція приймає 2 параметри Параметр 1 - відносно чого вважаємо наш скролл: nearest - найближчий контейнер (дефолтне значення). root - вважає скролл щодо елемента document. self - призначає сам елемент скролл контейнером. Параметр 2 - вісь ( x або y ) Відповідно якщо ми вибираємо x то вважаємо таймлайн щодо горизонтального скролла, якщо y то вертикального. Загалом тепер ви ознайомлені із можливістю цієї нової фічі. Якщо захочете почитати докладніше про властивість animation-timeline, то ось вам посилання на документацію, але вона англійською. Успіхів в експериментах!🤓 JavaScript

🔍Шпаргалка по масивам #cheatsheet JavaScript

▶️Article Toggle Плавне перемикання світлої та темної тем. Реалізована за допомогою CSS та JavaScript. JavaScript

💬Що таке useLayoutEffect в React? Хук useLayoutEffect має такий самий api як і useEffect. Відмінності: - useLayoutEffect – синхронний і буде викликаний до того, як браузер зможе відобразити компоненти. Спрацьовує коли компоненти вже знаходяться на virtual dom (у пам'яті і можна прочитати/встановити різні властивості), але ще не були браузером. - useEffect - асинхронний і буде викликаний після того, як браузер відобразить компоненти. Хук useLayoutEffect запобігає зайвому оновлення компонента. JavaScript

🖥Responsive Image Carousel Зверстано на HTML та CSS. Логіка перемикання слайдів реалізована у JS. JavaScript