Дайджест свежих материалов из мира фронтенда за последнюю неделю №329 (27 августа — 2 сентября 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
FYI: На следующей неделе дайджеста не будет в связи с отпуском.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
•
•
•
•
•
•
•
•
•
• Почему современный веб — отстой и что с этим делать
•
•
•
•
-
Инструменты:
•Что нового в DevTools (Chrome 70)
•gulp-webpack — свежая сборка Gulp 4 + Webpack 4 + Babel + BrowserSync + Font Awesome 5
•Universal PWA Builder — расширяемый инструмент для создания прогрессивных веб-приложений без привязки к фреймворку
-
Accessibility:
•Семантика речи — отличный пример того, как писать более инклюзивный код для всех (вспомогательных) технологий, среди которых поисковые системы, программы для чтения с экрана, интеллектуальные колонки и чат-боты.
•Как Google активизировал свои усилия, чтобы сделать свои техники более доступными для инвалидов
•Как вы можете использовать AI, AR и WebGL шейдеры для помощи слабовидящим
•Reach UI — библиотека доступных компонентов для приложений на React
-
Эффектный веб:
•Применяем мозаику Вороного, пикселизацию и геометрические маски в шейдерах для украшения сайта
•Web Graphics Experiments
•Оптическая иллюзия всего в 18 строках JavaScript
•
•
•
•
•
•
•
•
•
•
•
• Что такое тестирование и почему мы должны его делать? Первая статья в серии из пяти частей о тестировании в JavaScript
• Node Hero — руководство по безопасности Node.js
• Состоялся релиз JS-транспайлера Babel 7
•
•
•
•
•
•
-
Typescript:
•TypeScript и Babel 7
•Быстрое руководство по TypeScript
•Как моя команда случайно перешла на TypeScript и полюбила его
-
React:
•Хорошие практики написания кода с React и Redux
•Валидация React Component Props с помощью prop-types
•React Performance – полное руководство по оптимизации основных проблем производительности в React
•Props и PropTypes в React
•Урок по React: создание и защита твоего первого приложения
•Эволюция React
•code-surfer — React-компонент для прокрутки, увеличения и подсветки сниппетов кода
•boilerplate.react.spa.full-server — заготовка для создания SPA на React, с полноценным сервером.
-
VueJS:
• Вышли в переводе две книги по Vue.js: Величие Vue.js 2 и Тестирование компонентов Vue.js с помощью Jest
•Освоение Vuex — с нуля до героя
•Создание приложений на Vue.js
•vue-goodshare — vue.js компонент для социального шаринга
•Полное руководство по использованию иконок Font Awesome в приложениях Vue.js
•tiptap – a renderless rich-text editor для Vue.js
-
Angular:
•Angular: неочевидные возможности селекторов директив
•Механизм биндинга событий в Angular
•Angular 6 CRUD с нуля, руководство с примером
•Как использовать Material Design в Angular 6
-
Libs & Plugins:
•turbo-json-parse — турбированный JSON.parse для стабильных JSON данных
•shimport — используйте модули JavaScript во всех браузерах, в том числе с динамическим импортом
•reworm — простейший способ управлением состоянием приложения
•lazyestload.js — загрузка изображений только при их попадании в видимую область
• В Firefox решено по умолчанию блокировать отслеживание перемещений между сайтами
• Для Firefox развивается система контекстной рекомендации дополнений
• Анализ переносимости API современных web-браузеров
• Компания Mozilla опубликовала статистику по использованию Firefox
• Mozilla опубликовала отчёт о том, как люди используют настольные версии Firefox
• Google мешает защитным решениям осуществлять инжекты в процессы Chrome
•
•
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin