Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «Frontend Weekend» #45 – Евгений Фомин про Vue.js и о том, почему разработчики уходят из backend’а во frontend
• Подкаст «Пятиминутка React» #19 — TypeScript 20/80
• Подкаст «devschacht»: Ночной фронтенд #27 — И снова о статической типизации в JS
• Подкаст «Фронтенд Юность (18+)» «Как уйти из IT»
• «ALL YOUR HTML» #41: «ASCII анимация»
• MinskCSS Meetup #4 — 22 марта 2018
Веб-разработка
• Размер страницы и SEO – есть ли связь?
• Агрегатор материалов и последней информации по Progressive Web Apps
• Полное руководство по фоновым изображениям в шаблонах писем
• WAI-ARIA: темная сторона доступности
- Производительность:
• Как сократить время загрузки сайта до двух секунд средствами Google Chrome
• Насколько быстым является Amp на самом деле?
• Как формат WebP поможет повысить вам веб-производительность
- Tools:
• Уменьшение бандлов Lodash с помощью Webpack и Babel
• imaging-heap — инструмент, позволяющий измерять эффективность отзывчивых изображений на различных размерах и соотножениях экрана
• В статьях на MDN добавили наглядные интерактивные примеры
• Полезные советы и трюки для Chrome DevTools
- Анимация:
• Аддитивная анимация с помощью Web Animations API
• Создание PathSlider — карусели с SVG элементами с помощью with JavaScript (часть 2)
• Создаем эффект жидкости с помощью WebGL
CSS
• Вы начнете верстать на Grid Layout уже сегодня. Спорим?
• Как Gmail пришел к прекращению поддержки CSS анимации
• Super Mario World, созданный с помощью одних CSS градиентов — без JS, встроенных images/data URIs и внешних изображений (плюс совсем немного размерки HTML)
• graphql-css — быстрая библиотека CSS-in-GQL, которая конвертирует запросы GraphQL в стили для ваших компонентов
• CSS: плохие моменты (и как их избегать)
JavaScript
• Отладка Front-end: Console
• Гребаное разглагольствование о гребаном const vs гребаном let
• Нейронные сети с графическим ускорением в JavaScript
• Определение эмоций в JavaScript с помощью нейронных сетей
• Machine Learning-Driven Bundling. Будущее инструментарция JavaScript
• 5 ключевых концептов изучения d3.js и как и понять
• Я определенно, возможно, страдаю от стокгольмского синдрома, связанного с Javascript.
• Полное руководство по Apollo, инструментарии для GraphQL
• Ленивая загрузка модулей JavaScript с помощью ConditionerJS
- Теория:
• Как работает JS: движки рендеринга веб-страниц и советы по оптимизации их производительности
• История ES6-модулей
• Элегантные паттерны современного JavaScript: Ice Factory
• Асинхронные паттерны в JavaScript
- VueJS:
• Vue.js Moscow Meetup #1, запись видео
• Vue.js Cookbook — новый раздел официальной документации Vue с рецептами и примерами решений конкретных задач
• 4 основые функции ES2015 для разработки с Vue.js
• Vue CLI 3: переломный момент для разработки фронтенда
• Основы GraphQL и практические примеры с Vue
• 7 секретных паттернов Vue, о которых консультанты не хотят, чтобы вы знали — доклад Chris Fritz
- React:
• Сравнение основных JS библиотек анимации для использования в приложениях React
• Добавляем контекст с помощью React
• Состояние форм React с нуля
• react-testing-library — простая утилита для тестирования React DOM, включающая лучшие практики тестирования
- Angular:
• Архитектура приложения Angular. Используем NgModules
• Введение в модули Angular — корневой модуль (Root Module)
• Введение в Angular: что это и зачем вам нужно его использовать
• All Things Angular: погружение в ключевые концепты Angular и горячие темы: Angular Labs, Angular Elements, Progressive Web Apps, Service Workers, AoT Compilation, UI Libraries и другое
- Libs & Plugins:
• ScrollBooster — приятная библиотека для drag-to-scroll функционала
Браузеры
• План развития функциональности Firefox на 2018 год
• Доступен web-браузер Opera 52
• Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet
• В Chrome 66 будет доработан механизм блокирования автоматического воспроизведения видео
• Технические детали релиза Safari Technology Preview 52
Занимательное
• Как попасть в Google: инструкция по подготовке
• Symantec: В четвертом квартале 2017 года количество кибератак, использующих ресурсы систем для майнинга криптовалют, увеличилось в 85 раз
• Google Assistant научился совершать и запрашивать денежные переводы
• Netflix разработал собственный шрифт
• В публичных репозиториях пользователей GitHub обнаружено 4 миллиона уязвимостей
• «Доверие нарушено, мы должны это исправить». Цукерберг прокомментировал утечку данных 50 млн пользователей и рассказал о новых защитных мерах
• ОK Googlе: как поисковик решил победить Amazon
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort