https://habr.com/post/432598/

• CSS
• HTML
• JavaScript
• Разработка веб-сайтов

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

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

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №150: Edge теперь Chrome, Flutter для веба, доступность.
• Подкаст «Frontend Weekend» #82 – Максим Сальников о том, как переехать в Осло и стать Google Developer Expert'ом
• Девшахта — подкаст: 60: Цена абстракции
• Подкаст «Фронтенд Юность (18+)» #74 Китайская трёшка
• Видеоблог Вадима Макеева: 12. Как вставить двадцать видео с Ютуба и не скачать слона
• Подкаст «My JavaScript Story»: 088: Nicholas Zakas

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

• Вышел релиз WordPress 5.0 (c Gutenberg на React), закладывающий фундамент новой платформы
• Прогрессивные веб-приложения: примеры и варианты использования PWA
• Введение в Background Fetch
• Руководство по HTML Canvas API
• Защищаем сайт, как-будто сейчас 1999-й
• Going Offline First (Серия видео)
• Почему вы должны использовать GatsbyJS для создания статических сайтов
• Отзывчивые изображения с помощью SVG вместо Srcset
• Интерактивный эффект отталкивания с помощью Three.js

• Инструменты:
  • 16 советов и трюков по DevTools, которые должен знать каждый разработчик CSS
  • screenshoteer: делай скриншоты и эмуляции мобильных устройств прямо из командной строки
  • Инструменты для CI мониторинга для фронтенда
  

• Accessibility:
  • Разработка доступных интерфейсов
  • “D” в DOM
  • Доступные SVG иконки с инлайновыми спрайтами
  • Что можно вынести из ситуации с доступностью в Gutenberg?
  • Инвалидность — это спектр, а не бинарное значение
  • Руководство по доступности веб контента 2.1 — для тех, кто не читал обновления
  • Accessibility at a Glance — серия коротких видео от разработчиков из Microsoft, посвящённая изучению доступности
  

Браузеры

• Microsoft официально подтвердила, что Edge переходит на движок Chromium
• Разнообразие браузеров начинается с нас
• Релиз web-браузера Chrome 71
• Глава Mozilla раскритиковал переход Microsoft на Chromium
• Qualcomm вместе с Mozilla работают над браузером Firefox для платформы Windows на ARM

CSS

• Безболезненный линтинг CSS с помощью stylelint
• Заполняем пробел между CSS и JavaScript: CSS модули, PostCSS и будущее CSS
• Диаграмма Венна на CSS
• Создание переключателей с помощью переменных CSS
• Программирование на CSS
• Как ты именуешь переменные для цвета?
• Подборка креативных теней для текста на CSS с CodePen

JavaScript

• Imba: JavaScript-совместимый язык для быстрой работы с DOM
• Малоизвестные возможности JavaScript
• Этот год в JavaScript: обзор 2018 и npm-предсказания на 2019-й
• Следует ли специалистам, связанным с Data Science, изучать JavaScript?
• Немутабельные веб приложения

• Релизы:
  • Microsoft реализовала IntelliCode для TypeScript/JavaScript и C++
  • Google анонсировала Flutter 1.0, первую стабильную версию фреймворка на Dart
  • Релиз Babel 7.2.0: приватные методы экземпляра
  • Что нового в Typescript 3.2?
  • Релиз react-redux 6.0.0
  

• Теория:
  • О композиции функций в JavaScript
  • Руководство по обработке ошибок в JavaScript
  • Почему вам НАДО отписываться от Observable?
  • Возможно, вы не знаете JS: идеи из Библии JavaScript
  • Прощайте Transform-Streams, да здравствуют асинхронные генераторы ES9
  

• Node:
  • Как защитить ваше приложение на Node.js от вредоносных зависимостей
  • Как использовать TypeScript для создания Node API с Express
  

• VueJS:
  • VueJS: Аргументы «за», Аргументы «против». Новые видео от Ильи Климова на канале JavaScript.Ninja
  • «Тестируем настоящее Vue приложение», — доклад Никиты Соболева с Krasnodar Dev Days о том, как тестировать легко и быстро
  • eslint-plugin-vue — официальный ESLint плагин для Vue.js
  • Разработка на Vue в 2019: что вам нужно знать
  • Как создать приложение на Vue.js с помощью Single-File Components, без CLI.
  

• React:
  • Создание анимированных приложений на React с помощью React Spring
  • Еще 10 вещей, о которых вы не знали о Create React App
  • Советы и трюки для вашего React-Redux приложения
  • Как React отличает класс от функции?
  • Компоновка компонентов в React с использованием Context API
  • React Podcast — 31: Hooks are Mixins with Ryan Florence
  

• Angular:
  • Оптимизация Angular-приложений
  • Как начать работать с Angular на Windows
  • Мета-программирование, компоненты высокого уровня и примеси с Angular Ivy
  • Angular Console: что это и почему она ценна для вас?
  • Прогрессивные веб приложения с Angular: часть 2 — ленивая загрузка
  

• Libs & Plugins:
  • sharp — высокопроизводительный процессинг изображений на Node.js
  • 6 JavaScript-библиотек для аутентификации пользователей на 2019 год
  • ForgJs легкий валидатор объектов в javascript
  • Как наполнить базу тысячами пользователей, используя Knex.js и Faker.js
  

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

• Как 8-летний мальчик стал самым высокооплачиваемым ютубером 2018 года
• HackerOne представила «песочницы» для отработки хакерских навыков
• Китайская дилемма Google: история разработки поисковика Dragonfly и протесты против «угрозы свободному интернету»
• Официально: Google закроет мессенджер Allo в марте 2019 года и сосредоточится на развитии Messages, Duo и Hangouts для бизнеса
• Google персонализирует выдачу даже в инкогнито-режиме — исследование DuckDuckGo
• Состояние UX в 2019


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

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