Дайджест свежих материалов из мира фронтенда за последнюю неделю №350 (28 января — 3 февраля 2019)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
•
•
•
•
•
Веб-разработка
• Как писать хороший и понятный код
• HTML, CSS и исчезающие точки входа в индустрию
• Руководство по GraphQL для начинающих
• CSS и JS в состоянии войны: как это остановить
•
•
•
•
-
Производительность:
•Оптимизация скорости страницы: метрики, инструменты и способы улучшения
•Улучшение производительности веб-шрифтов на примерах
-
Инструменты:
•tris-webpack-boilerplate — webpack-бойлерплейт для создания для статических сайтов, в котором есть все необходимые современные инструменты и встроенные средства оптимизации.
•11 JavaScript расширений для Visual Studio Code
•Что нового в DevTools (Chrome 73)
•Новое в Firefox DevTools 65
-
Accessibility:
•Использование искусственного интеллекта для создания альтернативного текста на изображениях
•Инструменты и стратегии для разработки доступных веб-приложений
•Как ты используешь элемент figure?
-
Анимация:
•Деконструкция Taotajima.jp WebGL
•Создание волновых анимаций на Three.js
•Кастомные эффекты для курсора
CSS
• Как на самом деле работает position: sticky в CSS
•
•
•
•
-
Codepen demo:
• CSS WordArt
• CSS Grid: Excel Spreadsheet
• CSS Animation: Marauder's Map
JavaScript
•
•
•
• Что нового в JavaScript 2019
•
•
•
•
•
-
Теория:
•JavaScript: Публичные и приватные поля классов
•Как освоить синтаксис async/await: реальный пример
• Как работать с async/await в циклах JavaScript
• Краткая история асинхронных возможностей Javascript
•Погружаемся еще глубже в объекты JavaScripts. Пристальный взгляд на дескрипторы объектов JavaScript
-
VueJS:
•7 проблем, которые вы можете избежать, используя Nuxt.js для вашего следующего приложения на Vue
•Оптимизация производительности приложения Vue.js: часть 1 — Введение в оптимизацию производительности и отложенную загрузку.
•Освоение Computed Properties в VueJS
•Как создать простой мониторинг социальных сетей на NodeJS, GraphQL и Vue
•Использование Vue.js для создания интерактивной панели погоды с API
•Что Vue 3.0 означает для веб-разработки?
-
React:
•(Новые) методы жизненного цикла React на простом доступном языке
•React as a UI Runtime, свежий пост в блоге Дена Абрамова
•Создание прогрессивных веб-приложений с помощью React. Часть 1
•addimated — interruptible декларативная библиотека анимации для React.
•React Custom Scroll 4.0 — маленький кастомизируемый компонент для создания кастомного скролла
•5 способов анимировать ReactJs-приложения в 2019 году.
•Почему Gatsby такой быстрый
-
Angular:
•Знакомство с NG-VDOM: новый способ написания приложений на Angular
•Создайте готовый к продакшену PWA с Angular и Firebase
•Angular 7|6 Tutorial: Создание и отправка форм
•Angular DI: знакомство с Ivy NodeInjector
-
Libs & Plugins:
•flexsearch — Библиотека полнотекстового поиска по тексту в браузерах и Node.js
•readability.js — отдельная версия библиотеки, используемой для режима читателя в Firefox
•webaudio-synth: Web Audio API полифонический синтезатор
Браузеры
•
• Релиз Firefox 65, а также детали для веб-разработчиков в блоге Марата Таналина
• WebRender для видеокарт AMD/Intel и защита от MITM-атак в Firefox
• Mozilla представила ещё один мобильный браузер
• Пользователи пожаловались на проблемы с сертификатами после установки Firefox 65
• Что станет с блокировщиками рекламы после обновления API Chromium: мнения «Яндекс.Браузера», AdGuard и Adblock Plus
Занимательное
• Ответы на самые популярные вопросы про Gutenberg
• Полное отключение Google+ для обычных пользователей запланировано на 2 апреля, компания предупреждает о полном удалении данных
• JavaScript обогнал Java в рейтинге предпочтений разработчиков HackerRank
• Как виртуальная торговля игровыми артефактами может повлиять на реальную жизнь
• Что такое квантовый компьютер и как он работает
• Состояние искусственного интеллекта в 2019 году
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.