Дайджест свежих материалов из мира фронтенда за последнюю неделю №345 (24 — 30 декабря 2018)

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

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

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №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

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

• Рисуем нарядные новогодние ёлочки символами ASCII (и не только)
• История проекта Dragonfly: как Google на Китай ходила
• Самые бесполезные инновации 2018 года — список Inc.
• Турбулентность в ИТ: с какими проблемами столкнулись технологические лидеры в 2018 году
• TechCrunch назвал лучшие и худшие гаджеты 2018 года

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

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