Фронтенд-дайджест №452 (25 - 31 січня 2021)
Медіа
- Подкаст "Веб-стандарти" №266: Chrome 88, флекси, JS-метод at, управління CSS-каскадом, розробка під Smart TV, відео в інтернеті
- «Новини 512» від CSSSR: Firefox 85, GitLab 13.8, Node.js 15.7.0, null і undefined, приватність GitHub Pages і Open Web Docs
- Подкаст "Фронтенд Юність" #171: Не лізь в курси по Vue попиваючи смузі в своєму опенспейсі
- Інтерв'ю з Микитою Дубко з Яндекса: актуальні навички фронтенд-розробника
Веб-розробка
-
Кращі практики для управління і зберігання секретів при розробці фронтенда
-
Добірка креативних сайтів "Inspirational Websites Roundup # 22"
-
Інструменти
- Використання Developer Tools Edge в VS Code для налагодження веб-додатків - доповідь на VS Code Day
- Cypress vs Selenium vs Playwright vs Puppeteer: порівняння швидкості
- Введення в JS-бандлер Rollup.js
- Будуємо систему для моніторингу якості frontend-проектів
- Автогенерація тестів на Puppeteer вбудована в Chrome DevTools
-
Продуктивність
- Вам здалося! Все про Perceived Performance
- Yelp знизив значення First Contentful Paint на 45% і Yelp Page Complete на 25%, і їх коефіцієнт конверсії збільшився на 15%.
- Прогресивний рендеринг для підвищення продуктивності веб-додатків
- Як відстежувати продуктивність веб-додатка з JavaScript і Performance API
-
Доступність
CSS
- Що таке @font-face насправді
- Як зрозуміти властивість clip-path в CSS
- Нова CSS властивість aspect-ratio, підтримувана в Chromium, Safari Technology Preview і Firefox Nightly.
- Як вибрати елементи, які не є дочірніми елементами інших елементів в CSS
- 5 забавних ігор для вивчення концепцій CSS
- Пора попрощатися з пиксельними одиницями
- Мінімальний розмір вмісту в CSS Grid
- Анімація для CSS Gradient Border
- Валідація форм: вам потрібен: not(:focus):invalid, а не :invalid
- Перемикання темного/світлого режиму з визначенням переваг в 15 рядках CSS.
JavaScript
-
Співбесіда на позицію Middle JavaScript розробника: приклади задач і необхідні знання
-
10 поганих звичок TypeScript, від яких варто відмовитися в цьому році
-
Fetch vs Axios: яка бібліотека краще для виконання HTTP-запитів?
-
Теорія
- Який тип циклу найшвидший в JavaScript?
- Що означає три крапки (...) в Javascript
- Не використовуйте функції в якості коллбеков, якщо вони не призначені для цього.
- undefined vs. null, свіжий погляд
- Поглиблене керівництво по JavaScript: генератори. Частина 1, основи
- Поглиблене керівництво по JavaScript: генератори. Частина 2, простий приклад використання
-
React
- Введення в Aleph - React фреймворк в Deno
- React Snapshot Testing за допомогою Jest: введення з прикладами
- Щасливий шлях styled-components. Персональна добірка кращих практик
- Tao of React - Дизайн, архітектура і кращі практики
- Як мене ледь не звільнили за вибір React для корпоративного додатка
- Чому Context не є інструментом «управління станом»
- Чому я ніколи не використовував Redux. Глава 1: Причини
-
Vue
-
Angular
- Кращі практики RxJS
- Що нового в Angular Language Service у 2021 році
- Тонка різниця між операторами map і pluck RxJS, яку вам слід знати
- Патерн порталів в Angular: для чого потрібен root-компонент в Taiga UI
- 45 найпопулярніших питань на співбесіді по AngularJS з відповідями
- Керівництво по налагодженню в Angular
-
Ember
-
Svelte