Фронтенд-дайджест №363 (29 апреля — 5 мая 2019)

Веб-разработка

• TDD: методология разработки, которая изменила мою жизнь
• Создание веб-компонентов для разных контекстов
• Практическое руководство по SVG и инструментам дизайна
• Миллиард способов отображения SVG
• Простейшие способы обработки HTML Includes
• Как настроить верификацию по лицу простым способом с помощью HTML5 + JavaScript

• Производительность:

  • AMP в WordPress, оптимальные варианты использования
  • Обзор новостей AMP: AMP как сервис, signed exchanges, Bento, CSS tree shaking
  • Улучшение производительности The Telegraph за счет оптимизации третьесторонних ресурсов

• Инструменты:

  • packtracker.io - анализатор вебпак-бандла при каждом коммите
  • Как настроить расширение debugger for Chrome в Visual Studio Code

CSS

• Погружение в свойство display
• Множество способов создания "хлебных крошек" в стиле треугольных лент
• Реализация мокапа: создание CSS лейаута шаг за шагом
• Создание закругленных треугольников в CSS с помощью clip-path
• Создайте адаптивный с сеткой без медиазапросов, используя CSS Grid
• Объединение CSS Grid с Bootstrap Grid
• Пересматриваем prefers-reduced-motion, медиа-запрос для ограничения анимаций в вебе

JavaScript

• Отладка и устранение распространённых ошибок в JavaScript
• Новые релизы: Babylon.js 4.0, Electron 5.0.0 и jQuery 3.4.1 с triggering focus events в IE и поиском рут-элементов в iOS 10
• Множество способов ввода данных в графиках
• Создание нового facebook.com с React, GraphQL и Relay
• Введение в криптографию для JS разработчиков
• Оптимизация производительности JS приложений с помощью Web Workers

• NodeJS:

  • Что нового в Node 12
  • Простая автоматизация npm публикаций
  • dotenv: загружает переменные среды из .env для nodejs проектов
  • 4 решения для одновременного запуска нескольких команд Node.js или NPM

• Теория:

  • JavaScript: 7 полезных мелочей
  • Введение в JavaScript async & await
  • Глубокое понимание JavaScript Async & Await с примерами
  • Введение в Javascript для опытных программистов, которые могут хорошо владеют основами
  • Javascript Array.push в 945x раз быстрее, чем Array.concat

• VueJS:

  • Совершение перехода от jQuery к Vue
  • Тестирование вашего приложения на Vue с Jest и Travis CI
  • Пользовательские режимы сборки с Vue CLI 3
  • Apollo state management в приложениях Vue
  • Понимание миксинов во Vue JS
  • Обработка ошибок во Vue.js
  • Пошаговый разбор имплементации реактивности во Vue

• React:

  • Тестируем React в 2019
  • Как определить и решить проблемы с потерянными рендерами в React
  • Пять вещей, которых вы не знали о React DevTools
  • create-react-app v3, что нового?
  • Загрузка страниц в React со скелетон-плейсхолдерами
  • React: JSX и рендеринг

• Angular:

  • Angular умирает из-за React?
  • Разбираемся с модулями в Angular
  • Angular: постоянные проблемы, с которыми я сталкиваюсь как фронтенд-консультант
  • Что такое Angular Console и почему вы должны о ней знать
  • Тестирование и эмуляция зависимостей в Angular

• Libs & Plugins:

  • shimport: используй JavaScript модули c динамическими импортами включительно, во всех браузерах
  • jquery-csv: релиз плагина на jQuery для парсинга CSV
  • aria-progress-range-slider: полностью доступный, легковесный progress bar/range слайдер

Браузеры

• Пользователи и разработчики заподозрили Google в сознательных сбоях в браузерах Microsoft, «Яндекса» и Mozilla
• В YouTube был заговор по устранению Internet Explorer 6, но администрация сервиса о нём не знала
• Сегодня многие популярные аддоны для Firefox перестали работать из-за проблем с сертификатом
• Браузер Brave внедряет рекламную платформу, основанную на вознаграждении пользователей
• В каталоге дополнений к Firefox вводится запрет на запутывание кода
• Заметки к релизу для Safari Technology Preview 81