Дайджест свежих материалов из мира фронтенда за последнюю неделю №295 (25 — 31 декабря 2017)
Предлагаем вашему вниманию последнюю в этом году подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Занимательное
Медиа
• 
Подкаст «Веб-стандарты», Выпуск №101: Как отмечать НГ, что читать и смотреть в следующем году, последние Звёздные войны и вся сага, Дж. Р.Р. Толкин и фантастика, зачем заливать оливье водой и… песня!
• Подкаст «RadioJS»: RadioJS #50 — С юбилеем и новым годом!
• Подкаст «devschacht»: Выпуск №10 — Новогодний. История Девшахты и планы развития
• Подкаст «Фронтенд Юность (18+)» #32 Новогодний выпуск. Как свалить в Швейцарию
• Подкаст «Drinkcast», #23 — «Afterparty»
• 
«ALL YOUR HTML» #29: «Жидкие частицы, SVG + Canvas»
• Видеозаписи митапов Odessa Frontend
• Спросите у Яндекса про интерфейсы — запись трансляции
Веб-разработка
• 
Фронтенд-2017: о самом важном
• 
Инструменты фронтенда: мои избранные находки из 2017-го
• Самые популярные в 2017-м году ссылки
• Дорожная карта на 2018-й год для фулстэк веб-разработчика
• Кошмарный слайдинг: понимание работы Range Input
• Минимальный набор мета-тегов для шаринга в соцсетях
• 
Увеличить годовую выручку на 97% при помощи нейросетей и Google AMP
- Производительность:
•Оптимизация производительности фронтенда. Расшифровка доклада Игоря Алексеенко с Frontend Conf 2017
•Страховка производительности. Инструменты для улучшения производительности в обзоре Артема Денисова
•О фактах, которые многие забывают при замере производительности
•Отслеживание производительности веб-шрифтов с помощью Font API, Boomerang и UserTiming API
- Инструменты:
•Подробности приближающегося релиза Babel 7.0
•Тестирование браузеров — Safari 11 vs Chrome 63 vs Firefox 57 (Quantum)
•toapi — библиотека для обеспечения API любому сайтц
CSS
• CSS-десант. Sports.ru
• Примеры использования функции Calc ()
• Автоматичекие изменение размеров колонок в CSS Grid: `auto-fill` vs `auto-fit`
• Как воссоздать структуру страниц Medium с помощью CSS Grid
• Пять страхов дизайнеров, преодолеваемых с помощью CSS Grid
• 10 докладов и презентаций о будущем CSS
• Переносим анимацию из After Effects на CSS Transitions и Keyframes
JavaScript
• Service Workers. Инструкция по применению
• Исчерпывающий справочник по JavaScript для вашего следующего собеседования. Часть 1
• Какие JavaScript фреймворки вам следует выучить в 2018?
• Топ JavaScript трендов, за которыми стоит следить в 2018
• Как делать изменения в DOM
• Пишем JS библиотеку, которая будет менее 1TB по размеру. Небольшое руководство для создания экстра-маленьких библиотек
• Как я создал говорящий emoji с помощью обычных emoji и JavaScript
VueJS:
•3 причины выбрать Vue вместо React в 2018
•Базовое введение в отладку приложений на Vue с помощью брейкопинтов
•Создание роута с ленивой загрузкой с помощью Vue.js и последних возможностей браузера
React:
•Как создать блог на React и Gatsby за 10 минут
• Создание сокращалки ссылок на React, Apollo и GraphQL: часть 1, часть 2
•Как обфусцировать имена классов CSS с помощью React и Webpack
•Понимание исходного кода React — начальный рендеринг
Angular:
•Почему разработчики и компании выбирают Angular
•Серверный рендеринг Angular 5 с помощью Firebase — пошаговое руководство
Занимательное
• Время отклика компьютеров: 1977−2017
• Достижения и фейлы техноиндустрии за 2017 год по версии NYT
• Как машинное обучение меняет SEO
• Google: директива Noindex, follow со временем переходит в Noindex, nofollow
• Свобода, ответственность и высокая зарплата: Дмитрий Очеретяный о работе в Netflix
• Использование нейронной сети для восстановления повреждённых изображений
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
