Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
•
•
•
Веб-разработка
• Google полностью отказался от схемы ajax сканирования
•
•
•
•
-
Tools:
•GitHub анонсировал собственный CI/CD и начал раздавать инвайты
• Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1)
•Typekit теперь Adobe Fonts
-
Анимация:
•Как работает Facebook 3D Photos
•Эффект наведения в виде полноэкранных зацикленных изображений
•SVG Marching Ants — эффект бегущих по границе точек
• Эксперименты с SVG Menu с viewBox Zoom
CSS
•
•
• Свойство appearance и стандартизация стилей элементов форм: новая надежда
•
•
•
•
•
JavaScript
•
• Джон Мюллер советует оптимизаторам учить JavaScript
• 0-day баг в популярном jQuery плагине эксплуатировали как минимум несколько лет
•
•
•
-
Теория:
•Таймеры JavaScript: все что нужно знать
•Полное руководство по контекстам выполнения, всплытию, областям видимости и замыканиям в JavaScript
•Шпаргалка по промисам и async/await
•Понимание каррирования в JS
•Понимание паттернов проектирования в JavaScript
-
VueJS:
•Как изучать Vue.js в 2018
•Экосистема Vue растет… Точно так же, как это было с React
•Продвинутая отладка Vue: детективная история
•gridsome — Vue-фреймворк для статических сайтов на Vue.js & GraphQL
•Как сделать импорт Sass файла в любой компонент Vue приложения
•Lazy Loading Images с директивами Vue.js и Intersection Observer
•Kanban доска на Vue.js: добавление функции PWA
-
React:
•Архитектура Redux. Да или нет?
• Как стать React разработчиком в 2018 году
•Собеседование на позицию разработчика React с точки зрения рекрутера
•Финальный релиз styled-components v4
•Styled components V4: хорошее, плохое, и что-то совсем другое
•Как применять принципы SOLID в приложения на React
•Создание 100% типобезопасного React приложения на ванильном JavaScript
•Профилирование React компонентов с User Timing API
•React Podcast 25: Make Brilliant Messes with Diana Mounter and Emily Plummer
-
Angular:
• Вышло обновление платформы Angular до версии 7.0
•Angular версии 7 — CLI Prompts, Virtual Scroll, Drag and Drop и многое другое
•Желаете изучить Angular? Вот бесплатный курс Dan Wahlin, состоящий из 33-х частей
•Создание оптимизированного для поисковых движков PWA на Angular — Part 2
•Основные выводы после AngularMix 2018
•Все про Angular Bindings
•Профессиональная публикация Angular библиотек
•Как мигрировать с angular 6 на 7
•Virtual Scroll с Angular CDK — что нового в v7
-
Libs & Plugins:
•5 опенсорсных HTML5 видеоплееров для 2018
•omi: веб-фреймворк нового поколения всего в 4kb JavaScript (Веб компоненты + JSX + Proxy + Store + обновление путей)
•Tea-School.js — генерация PDF файла из HTML/CSS в Node.js
•Colorblindly — инструмент доступности, помогающий разработчикам понять, как видят их сайт дальтоники
Браузеры
•
• Вышел Chrome 70 с возможностью отключения пресловутой функции автоматической авторизации и поддержкой приложений PWA на Windows
• Модернизация TLS-подключений в Microsoft Edge и Internet Explorer 11
• Firefox, Chrome, Edge и Safari прекратят поддержку TLS 1.0 и TLS 1.1
• Mozilla экспериментирует с добавлением платного VPN в Firefox
• Признаки «Оперы». Йон фон Течнер об идеологии браузера Vivaldi
Занимательное
• Twenty Nineteen: первый взгляд на новую дефолтную тему в WordPress
• Atlassian выпустила полностью переработанный Jira Software
• Google добавила в Gmail интеграцию некоторых функций сервисов Dropbox, Box, Jira и Egnyte
• Adobe Max 2018 и новые инструменты дизайна
• «Грязное бельишко Google+»: исповедь бывшего сотрудника проекта, который возненавидел Google
• Новый Winamp будет представлен в 2019 году
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.