​​React уразливі місця безпеки, які не слід ігнорувати!

#JStify_News #JStify_Frontend

У нас чудова п'ятнична новина для вас😻
Ви ж слухаєте всі наші подкасти, правда?
Хочемо, щоб вам було максимально комфортно це робити👌🏻
Тому відтепер наші JStify Community подкасти можна прослухати на Apple Podcasts, SoundCloud чи Google Podcasts🥳

Ловіть лінки, насолоджуйтесь цікавою інформацією та не губіть нас!
YouTube - https://www.youtube.com/c/jstifycommunity
Apple Podcasts - https://podcasts.apple.com/ua/podcast/jstify-communitys-podcast/id1555245855
Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5idXp6c3Byb3V0LmNvbS8xNjkzNjU3LnJzcw==
SoundCloud - https://soundcloud.com/jstify-community


#JStify_News #JStify_Frontend

Ви думали це всі новини на сьогодні? 😊 А у нас для вас ще дещо!

«Роль комюніті в житті програмістів | JStify Community»
⏰ 26 лютого о 18.00
🎤Спікери - JStify community
👇🏻
Ваші друзі закочують очі, коли чують «реліз» і «спринт»? Ніхто не сміється після вашого «не баг а фіча»?
Відчепіться від них і знайдіть собі «кружок за інтересами»!
P.s. Ми тут саме для цього)
P.P.S. У коментах можете попросити про інвайт чи запропонувати, якщо маєте вільні
👇🏻
https://www.joinclubhouse.com/event/xBZbD9ld

Починаємо тиждень з розминки!😊 7 питань про “this” у JavaScript. А ви змогли на всі відповісти? 😉
#JStify_JavaScript #JStify_News

https://dmitripavlutin.com/javanoscript-this-interview-questions/

​​Дуже часто ми не приділяємо достатньо уваги роботі з анімаціями!
Використовуємо стандартні рішення з гугла написані кимось і точно не збираємось розбиратись в тих всіх видах 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% швидше використовуючи автозаповнення. 😱 Тож рекомендуємо ознайомитися з тим як воно працює та як можна створювати форми котрі підтримують кроссбраузерне автозаповнення, а також як скористатися перевагами на кшталт сканування кредитних карт. 🤔