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

Правила стандартні:
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

​​Чудова понеділкова новина - 31 березня відбудеться воркшоп від JStify Community🤩
Ми звернули увагу на вашу цікавість до Vue.js, саме тому темою воркшопу буде - Vue.js Tutorial. How to create an online quiz?😉

Не пропустіть можливості познайомитись поближче з цим фреймворком, реєструйтесь на наш івент тут 👉🏻 https://community-z.com/events/vuejs-tutorial-how-to-create-an-online-quiz
Ну і як приємний бонус - відео стрім звісно ж буде на нашому YouTube каналі😌

#JStify_News #JStify_Frontend #JStify_Events

​​🎧 Спільнота Theta приєднується до конференцій по Angular - Theta Conf!
⭐️ Реєстрація та деталі: https://epa.ms/thetaconf2-10apr

Theta Conf - це відмінне місце для спілкування з однодумцями, провідними спеціалістами та експертами в Angular. Учасники конференцій зможуть зав'язати нові знайомства та добре провести час в цікавій компанії.

📍 Коли: 10 квітня (субота).
📍 Де: онлайн, Zoom.
📍 Що в програмi?
Чотири доповіді від розробників EPAM.

✅ Олександр Линьков: Angular Content Projection.
Поговорим про Content Projection. А також розберемся, де він найбільш корисний.
✅ Кирил Скляров: NgRx vs Services.
Обговоримо, як при зростаючій структурі, зберігати стан додатків не лише за допомогою сторонніх бібліотек.
✅ Сергей Орлов: Done a Scully.
Дізнаємось, як Scully.io допомагає в «спілкуванні» Angular і JAMStack, а також, де ще він може пригодитися.
✅ Константин Харлап, Олександр Денисов і Константин Шкель: Mobile app development.
Порівняємо найбільш популярні технології для мобільної розробки: Cordova, Ionic, React Native, Native Script і Flutter.

⭐️Реєстрація: https://epa.ms/thetaconf2-10apr

​​​​Друзі, уже зовсім скоро починається наш воркшоп на тему «Vue.js Tutorial. How to create an online quiz? Part 1»

Матеріалу було настільки багато, що нам довелось зробити не одну, а одразу три частини 😍

Долучайтеся за посиланням - https://youtu.be/mGcTcTHR5oU

І зовсім незабаром чекайте на Part 2 I Part 3 на нашому YouTube каналі!💥 Підписуйтеся, щоб не пропустити 😉

#JStify_Community #JStify_Events

​​Як писати читабельний JS як експерт та приймати обгрунтовані рішення 👉🏻 https://alistapart.com/article/human-readable-javanoscript/

​​Ділимось з вами чудовим фотозвітом від нашого березневого переможця Петра🤩🎁
Нам завжди приємно отримувати ваші фідбеки щодо постів, завдань та подарунків❤️

Пропонуємо в коментарях поділитись своїми враженями від наших нещодавніх квізів та подій від JStify Community👇🏻

#JStify_Community #JStify_Events

​​Доступність є важливою частиною веб розробки.

Тому пропонуємо до вашої уваги цікаву статтю Accessible Text Labels For All де можна також дізнатися про роботу з VoiceOver Web Rotor.

#JStify_News #JStify_Frontend

​​СSS генератори на будь-який смак і задачу: від градієнтів та drop-shadows - до bezier curves та трикутників. Іще кілька корисних тулзів у вашу колекцію, щоб довго не шукати 😉

💫 https://www.smashingmagazine.com/2021/03/css-generators/

#JStify_FrontEnd #JStify_News #JStify_CSS

​​Можливо ваш PWA перестане працювати в серпні 2021 року
Починаючи з Chrome 93, критерії встановлення змінюються 👉🏻