Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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