Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Веб-стандарты», Выпуск №159: Три года в эфире, События, JS-разработчики для ТВ, Chrome, Safari, PWA, Safari и JS Core, CSS против JS, ES2019
•
«FrontSpot Show» #1. Дэн Абрамов — самозванец? Flow не float? И кто же он — король ништяков?
•
Подкаст «RadioJS» Выпуск 55: Node.js на бэкенде – настоящий бэкенд?
•
Подкаст «devschacht»: 68: Неудобные вопросы к GraphQL
•
Подкаст «Фронтенд Юность (18+)» #82 Как lodash изменил javascript
•
Турнир: «Лучшая веб-фича 2018» (ЧАСТЬ 1)
• Как писать хороший и понятный код
• HTML, CSS и исчезающие точки входа в индустрию
• Руководство по GraphQL для начинающих
•
CSS и JS в состоянии войны: как это остановить
•
HTML есть и всегда был целью компиляции — можем ли мы что-нибудь сделать с этим?
•
Магазин Google Play теперь открыт для Progressive Web Apps
•
“Бэкэндификация” фронтенд-разработки
•
Обзор наиболее интересных предложений для веб-платформы, связанных с веб-компонентами
• Как на самом деле работает position: sticky в CSS
•
Взгляд на CSS-переносы в 2019 году
•
Множество способов изменить SVG-заливку при наведении (и когда их использовать)
•
CSS-in-JS и статический рендеринг
•
CSSans Pro — новый цветной креативный шрифт
•
Цена композиции в Javascript-мире
•
EcmaScript 10 — JavaScript в этом году
•
Почему в основе каждого нового веб-приложения в PayPal лежит TypeScript?
• Что нового в JavaScript 2019
•
Будущий JavaScript: чего еще не хватает?
•
Статическое vs Юнит vs Интеграционное vs E2E тестирование для фронтенд-приложений
•
React vs Angular: подробное сравнение
•
Еще три способа визуализации состояния JavaScript
•
Новые релизы: TypeScript 3.3, Babel 7.3, Jest 24
•
В 2020 году Microsoft прекратит поддержку Internet Explorer 10
• Релиз Firefox 65, а также детали для веб-разработчиков в блоге Марата Таналина
• WebRender для видеокарт AMD/Intel и защита от MITM-атак в Firefox
• Mozilla представила ещё один мобильный браузер
• Пользователи пожаловались на проблемы с сертификатами после установки Firefox 65
• Что станет с блокировщиками рекламы после обновления API Chromium: мнения «Яндекс.Браузера», AdGuard и Adblock Plus
• Ответы на самые популярные вопросы про Gutenberg
• Полное отключение Google+ для обычных пользователей запланировано на 2 апреля, компания предупреждает о полном удалении данных
• JavaScript обогнал Java в рейтинге предпочтений разработчиков HackerRank
• Как виртуальная торговля игровыми артефактами может повлиять на реальную жизнь
• Что такое квантовый компьютер и как он работает
• Состояние искусственного интеллекта в 2019 году
?
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
Веб-разработка
• Как писать хороший и понятный код
• HTML, CSS и исчезающие точки входа в индустрию
• Руководство по GraphQL для начинающих
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Производительность:
•Оптимизация скорости страницы: метрики, инструменты и способы улучшения
•Улучшение производительности веб-шрифтов на примерах
- Инструменты:
•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
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Codepen demo:
• CSS WordArt
• CSS Grid: Excel Spreadsheet
• CSS Animation: Marauder's Map
JavaScript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Что нового в JavaScript 2019
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Теория:
•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 полифонический синтезатор
Браузеры
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Релиз Firefox 65, а также детали для веб-разработчиков в блоге Марата Таналина
• WebRender для видеокарт AMD/Intel и защита от MITM-атак в Firefox
• Mozilla представила ещё один мобильный браузер
• Пользователи пожаловались на проблемы с сертификатами после установки Firefox 65
• Что станет с блокировщиками рекламы после обновления API Chromium: мнения «Яндекс.Браузера», AdGuard и Adblock Plus
Занимательное
• Ответы на самые популярные вопросы про Gutenberg
• Полное отключение Google+ для обычных пользователей запланировано на 2 апреля, компания предупреждает о полном удалении данных
• JavaScript обогнал Java в рейтинге предпочтений разработчиков HackerRank
• Как виртуальная торговля игровыми артефактами может повлиять на реальную жизнь
• Что такое квантовый компьютер и как он работает
• Состояние искусственного интеллекта в 2019 году
?
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
SQReder
Спасибо за подборку!
alexzfort Автор
Всегда пожалуйста!