Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Веб-разработка
• 
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
Занимательное
• Вкратце: что Facebook анонсировала на конференции F8
• Google займётся разрушением SEO-мифов в новой серии видео
• Facebook открыл реализацию хэш-таблиц F14
• Аудит Gutenberg от WPCampus выявил «существенные и глубокие проблемы с доступностью»
• Фонд Apache перевёл свои Git-репозитории на GitHub
• Исповедь фуллстека. Профессия, религия, мечты
• Какие языки программирования не стоит изучать в 2019 году
• Документация как код: шесть принципов программирования, которые помогут создавать документы, понятные каждому
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
