Front-end Digest № 35: Як відцентрувати div, новини React Labs і тренди вебдизайну

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт, колеги. Мене звати Олександр, я займаюся фронтендом в компанії Zfort Group. Маю для вас традиційний дайджест із цікавими матеріалами зі світу фронтенда за останній тиждень.

Веброзробка

• Тренди вебдизайну, на які варто звернути увагу у 2024 році
• Дорожня карта Senior фронтенд-розробника 2024: п’ять чітких кроків до наступного рівня
• Захищаємо веб: глибоке занурення в Content Security Policy (CSP)
• Видобування відеоданих з YouTube за допомогою OpenAI та LangChain
• Apple визнала, що штучно обмежує функціональність вебпрограм на iPhone в ЄС
• Чи може генеративний ШІ допомогти писати доступний код

• Інструменти
  • Netflix представляє SafeTest: новий підхід до фронтенд-тестування
  • Як користуватися Chrome DevTools — прості стратегії для розумної веброзробки
  • Панель продуктивності на 400% швидша завдяки perfception
  

• Ефекти
  • Скролінг контенту з ефектом відображення
  • Створення 3D-анімації для перевертання картки за допомогою CSS Houdini
  • Підбірка креативних сайтів Inspirational Websites Roundup #56

CSS

JavaScript

• Теорія
  • Сортування даних у JavaScript
  • Union, intersection, difference та багато іншого з’являється у JavaScript Sets
  • Як видалити останній символ з рядка в JavaScript
  • Вступ до багатопоточності Node.js
  

• React
  • React Labs: над чим ми працювали — лютий 2024
  • Extensive React Boilerplate як доповнення до Brocoders Nest.js Boilerplate для створення вебзастосунків
  • Як створити бібліотеку компонентів за допомогою React та TypeScript
  • Розуміння React useEffect
  

• Angular
  • Доступна версія Angular v17.2
  • Сильно типізовані реактивні форми в Angular
  • Signal queries в Angular — що з ними робити
  • Злом Angular Signals