Дайджест свежих материалов из мира фронтенда за последнюю неделю №331 (17 — 23 сентября 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
•
•
•
•
•
•
• Архитектура веба: основы для начинающих разработчиков
• Google массово переводит сайты на mobile-first индексацию, однако полный переход на mobile-first индексацию может занять годы
• Google предложил новую модель управления для проекта AMP
•
•
-
Производительность:
•Idle Until Urgent. Подробно о новой технике повышения производительности и FID в частности в статье Филиппа Уолтона
•Фреймворк для веб-производительности. Джереми Кейт сделал диаграмму производительности, чтобы помочь выяснить, как приоритезировать работу с фронтендом
•Большая подборка ресурсов, посвященных веб-производительности
-
Tools:
•Улучшаем навыки отладки с помощью Chrome DevTools (часть 2)
•Sublime merge — встречайте новый клиент Git от создателей Sublime Text
•Yarn Plug'n'Play: избавление от node_modules, Аналогичный концепт от npm под названием tink
-
Accessibility:
•Как вынести урок из ошибок доступности на сайте Apple
•Много шума вокруг ARIA
•Отладка доступности с помощью Chrome DevTools
-
Анимация:
• Объемный город, построенный из эмоджи «на чистом CSS»
• Забавная йети-пагинация
• Световой луч из цветных частиц
• CSS Grid — швейцарский армейский нож для макетов сайтов и приложений
• Химия CSS-гридов
•
•
•
•
•
•
• Новые релизы: Вышел Electron 3.0, фреймворк для создания нативных JS-приложений, Next.js 7, Gatsby 2.0.0,
•
•
•
•
•
-
Media:
•Подкаст Script & Style Show: Episode 21: Третьесторонний JavaScript и веб-производительность с Charlie Vazac
•React Podcast №21: Delete Your Components with Kent C. Dodds
•React Alicante 2018, 22 videos
-
VueJS:
•Как организовать ваши зависимости во Vue-приложении
•Nuxt.js 2.0: Webpack 4, ESM Modules, create-nuxt-app и многое другое!
•Vue.js + GSAP = Анимации
•Использование Scoped Slots в Vue.js для абстрактных функций
•5 наиболее запрашиваемых функций для Vue.js в 2018 году
•7 уроков по архитектуре фронтенда от Nuxt.js
-
React:
•React и SEO: как их подружить?
• Почему не стоит использовать компоненты высшего порядка в Реакте
•Enterprise React в 2018–2019
•Автостопом по галактике React Router v4: [match, location, history] — ваши лучшие друзья!
•Почему React16 — это благословение для разработчиков на React
•Как начать работать с React Context API
•Создание компонента в стиле React на ванильном javascript.
•Иммутабельность в React и Redux: полное руководство
•Использование Font Awesome 5 в React
•react-flip-toolkit — библиотека, облегчающая FLIP анимацию в React
•Делаем Autocomplete-виджет с помощью React и Elastic Search
-
Angular:
•Упрощаем работу доступность с помощью Angular CDK
•Создание PWA с помощью Angular 6
•Повышаем уровень владения NgRx
•Три столпа Angular Router — Router States и URL Matching
• Mozilla представила финальную версию браузера Firefox Reality для очков и шлемов виртуальной реальности
• Microsoft уже отключила функцию Windows 10, отговаривающую пользователей от установки других браузеров вместо Edge
•
• Google: мы полностью индексируем и ранжируем контент во вкладках
• Путь единорога: как GitLab шел к оценке в $1 млрд
• Google провалил клонирование Twitch и позвал редких геймеров смотреть YouTube
• В MIT создали нейросеть, распознающую объекты по голосовому описанию
• «ВКонтакте» запустила платформу подкастов
• Почему YouTube Gaming проиграл конкуренцию Twitch
• Работа над ошибками: Как я живу с дислексией
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin