Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Frontend Weekend» #47 – Егор Толстой про комплекс фронтендера, Подлодку и реформы в Avito
•
Подкаст «Веб-стандарты», Выпуск №115: Новинки Safari и Chrome, Ruby Sass всё, логические CSS-свойства, доступные таблицы, неправильные классы и const в JS.
•
Подкаст «Пятиминутка 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
• Укрощаем режимы наложения в CSS
•
SASS: Оптимизируем media screen
•
Ограничение длины текста через градиент
•
Классический Ruby Sass объявлен устаревшим, работы над ним прекращаются 26 марта, 2019
•
Шпаргалка по Grid Layout (pdf)
•
Реализация вогнутых уголков на CSS, техники 2018 года
•
Зачем вам это делать на CSS?. Крис Койер о смысле техники создания изображений на чистом CSS
•
Избавляемся от префиксов «grid-» в свойствах отступов между ячейками в CSS Grid Layout
• Гибридные нейронные сети с GPU ускорением в JavaScript
• Создаем иммутабельные объекты на TypeScript
•
Статья в блоге Mozilla: JavaScript к Rust и обратно: история wasm-bindgen
• Опубликовано расширение Chrome, заменяющее потенциально опасные символы на эмодзи
• Какой браузер лучше всего справляется с хранением паролей
• Mozilla разрабатывает специальную версию браузера Firefox Reality для гарнитур виртуальной реальности
• Пользователи негодуют, что Chrome сканирует файлы на локальном диске
• Google запретил размещение дополнений к Chrome c кодом для майнинга криптовалют
• Почему киберспорт перспективнее традиционных видов спорта
• Разработчики Google научили ИИ предугадывать рисунки
• Reddit провёл редизайн впервые с 2008 года
• Улучшить интерфейс за счёт мелочей: семь хитростей для недизайнеров
• Критическая уязвимость в коммутаторах Cisco и активный SMI представляют угрозу для ключевой инфраструктуры
• Компания Intel признала, что уязвимости Meltdown и Spectre не могут быть исправлены для ряда процессоров
• Instagram без предупреждения ограничил доступ к API для сторонних приложений
< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•

•

•

•

•

•

•

•

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

•

• Как мы контролируем общедоступность BlaBlaCar
•


•


•

• Еженедельная подборка красивых эффектов на CSS/SVG/JS #75
- Производительность:
•Ленивая загрузка изображений и видео: техники, нюансы и возможные проблемы в блоге разработчиков Google
•Повышаем производительность вашего сайта с помощью Lazy-Loading и разделения кода
- Tools:
• Представлен релиз новой версии Visual Studio Code
• История о Webpack 4 и как, наконец, настроить его правильно
•headless-chrome-crawler — распределенный краулер, работающий за счет Headless Chrome
•Вышел релиз webpack v4.5.0
CSS
• Укрощаем режимы наложения в CSS
•

•

•

•

•

•

•

JavaScript
• Гибридные нейронные сети с GPU ускорением в JavaScript
• Создаем иммутабельные объекты на TypeScript
•

- 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
Комментарии (6)
Hypuk
09.04.2018 13:58+1Спасибо за подборку! У вас есть е-мэйл рассылка или телеграмм канал с дайджестом?
derSmoll
09.04.2018 22:13Пожалуйста!
Рассылка и канал уже давно в планах, но пока нет времени этим заниматься. Из релевантного есть твиттер аккаунт, куда я публикую ссылки, встречающиеся мне в течении недели и которые впоследствии включаются в очередную подборку
vovasik
11.04.2018 10:50Нужно больше однотипных подкастов про JavaScript с одним и тем же набором гостей/ведущих/тем
arXangel
Ребята, вы делаете невероятный вклад, огромное вам спасибо. (возможно есть смысл завести патреон или что-то подобное, так мы сможем поддержать регулярность.)
derSmoll
Всегда пожалуйста, спасибо что читаете.
Идея с патреоном заманчива, но пока проблем с регулярностью еще не было :)