Фронтенд-дайджест №345 (24 — 30 декабря 2018)

Приветствуем вас в последнем дайджесте 2018 года. Ну, а в новом году хочется пожелать поменьше новых фреймворков и побольше стабильности нашему фронтенду.

Медиа

• Подкаст «Веб-стандарты», Выпуск №153: Сообщество в Астане, YouTube против Edge, Android и PWA, картинки, офлайн и сервис-воркеры, про CSS прямо из спеки, фулстек как единорог
• Подкаст «Пятиминутка Angular» #14 - More groups and channels, Optimisation, StackBlitz, RxJS puzzle, NGX
• Подкаст «Frontend Weekend» #85 – Дмитрий Махнев о работе в Одноклассниках и нюансах подготовки конференций
• Подкаст «Фронтенд Юность (18+)» Новогодний стрим Фронтенд Юности
• Подкаст «CSSSR», Новости 512 — Новогодний спецвыпуск
• "ALL YOUR HTML" #s2e3: "Снежинки, canvas-sketch"

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

• Фронтенд-2018: итоги года

• Вопросы кандидату на должность front-end разработчика

• WebP сегодня: зачем и как?

• Создаём оффлайн-страницу для своего сайта

• Комплексный взгляд на фронтенд в 2018 году

• Создаем сайт как в 1998 году

• Создаем сайт как в 2018 году

• Понимание Virtual DOM

• Производительность:

  • Начало работы с веб-производительностью: руководство для новичков 2019
  • Улучшение воспринимаемой производительности вашего веб-приложения
  • Градиентные плейсхолдеры для изображений

• PWA:

  • Создание PWA всего за 10 минут
  • Siri Shortcuts для создания значков PWA и Web App Manifest
  • Мой список пожеланий для прогрессивных веб-приложений в 2019 году
  • Заменят ли PWAs нативные мобильные приложения?

• Tools:

  • Fiddly - Создавайте красивые и простые HTML-страницы из ваших Readme.md файлов
  • Webpack: от 0 до автоматического тестирования

• Анимация:

  • Трехмерные презентации товаров на THREE.js для самых маленьких
  • Подборка крутых демок за 2018

CSS

• Grid Layout как основа современной раскладки
• Анимация подчёркивания ссылок на чистом CSS
• Начальная реализация clip-path: path ();
• Как создать галерею изображений с помощью with CSS Grid
• Градиентные бордеры в CSS
• Типичные проблемы CSS для фронтенд-проектов

JavaScript

• 19 идей для Node.js-разработчиков, которые стремятся вырасти над собой в 2019 году

• Принципы функционального программирования в JavaScript

• JS итоги 2018 и прогнозы на будущее

• Укрощение данных с помощью JavaScript

• Как выполнить веб-скраппинг с помощью Node.js

• Разбираемся с Throttling и Debouncing

• React:

  • Конечные React Компоненты
  • React Hooks: что будет с моими тестами?
  • Как кастомизировать сторонние компоненты в React
  • Пересмотр тестирования в React в 2019
  • Вопросы для собеседования по React/Redux
  • Управление веб-аудио с помощью React и Redux Middleware

• Angular:

  • Статистика русскоязычного сообщества Angular за 2018
  • Как мы обновили веб-сайт с полмиллиардом пользователей в год до Angular 7 менее чем за день
  • Развлекаемся с миксинами в Angular
  • Quicklink - новая cтратегия предзагрузки Angular
  • Умная страница 404 в Angular

• VueJS:

  • Как я работаю со Vue в 2019 году: TypeScript и TSX
  • Как создать приложение BookSearch, используя Vue.js и ElasticSearch

• Libs & Plugins:

  • Shortcuts JS - создание Apple Shortcuts с помощью JavaScript
  • Magic Grid - простая и легкая Javascript библиотека для динамических грид-лейаутов
  • netlify-shortener - Ваш собственный бесплатный сокращатель URL с Netlify
  • node-security - Самый простой способ контролировать доступ к модулям npm

Браузеры

• Доступен Librefox, вариант Firefox с изменениями для приватности и безопасности
• Xiaomi выпустила Mint Browser – браузер для Android с ночным режимом, синхронизацией закладок и без рекламы
• Microsoft сравнила эффективность браузеров в Windows 10 October 2018 Update
• В Firefox 66 появится кнопка для поиска вкладок
• Как добавить пользовательские стили в Firefox