Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Frontend Weekend» #74 – Михаил Боднарчук о том, как и зачем разработчику тестировать свой код
•
Подкаст «Девшахта/Ночной фронтенд»: 53: DevOops 2018
•
Видеоблог Вадима Макеева 5. Политех, магический JPEG, ненужная форма и object-fit на SVG, 6. Погружение в object-fit: cover с полифилом и без
• Почему мы не добавим в HTML элемент <чудесный>?
• Как на фронтенд-собеседовании превратить сложный вопрос в лёгкий
•
О статических генераторах сайтов
•
Развертывание фронтенд приложений — забавный способ
•
Использование Web Audio API, подробная обновленная информация на MDN
•
Продвинутые техники использования Web Audio API: создание звука, последовательность, синхронизация, планирование
•
Возможности CSS Content
•
CSS Border-Radius может такое?
•
Как я запомнил свойства CSS Grid
•
Разбирается ли ваш интервьюируемый в CSS лейаутах?
•
Предыдущий смежный CSS селектор и как их эмулировать
•
5 вещей, которые вы можете сделать в CSS-in-JS и о которых вы не знали
•
Редактор Shape Path в Firefox
• Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API
• Замыкания в JavaScript для начинающих
•
JavaScript Visualizer — инструмент для визуализации контекста, всплытия переменных, замыканий, прототипов и других базовых концепций JS для лучшего понимания принципов работы
•
Глубокое погружение в this в JavaScript: почему так критично писать хороший код
•
13 игр в ? 13kB of JavaScript · js13kGames 2018
•
Давайте разберемся с путаницей вокруг методов slice( ), splice( ) и split( ) в JavaScript
•
Новые релизы: Ember 3.4, ESLint v5.7.0, Aurelia-CLI v1.0.0-beta.1, Новый сборщик Aurelia-CLI с авто-трейсом
• Опубликованы результаты аудита системы обновления Firefox
• Разработчики Mozilla отложили прекращение доверия к сертификатам Symantec
• В Microsoft Edge найдена брешь, позволяющая запускать любые программы
• Google Chrome вскоре перестанет работать на устройствах с ОС Android 4.3 и ниже
•
Вызовы между JS и WebAssembly наконец стали быстрыми в Firefox
• Вышел первый релиз-кандидат Gutenberg 4.0
• Эволюция криптографии: от математики до физики
• Регулятор ICANN успешно сменил ключи к доменным именам
• Визуальный перевод Google Translate тоже перешел на нейронные технологии и получил поддержку 13 новых языков
• Руководство по Windows PowerShell для начинающих
• Facebook раскрыла детали последнего взлома: хакеры получили телефоны и адреса электронной почты 30 млн пользователей
• Google+ закрывается после утечки данных 500000 аккаунтов
• «Яндекс» не смог договориться с правообладателями о новом антипиратском соглашении
• Пользователи Alexa признались в любви к голосовому помощнику свыше миллиона раз, но были отвергнуты ею
•
Microsoft открыла 60 тысяч патентов, чтобы оградить Linux от исков
?
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
Подкаст «Frontend Weekend» #74 – Михаил Боднарчук о том, как и зачем разработчику тестировать свой код•
Подкаст «Девшахта/Ночной фронтенд»: 53: DevOops 2018•
Видеоблог Вадима Макеева 5. Политех, магический JPEG, ненужная форма и object-fit на SVG, 6. Погружение в object-fit: cover с полифилом и без
Веб-разработка
• Почему мы не добавим в HTML элемент <чудесный>?
• Как на фронтенд-собеседовании превратить сложный вопрос в лёгкий
•
О статических генераторах сайтов•
Развертывание фронтенд приложений — забавный способ•
Использование Web Audio API, подробная обновленная информация на MDN•
Продвинутые техники использования Web Audio API: создание звука, последовательность, синхронизация, планирование- Производительность:
•
Оптимизируем веб с Виталием Фридманом: скорость загрузки, память, CPU
•
Начало работы с бюджетом производительности, подробная статья Addy Osmani о нюансах и аспектах вопроса
•
Адаптивная доставка контента с помощью JavaScript и Network Information API. Еще одна статья Addy Osmani о выборе различных ассетов в зависимости от скорости соединения
•
Лучшие способы повышения производительности загрузки фронтенда
•
Еще одна история успеха PWA + AMP: как Superbalist улучшил скорость загрузки страниц, тем самым повысив конверсии на 26%
- Инструменты:
•
Что нового в DevTools (Chrome 71)
•
Favicon Checker — онлайн-инструмент для сравнения favicons во всех основных браузерах, включая светлую и темную темы
•
termtosvg — утилита для записи происходящего в терминале в виде SVG
• markdown page — скрипт, который превратит Markdown в HTML одной строкой
- Accessibility:
•
Шпаргалка по Accessibility
•
WordPress, Accessibility и Gutenberg
•
Я ушел с позиции accessibility team lead в WordPress. И вот почему
CSS
•
Возможности CSS Content•
CSS Border-Radius может такое?•
Как я запомнил свойства CSS Grid•
Разбирается ли ваш интервьюируемый в CSS лейаутах?•
Предыдущий смежный CSS селектор и как их эмулировать•
5 вещей, которые вы можете сделать в CSS-in-JS и о которых вы не знали•
Редактор Shape Path в Firefox
JavaScript
• Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API
• Замыкания в JavaScript для начинающих
•
JavaScript Visualizer — инструмент для визуализации контекста, всплытия переменных, замыканий, прототипов и других базовых концепций JS для лучшего понимания принципов работы •
Глубокое погружение в this в JavaScript: почему так критично писать хороший код•
13 игр в ? 13kB of JavaScript · js13kGames 2018•
Давайте разберемся с путаницей вокруг методов slice( ), splice( ) и split( ) в JavaScript•
Новые релизы: Ember 3.4, ESLint v5.7.0, Aurelia-CLI v1.0.0-beta.1, Новый сборщик Aurelia-CLI с авто-трейсом
VueJS:
•
Использование Event Bus для шаринга props между компонентами Vue
•
12 компаний, которые используют Vue.js в разработке своих приложений
•
Оптимистичное Offline-First приложение с Vuex
•
Работа над приложением в Vue.js с TDD?—?обширное руководство для людей, у которых есть время,?часть 1
•
Что вам нужно знать о Vue CLI 3
React:
•
Незнание основ React, которое, возможно, вас губит
•
Кэширование обработчиков событий и улучшение производительности React-приложений
•
Как стать React разработчиком в 2018 году
•
React.js: лучшее представление самой мощной UI библиотеки, когда-либо созданной
•
OOP и RxJS: управление состоянием в React с помощью Akita
•
11 песочниц для работы с UI компонентами React
•
Как объединить Webpack 4 и Babel 7 для создания фантастического приложения на React
•
Что нового в Create React App 2.0, серия видео
•
Нужно ли вам знать React, чтобы быть разработчиком WordPress?
•
Тестирование React приложений с помощью react-testing-library
•
Full Stack Radio: 99: Tim Neutkens — Building React Apps with Next.js
Angular:
•
22 совета Angular-разработчику. Часть 1, Часть 2
•
Несколько советов по Angular
•
Анонс первого стабильного релиза Angular Console?—?UI для Angular CLI
•
Вложенные формы в Angular 6
•
Справочник по Angular 6: Стайлинг, Роутер
•
Angular & Chart.js (с ng2-charts)
•
Создание фул-стэк приложений с помощью Angular CLI и Nx
- Libs & Plugins:
• TensorFlow.js и clmtrackr.js: отслеживание направления взгляда пользователя в браузере
•
Deity Falcon — опен-сорсная кроссплатформенная PWA библиотека для создания сайтов любого типа
•
perfume.js — JavaScript библиотека для измерения First (Contentful) Paint, Time to Interactive и First Input Delay.
•
mb — доступ к вложенным атрибутам с нулевыми значениями без ошибок исключения
•
Muze — построение композиционных визуализаций для веба с акцентом на данных
Браузеры
• Опубликованы результаты аудита системы обновления Firefox
• Разработчики Mozilla отложили прекращение доверия к сертификатам Symantec
• В Microsoft Edge найдена брешь, позволяющая запускать любые программы
• Google Chrome вскоре перестанет работать на устройствах с ОС Android 4.3 и ниже
•
Вызовы между JS и WebAssembly наконец стали быстрыми в Firefox
Занимательное
• Вышел первый релиз-кандидат Gutenberg 4.0
• Эволюция криптографии: от математики до физики
• Регулятор ICANN успешно сменил ключи к доменным именам
• Визуальный перевод Google Translate тоже перешел на нейронные технологии и получил поддержку 13 новых языков
• Руководство по Windows PowerShell для начинающих
• Facebook раскрыла детали последнего взлома: хакеры получили телефоны и адреса электронной почты 30 млн пользователей
• Google+ закрывается после утечки данных 500000 аккаунтов
• «Яндекс» не смог договориться с правообладателями о новом антипиратском соглашении
• Пользователи Alexa признались в любви к голосовому помощнику свыше миллиона раз, но были отвергнуты ею
•
Microsoft открыла 60 тысяч патентов, чтобы оградить Linux от исков?
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.