Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019)

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


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


Медиа


podcast Подкаст «Веб-стандарты», Выпуск №178: W3C + WHATWG, SEO, быстродействие, Ember.js, Elm, Puppeteer
podcast Подкаст «Frontend Weekend» #92 – Артём Кобзарь о преподавании, Харькове и вещах, которые должен знать junior-разработчик
podcast Подкаст «devschacht» 83: Разговоры про Ember
podcast Подкаст «Пятиминутка React»: MSK VUE.JS MEETUP
podcast Подкаст «Фронтенд Юность (18+)» #95 Как стать CTO
podcast Подкаст «CSSSR»: Новости 512 – WebAssembly на eBay, современный hoisting, Chrome 75 и другие релизы, Huawei-битвы
podcast Подкаст «CSSSR»: Новости 512 – Снова о Svelte, донат на Github, паттерны для React Hooks и документалка об Ember.js
video Frontreview #12: «Что обязательно должен спросить Junior на собеседовании»
video proConf #15: ng-conf 2019 | ngRx на примере банана | модные гриды | полеты на марс
video «Repozitorro #17: Подозревака, что код чужой...
video en JSHeroes 2019, 20 видео

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


en Как использовать API веб-ресурса
en SEO требования для нового сайта

  • Производительность:
    habr Производительность фронтенда: разбираем важные метрики
    en Извлечение критического CSS. Узнайте, как улучшить время рендеринга с помощью техники critical CSS
    en Эффективно повышаем производительность вашего (мобильного) сайта

  • Accessibility:
    habr Создаём максимально недоступный сайт с идеальной оценкой Lighthouse
    en Указание на фокус для улучшения доступности
    en Анатомия доступных форм: проблема с Placeholders
    en Доступность форм: практическое руководство
    en Веб-доступность в контексте. Как браузеры и HTML сегодня поддерживают скринридеры?

  • Анимация:
    en Подборка вдохновляющих сайтов Roundup #5
    en Подборка креативных демок Roundup #5


CSS


• CSS Flexbox в Bootstrap 4
en Предотвращаем прокрутку страницы при открытии модального окна
en Анимация движения модального окна по заданной траектории
en CSS менталитет
en Архитектура CSS — структура папок и файлов
en CSS Grid Level 2 — subgrid скоро появятся в Firefox
en Вариативные шрифты и нестандартные оси
en Поддержание вашего CSS in JS в чистоте

JavaScript


habr Готовимся к 2020 году: 8 трендов клиентской JavaScript-разработки, о которых нужно знать
habr Рекомендации по написанию чистого кода на JavaScript
• Что нового в Node 12
en Как управлять музыкой с помощью PS4 DualShock и JavaScript
en Включение современного JavaScript на npm
en video JavaScript: опровержение SEO мифов
en video JAVASCRIPT SEO МЕРТВО! Что теперь?

  • Теория:
    en Массивы в JavaScript: From [0] to [ ‘H’, ‘E’, ‘R’, ‘O’ ]
    en Волшебные, мистические трансдьюсеры в JavaScript

  • React React:
    en Создание анимации с использованием React Spring
    en Топ 5 навыков для изучения для junior JavaScript developer
    en Как я сделал свое приложение на React в 4 раза быстрее.
    en В чем смысл React hooks?
    en Кэшируйте React event listeners для повышения производительности.

  • Angular Angular:
    • Angular 8
    en Angular & RxJS: Глубокое погружение в Async Pipe
    en Путешествие в Angular анимацию
    en Под капотом Angular CLI — демистификация билдеров
    en Angular: путешествие одного из самых популярных фронтенд-инструментов на сегодняшнем рынке труда

  • Vue VueJS:
    en Tutorial: Как сделать анимированный интерактивный слайдер на Vue.js
    en Подводные камни Vue.js. Распространенные фиксы для основных проблем
    en Построение динамической древовидной диаграммы с помощью SVG и Vue.js

  • Ember:
    en podcast Подкаст „Crash Log“: Product Hunt launch, speed vs. quality, integrations
    en podcast Подкаст „EmberMap“, Ep. 64 — Open source isn't free
    en React Response Hot Loading


Браузеры


habr Mozilla назвала «вредным» предложение Google о распространении веб-пакетов с цифровой подписью
• Релиз Chrome 75
• Mozilla планирует запустить платный сервис Firefox Premium
en Новая функция Firefox Dev Tools, подcказывающая, почему CSS свойство не несет никакого эффекта

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


• «Сейчас произойдёт музыкальная революция»: история запуска iTunes и причины закрытия сервиса
• Вычислительная Фотография. Будущее фотографии — это код
• 19 отличных бесплатных нейросетей
• Вопросы морали и права: готово ли общество доверить себя искусственному интеллекту
• Бывший техдиректор NPM развивает распределённый репозиторий пакетов Entropic


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



Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Источник: https://habr.com/ru/post/455453/


Интересные статьи

Интересные статьи

В новом дайджесте проверка иконки сплеша, история одного рефакторинга и одного “однорукого” интерфейса, стандарты code review и обновление Firebase, сетевое мышление, Kotlin Developer Nan...
Доклад посвящен практическим вопросам разработки оператора в Kubernetes, проектированию его архитектуры и основных принципов функционирования. В первой части доклада рассмотрим: ...
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Системные администраторы всего мира, поздравляем вас с профессиональным праздником! У нас системных администраторов не осталось (ну почти). Однако предание о них еще свежо. В честь праздника м...
В этом дайджесте рефакторинг, UI, UX и анимации, возвращение триала в App Store, Kotlin как “прорыв года”, хакатоны для развития команды, скрытые игровые механики и заработки FaceApp. ...