Front-end Digest № 28: історія фронтенда, cучасний CSS для 2024 року та використання Angular з WebAssembly

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

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

Веброзробка

• Історія фронтенда — таймлайн
• Ніколи не варто недооцінювати HTML
• Shadow DOM і проблема інкапсуляції
• Використання API ScrollTimeline для анімації з прив’язкою до прокрутки
• Як використання Server-Timing API допомогло покращити продуктивністі на понад 70%
• Виправте набридливі спливаючі вікна за допомогою API CloseWatcher
• Припиніть використання localStorage

CSS

• Сучасний CSS для 2024 року: Nesting, Layers та Container Queries
• Як створити нескінченну горизонтальну прокрутку з паузою при наведенні за допомогою чистого CSS
• Сліпа фільтрація CSS: відфільтрувати невідомі вебсторінки
• Власна вкладеність CSS: що потрібно знати

JavaScript

• Я створив один і той же застосунок 7 разів! Який JS фреймворк найкращий?
• Як зрозуміти «безглузді» функції JavaScript
• Майбутнє Storybook у 2024 році
• Основні патерни дизайну JavaScript
• Використання WebGPU для прискорення робочих навантажень ML у браузері
• Новий Pipeline Operator в JavaScript з прикладом
• Випущено ESLint v9.0.0-alpha.0

• TypeScript
  • Використання TypeScript з WebGL для відображення графіки в вебі
  • Any vs unknown vs never у TypeScript: Повний посібник
  • Чи знали ви про Discriminated Unions в TypeScript?
  • Мої пошуки ідеальної TS-монорепи

• React
  • Як створити новий проєкт на Next.js у 2024 році?
  • React з Vite і TypeScript та їхні спільні проблеми
  • React повільний, що робити далі?
  • Як я використовую React і TailwindCSS для UI в Unity

• Vue
  • Як створювати доступні застосунки на Vue.js
  • Інструменти Vue, які потрібно освоїти у 2024 році
  • Будь ласка, припиніть використовувати reactive() у Vue 3 Composition API

• Angular
  • Створення інтелектуального чат-бота за допомогою Angular, TypeScript та OpenAI’s ChatGPT: Вичерпний посібник
  • Занурення в систему типів в Angular Signal Inputs
  • Angular на стероїдах: Підвищення продуктивності за допомогою WebAssembly