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

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

wr488epz4vmk_j8jgky1vmpw7ba.png


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

1e465593b1b347eea23b1ab81b6e0a04.pngМедиа


podcast Подкаст «Frontend Weekend» #49 — Алексей Куреев про React Native, жизнь в Амстердаме и собеседование в Facebook
podcast Подкаст «Frontend Weekend» #48 — Вова Барсуков о переезде в Берлин и о том, как перейти из frontend-разработки в консалтинг
podcast Подкаст «Девшахта», Ночной фронтенд #31: Новая книга Дяди Боба
podcast Подкаст «Фронтенд Юность (18+)»: From Amsterdam with love: Javascript — основа программирования
podcast Подкаст «CSSSR», Выпуск 1: Второй пилот новостного подкаста.
video «ALL YOUR HTML» #45: «Полосатые объекты на кривых и шейдерах»
videoMoscow SPA Meetup #4, 4 видео
videoenRender Conf 2018, 15 видео
videoenJSConf AU 2018cd h, 15 видео

888d64fa796b4b6e82e98edc17dc85ae.pngВеб-разработка


• Поисковая оптимизация сайтов, использующих SPA-приложения
• Хочу стать frontend разработчиком: базовые знания и план обучения
enDesign Checklist для креативных веб-дизайнеров и упорных фронтенд-разработчиков
enКогда следует игнорировать 'mobile-first'
enВыбираем отзывчивый фреймворк для верстки писем:  MJML vs. Foundation for Emails
enЗамена анимированных GIFs на Video
enСоздание эффекта панорамирования для SVG
enpackagephobia — узнай цену добавления каждой новой зависимости в проект

  • Производительность:
    enMission Critical: оптимизация CSS для CDN
    en в webpack
    enОптимизация производительности JS: обзор


  • Анимация:
    • Еженедельная подборка красивых эффектов на CSS/SVG/JS #76
    enИсследование солнечной системы на CSS
    enКреативный слайдер в научном стиле
    enПогружение в матрицу

3a13046f2d4a46c4a60db0906e962adb.pngCSS


• Фокусы со стилями для фокуса
enВзгляд на единицы вьюпорта в CSS
enРуководство по CSS переменных
enХей хей `font-display`
enЛучшие практики для CSS Grid Layout
enПочему не использование CSS каскада является проблемой?
enСвайп вьюпорта с помощью CSS Snap Points: создание эффективной мобильной навигации
en1 HTML элемен + 5 CSS свойств = Магия!
enСоздание плавной последовательной анимации с помощью Sass

1999aed8349b484fb1caa64d98ceb5e3.pngJavaScript


• Ошибка в JavaScript-классе привела к генерации уязвимых ключей для криптокошельков
• Grasshopper — бесплатное ПО от разработчиков Google, обучающее основам программирования на JavaScript через мини-игры
habrПобег из ада async/await
habrSvelteJS: Релиз второй версии
enЧего ожидать от Node.js 10
enПроектирование очень больших (JS) приложений
enКак компоненты выиграли «войну фреймворков». React vs Angular vs Vue: почему это не имеет значения
enТочка зрения: Angular обречен, React OK — вы заслуживаем лучшего

  • Руководства:
    enПростое руководство по ES6 итераторам, а JavaScript с примерами
    enJS декораторы: что это и когда их использовать
    enДесять функциональностей Lodash которые можно заменить используя ES6
    envideoБыстрый старт ESLint — ищем ошибки автоматически


  • VueVueJS:
    enДобавление индикаторов загрузки в приложение на Vue.js
    enСоздание превью продукта в стили Amazon на Vue.js
    enСоздание собственного Vue.js роутера, руководство в четырех частях


  • ReactReact:
    habr9 советов по улучшению качества кода React-приложений
    enReact Lazy Images — компоненты и утилиты для ленивой загрузки изображений в React.
    enЧто такое компоненты высшего порядка в React?
    enReact SPA с модулями React-Router и React-Transition-Group


  • AngularAngular:
    enAngular — Все доклады с ng-conf 2018
    enУниверсальный стартовый набор для Angular 6, основанный на @angular/cli с SSR и HMR
    enВведение в роутинг в Angular 5


  • Libs & Plugins:
    enPicoJs — нахождение лица в видео
    enSlugify — преобразователь строки (URL, имени файла и т.д.) в строку, разделённую тире
    enМаска для полей ввода для React, Angular, Ember, Vue, и ванильного JavaScript

d4b289ef0a00e969108c25d0c3d75f58.gifЗанимательное


• Релиз web-браузера Chrome 66
• Amazon выпустил свой мобильный браузер
• На GitHub появились новые инструменты для разработчиков open source проектов
• Intel предлагает использовать GPU для защиты от малвари
• Google закрыла возможность использовать свой домен в качестве прокси
• Google замораживает Allo и делает ставку на Chat
• Переводчик Microsoft с ИИ научился работать без Интернета
• Google отключила возможность использовать свою сеть в качестве прокси


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

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

© Habrahabr.ru