Дайджест свежих материалов из мира фронтенда за последнюю неделю №309 (2 — 8 апреля 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

Медиа

• Подкаст «Frontend Weekend» #47 – Егор Толстой про комплекс фронтендера, Подлодку и реформы в Avito
• Подкаст «Пятиминутка React» #43 — React 16.3
• Подкаст «5 minutes of React» #20 — Jake Archibald: In The Loop (JSConf.Asia 2018)
• Подкаст «Девшахта/Ночной фронтенд»: №29: CodeFest 2018. День второй
• Подкаст «Pro WEB IT», Выпуск 1 — Про константы в JavaScript
• «ALL YOUR HTML» #43: «Буквы с физикой»
• JSConf Iceland 2018, 35 видео

Веб-разработка

• Проект RealWorld: сравнение фронтенд-фреймворков
• Осторожнее с копипастом: фингерпринтинг текста непечатаемыми символами
• Как мы контролируем общедоступность BlaBlaCar
• Красивые, интерактивные канонические AMP страницы: интерактивное онлайн-руководство
• Порция свежих новостей об AMP от Криса Койера
• Новичок в создании шаблонов писем? Вот то место, откуда можно начать изучение
• Еженедельная подборка красивых эффектов на CSS/SVG/JS #75

• Производительность:
  • Ленивая загрузка изображений и видео: техники, нюансы и возможные проблемы в блоге разработчиков Google
  • Повышаем производительность вашего сайта с помощью Lazy-Loading и разделения кода

• Tools:
  • Представлен релиз новой версии Visual Studio Code
  • История о Webpack 4 и как, наконец, настроить его правильно
  • headless-chrome-crawler — распределенный краулер, работающий за счет Headless Chrome
  • Вышел релиз webpack v4.5.0

CSS

• Укрощаем режимы наложения в CSS
• SASS: Оптимизируем media screen
• Ограничение длины текста через градиент
• Классический Ruby Sass объявлен устаревшим, работы над ним прекращаются в 26 марта, 2019
• Шпаргалка по Grid Layout (pdf)
• Реализация вогнутых уголков на CSS, техники 2018 года
• Зачем вам это делать на CSS?. Крис Койер о смысле техники создания изображений на чистом CSS
• Избавляемся от префиксов «grid-» в свойствах отступов между ячейками в CSS Grid Layout

JavaScript

• Гибридные нейронные сети с GPU ускорением в JavaScript
• Создаем имутабельные объекты на TypeScript
• Статья в блоге Mozilla: JavaScript к Rust и обратно: история wasm-bindgen

• ES2015+:
  • Как меня задолбало противопоставление хренова const чертову let
  • Еще кейсы для const в ES6+. Небольшое дополнение
  • Вот примеры всего нового в ECMAScript 2016, 2017 и 2018
  • ES6 коллекции: использование Map, Set, WeakMap, WeakSet
  • ES6 в действии: новые методы по работе с числами

• Tutorials:
  • Веб-воркеры в JavaScript: безопасный параллелизм
  • Полное руководство по паттернам JS
  • Введение в TensorFlow.js: машинное обучение в Javascript
  • Полное руководство для новичка по JavaScript Geolocation Tracking
  • Введение в Payment Request API для Apple Pay
  • Presentation API: трансляция страниц на второй присоединенный дисплей

• VueJS:
  • Забываем о jQuery с Vue.js (Часть 2)
  • Имплементация бесконечного скролла с помощью Vue.js
  • Methods, Computed и Watchers во Vue.js
  • Vue CLI 3 — глубокое погружение

• React:
  • Подходы и технологии в React Redux: делаем все оптимально
  • Новый контекст React в деталях
  • Десятиминутный курс по ES6 для начинающих React разработчиков
  • Создаем SSR приложение с помощью Preact, Unistore и Preact Router
  • Введение в Bit’s Live React Component Discoverability Playground
  • Диаграмма жизненных циклов методов React от Дена Абрамова

• Angular:
  • Детальное сравнение AngularJS и Angular 2+
  • Тестирование Angular: введение для разработчиков
  • Тестирование Observables а Angular
  • Путь к Angular v6: третий (и последний?!) релиз кандидат уже здесь

• Libs & Plugins:
  • «Жадное» исполнение, визуализация, JS: представлены обновления библиотеки TensorFlow
  • Оптимизация библиотек с помощью webpack
  • Состоялся релиз D3 5.0, популярной библиотеки для визуализации
  • Скаффолдинг для существующих проектов, часть 1: casex — библиотека для трансформации текста
  • Расширяемый eslint плагин для поддержки файлов переводов JSON i18n.

Браузеры

• Опубликовано расширение Chrome, заменяющее потенциально опасные символы на эмодзи
• Какой браузер лучше всего справляется с хранением паролей
• Mozilla разрабатывает специальную версию браузера Firefox Reality для гарнитур виртуальной реальности
• Пользователи негодуют, что Chrome сканирует файлы на локальном диске
• Google запретил размещение дополнений к Chrome c кодом для майнинга криптовалют
•

Занимательное

• Почему киберспорт перспективнее традиционных видов спорта
• Разработчики Google научили ИИ предугадывать рисунки
• Reddit провёл редизайн впервые с 2008 года
• Улучшить интерфейс за счёт мелочей: семь хитростей для недизайнеров
• Критическая уязвимость в коммутаторах Cisco и активный SMI представляют угрозу для ключевой инфраструктуры
• Компания Intel признала, что уязвимости Meltdown и Spectre не могут быть исправлены для ряда процессоров
• Instagram без предупреждения ограничил доступ к API для сторонних приложений

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Автор: alexzfort

Источник