Cotygodniowy przegląd frontendu nr 309 (1–7 maja 2023 r.)

May 08 2023
Tworzenie stron internetowych • Web Components 2023 Spring Update • Krok po kroku: osadzanie plików PDF na stronach HTML • Chcę porozmawiać o WebGPU • Używanie rozszerzenia Web Vitals do debugowania problemów z Core Web Vitals • Tworzenie filtrów dla witryny internetowej • Używanie atrybutów danych zamiast Klasy CSS • :root nie jest globalny Więc jeśli :root nie jest globalny, to co to jest? • Nie używaj niestandardowych pasków przewijania CSS • Implementacja CSS dla starszych przeglądarek • Testowanie obsługi funkcji dla nowoczesnych CSS • Przewodnik po ukrywaniu elementów w CSS • Dynamiczny rozmiar czcionki przy użyciu tylko CSS3 JavaScript • Nx 16 jest tutaj! • Opanowanie TypeScript: 20 najlepszych praktyk poprawiających jakość kodu • Nauka JavaScript z wyobraźnią • Wykrywanie, czy zdarzenie zostało wywołane przez użytkownika czy przez JavaScript • Praktyczny przewodnik, jak nie blokować pętli zdarzeń.

Tworzenie stron internetowych

Web Components 2023 Spring Update
• Krok po kroku: osadzanie plików PDF na stronach HTML
• Chcę porozmawiać o WebGPU
• Używanie rozszerzenia Web Vitals do debugowania problemów z Core Web Vitals

  • Wydajność
    • Optymalizacja wydajności sieci Web za pomocą zaawansowanych technik
    • Sieci CDN: Przyspiesz wydajność dzięki zmniejszeniu opóźnień
  • Animacje
    • Animuj elementy na przewijaniu za pomocą animacji opartych na przewijaniu
    • Twórz oczekiwane animacje asynchroniczne za pomocą Shifty
    • Pomysły na przełączenie siatki na pokaz slajdów Animacje

Tworzenie filtrów dla Twojej witryny
Używanie atrybutów danych zamiast klas CSS
• :root nie jest globalny Więc jeśli :root nie jest globalny, to co nim jest?
• Nie używaj niestandardowych pasków przewijania CSS
• Implementacja CSS dla starszych przeglądarek
• Testowanie obsługi funkcji dla nowoczesnych CSS
• Przewodnik po ukrywaniu elementów w CSS
Dynamiczny rozmiar czcionki przy użyciu tylko CSS3

JavaScript

• Nx 16 jest tutaj!
• Opanowanie języka TypeScript: 20 najlepszych praktyk poprawiających jakość kodu
• Nauka JavaScript z wyobraźnią
• Wykrywanie, czy zdarzenie zostało wywołane przez użytkownika, czy przez JavaScript
• Praktyczny przewodnik, jak nie blokować pętli zdarzeń

  • React
    • Jak Vite przekształcił nasz proces tworzenia React — studium przypadku
    • Najlepsze praktyki React Composite Pattern dla komponentów hierarchicznych
    • Poprawa zarządzania stanem w React dzięki wzorcowi projektowemu Mediator
    • Wprowadzenie do portali React
    • Podstawowe techniki React dla najwyższego poziomu rozwoju w 2023 r.
    • Najlepsze biblioteki komponentów harmonogramu React
    • Jak zbudować komponent siatki drzewa w React
    • useEffect — Hook React nigdy nie powinien był być renderowany
  • Vue
    • Jak zbudować komponent modalny wielokrotnego użytku w VueJS
    • Najlepsze biblioteki ikon dla Vue.js
  • Angular
    • Angular v16 jest już dostępny!
    • Nowy Angular 16 nabiera rozpędu w 2023 roku: wszystko, co musisz wiedzieć
    • Okna dialogowe Angular i czysty HTML