​​Дуже часто ми не приділяємо достатньо уваги роботі з анімаціями!
Використовуємо стандартні рішення з гугла написані кимось і точно не збираємось розбиратись в тих всіх видах CSS анімацій🥱

Час це виправляти! Читай статтю з інтерактивним гайдом по CSS Transitions та створюй красиві власні анімації🥰

#JStify_News #JStify_Frontend

​​Наш подарунок від JStify Community за перемогу у лютневому квізі уже у свого власника!
Дякуємо за фото Назар Тицький!

​​Ви готові зробити наш день продуктивним в плані навчання?
Тоді пропонуємо познайомитись з Zero Server, який зможе коли-небуть упростити нашу веб розробку🤩

#JStify_News #JStify_Frontend

​​Сьогодні пропонуємо почитати статтю про Node.js logging best practices☺️

#JStify_News #JStify_NodeJS

Ми завжди маємо дбати про якість коду який пишемо. І у цьому нам допомагають деякі принципи. DRY - один із них, тож пропонуємо почитати поради та техніки його застосування в React.
#JStify_JavaScript #JStify_News #JStify_React

👉🏻 https://javanoscript.plainenglish.io/5-dry-principles-to-follow-in-react-6ca0405986a9

Привіт усім!

А ми на завершення тижня підготували новий подкаст! 🌟

Ми обговорили тему технічних інтерв'ю!

- Чим вони відрізняються в залежності від технічних рівнів?
- Чому варто самому йти у інетврв'юери?
- Які у нас були смішні випадки під час інтерв'ю?

На все це і більше ми дали відповідь у цьому подкасті!

https://youtu.be/RUVYZUtmdDo

Будемо раді почути ваш фідбек ❤️
Також будемо раді лайкам та підпискам із дзвіночком

У Google Fonts з’явились понад 2000 безкоштовних іконок Material Design у 5 стилях і форматах для вебу, iOS та Android. Не пропустіть → https://fonts.google.com/icons

#JStify_News #JStify_Frontend

​​Думаю серед нас є девелопери, які недолюблюють TypeScript😾 та ті, які обожнюють його😻
Пропоную почитати невеличку історію про те як Anti-TypeScript JavaScript Developer став TypeScript Fan і чому саме так сталось.

#JStify_JavaScript #JStify_News #JStify_TypeScript

Час для нашого щомісячного квізу🤩

Правила стандартні:
1) У вас є тиждень на квіз (до 18.03 ми чекаємо ваші відповіді);
2) Відповіді ви можете зберігати на своїх гіт репозиторіях та додавати в коментарі до квізу лінку на розв'язок;

Отож березневе завдання для вас:
Задана послідовність цілих чисел. Ви можете зафарбувати кожне з чисел чорним або білим кольором, або ж залишити
його незафарбованим.
Чорні числа повинні відображатися у порядку зростання, а білі - в порядку зменшення. Порядок зростання/спадання повинен бути строгим, тобто два цілих числа, пофарбовані одним кольором, не можуть бути рівними.
Пофарбуйте послідовність так, щоб мінімізувати кількість незабарвлених цілих чисел.

Вхідні дані:
Масив цілих чисел, що представляє послідовність для розфарбування.

Вихідні дані:
Вивести мінімальне число незафарбованих елементів послідовності.

Всім удачі! Чекаємо на ваші відповіді у коментарях😉

​​Next.js один із найпопулярніших React фреймворків який використовують для server-side rendering. Тож пропонуємо почитати про побудову Next.js фронтенд архітектури

#JStify_News #JStify_Frontend #JStify_React

Richard MacManus з цікавим роздумом Web Frameworks: Why You Don’t Always Need Them. А ви за використання фреймворків, чи за stackless way? 🤔 https://thenewstack.io/case-against-web-frameworks/

#JStify_News #JStify_Frontend

​​Чи доводилось вам коли-небудь відображати дані у вигляді діаграм чи графіків?
Можливо вони ще й мали бути інтерактивними?

Якою б не була ваша відповідь на попередні запитання, наступна стаття точно буде корисною для вас на майбутнє.
Пропонуємо ознайомитись з ТОР-20 графічних плагінів та бібліотек для JS☺️

#JStify_News #JStify_Frontend

​​Корисні поради та shortcuts для роботи з devtools в Chrome, Safari, Firefox i Edge. ⚡️

#JStify_News #JStify_Frontend

А ви використовуєте promises і sync/await безпечно в Node.js?🧐
Впевнені, що ваш фреймворк має "native support" для промісів?🤔

Відповіді на ці та багато інших питань можна отримати тут - https://simonplend.com/are-you-using-promises-and-async-await-safely-in-node-js/

#JStify_News #JStify_Frontend

​​До вашої уваги – Plaiceholder (ні-ні, ми не помилились в написанні 😁), інструмент для генерації розмитих зображень-заглушок поки завантажується оригінал: підтримує CSS, SVG, base64 та інші формати.

#JStify_News #JStify_Frontend

​​Кращий, швидший ⚒ Service Worker

⚙️ Реалізація попереднього завантаження навігації
⚙️ Стрімінг часткового контенту та з’єднання респонсів

#JStify_News #JStify_Frontend

​​Автозаповнення є важливою фічою для користувачів. Згідно досліджень Google користувачі заповнюють форми на 30% швидше використовуючи автозаповнення. 😱 Тож рекомендуємо ознайомитися з тим як воно працює та як можна створювати форми котрі підтримують кроссбраузерне автозаповнення, а також як скористатися перевагами на кшталт сканування кредитних карт. 🤔

​​Незалежні модулі (налаштування Monorepo) за допомогою Lerna

✅ Індивідуально керовані версії для кожного пакета
✅ Кілька пакетів можна оновити за один PR
✅ Один клон для підтримки всього коду
✅ Легкий доступ до всіх частин системи

#JStify_News #JStify_Frontend

​​Прийшов час оголосити результати нашого березневого квізу🤩

Вітаємо Петра (@yuskivpm) з перемогою🎉🎊
Задача була нелегкою, тому дякуємо всім учасникам за ваші варіанти рішень.
Кожного, хто скинув нам свій код, очікує невеличкий подарунок, очікуйте повідомлень в приват🎁

#JStify_Quiz #JStify_Frontend

​​Як ми усі знаємо, кожного року ECMA випускає нову версію JavaScript з новими фічами.
Пропоную прочитати статтю нижче та пригадати собі найкращі JavaScript Features за останні чотири роки

#JStify_News #JStify_Frontend

​​CSS Grid Cheat Sheet із розкішними єдиноріжками для яскравого завершення тижня!

🦄 https://dev.to/joyshaheb/css-grid-cheat-sheet-illustrated-in-2021-1a3

#JStify_Frontend #JStify_News #JStify_CSS