Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• 
Подкаст «CSSSR» Новости 512 — Выпуск №35 (21.01 — 27.01)
• 
Подкаст «Фронтенд Юность (18+)» #81 Всё что вы хотели знать о GraphQL
• 
Подкаст «5 minutes of React » #23 — Hasura GraphQL Engine
• 
«ALL YOUR HTML» #s2e6: Raymarching, бесконечное пространство
• 
FrontSpot Show: Куда пропал RSConf? Мелкософт побеждает Фейсбук? Халявные билеты на ReactAmsterdam!. Пилотный выпуск нового шоу
Веб-разработка
• SEO: Почему rel=canonical может игнорироваться на сайтах, использующих JS, а также почему старые сайты могут ранжироваться выше, чем более свежий контент
• Рассказ о том, как не надо проектировать API
• Electron: разработка настольных приложений
• В чем я не шарю в 2018. Ден Абрамов решил сам написать русский перевод своей популярной статьи
• 
Великое разделение. Два фронтенд-разработчика сидят в баре. И им не о чем говорить.
• 
Что мы узнали о тенденциях найма разработчиков в 2019 году из анализа 112 654 тестов кодирования
• 
Как создавать виртуальную реальность с помощью веб-технологий, новая серия видео
• 
Как мы перешли с WordPress на React и подняли $80 миллионов
• 
Детальный обзор Feature policy. За рамками черновиков.
- Производительность:
•
Оптимизация сайта для GooglePage Speed (учтены все особенности после его обновления) Часть 1
•
Юзабилити веб-страниц имеет значение
•
Предзагрузка ссылок с использованием Service Workers
- Инструменты:
•
Webpack: неожиданное путешествие
•
Что нового в DevTools (Chrome 73)
•
Будущее Yarn — v2 и после
•
rrweb ('record and replay the web'): инструмент для записи и воспроизведения взаимодействия пользователей в вебе
- Анимация:
•
Создание собственного симулятора гравитации и космоса
•
SVG Filter Effects: контурный текст с <feMorphology>
•
Les Animals — сайт с выдающимся дизайном и анимацией
CSS
• 
Градиентные границы в CSS
• Text-transform и копирование. Что происходит при копировании текста с text-transform
• 
Шаблоны дизайна таблиц в вебе
• 
Анимация CSS Grid
• 
Flexbox.ninja — веб-сайт, помогающий лучше понять CSS Flexbox Layout Module.
• 
Градианы и Обороты: тихие герои CSS углов
• 
Ваш инструментарий для создания CSS лейаутов в 2019, — доклад Rachel Andrew
• 
Firefox DevTools для тех, кто работает с CSS
• 
Урок по Гудини: CSS рисование и переменные
JavaScript
• 
JS-битва: как я написал свой eval()
• 
Осваиваем async/await на реальном примере
• Как работать с денежными значениями в JavaScript
• 
Почему каждое новое веб-приложение в PayPal начинается с TypeScript
• 
Что нового в JavaScript на 2019 год
• 
Погружение в JavaScript: как создать конвертер цветов Hex2RGB
• 
Нахождение наиболее повторяющегося символа
- TypeScript:
•
Цена TypeScript
•
TypeScript ESLint — репозиторий с инструментами, которые позволяют ESLint поддерживать TypeScript
•
Функциональный TypeScript: TypeScript стандарт для надежных serverless функций
- Node:
•
Бесплатные книги по Node.js
•
Лучшие 7 Node.js фреймворков для разработчиков
•
Инструментарий работы с HTTP запросами в node
•
Мультипоточность Node.js: что такое Worker Threads и чем они важны?
- Теория:
• Шпаргалка по современному JavaScript
• 10 вещей, которые стоит знать каждому JavaScript-разработчику
•
Как использовать деструктуризацию в JavaScript (ES6) в полной мере
•
Шаблоны итераторов JavaScript
•
Полное руководство по алгоритмам в JavaScript, бесплатный курс, состоящий из шести уроков
•
Что такое tree shaking и как оно работает?
•
15 полезных примеров использования map(), reduce() и filter()
VueJS:
•
Обзор Vue.js 2.6
• Vuex — это просто!
•
10 профессиональных советов Vue.js от мастеров Vue
•
Как определить, является ли Vue.js подходящим фреймворком для вашего следующего проекта
React:
• React: практики, которые помогут стать продвинутым разработчиком
•
Почему Х не хук?
•
Полезности в React 16.6.0
•
Подтверждение почты с помощью React
•
Как разработать свои React-суперспособности с помощью Context API
•
Использование элементов Content Editable в JavaScript (React)
•
Как понять редьюсеры: вы можете их использовать без Redux
•
Понимание React Default Props
•
Понимание Fragments в React
Angular:
•
Лучшее из мира Angular за неделю — Дайджест №1 (18 января - 25 января)
•
Angular 8: вторая бета доступна для загрузки
•
Angular 6 + Travis CI c Headless Chrome
•
Оптимизация Angular. Мемоизация pipe функций в шаблонах
•
Делаем появления сообщений об ошибках форм в Angular волшебными
- Libs & Plugins:
•
Сравнение библиотек для построения диаграмм в JavaScript
•
autoComplete.js — Простое автозаполнение на ванильном Javascript
•
hotkey: вызов действия на элементе при нажатии клавиш на клавиатуре
Браузеры
• 
История одной проблемы со Speedometer, или Как Chromium управляет памятью
• 
От новых API в Chromium пострадает не только uBlock Origin, но и другие расширения
• Новая редакция манифеста Chrome сделает невозможным использование uBlock Origin
• В Firefox 66 будет устранено смещение прокрутки из-за загрузки изображений
Также следите за обновлениями в блоге компании.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
