Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Веб-разработка |
CSS |
Javascript |
Занимательное |
Веб Разработка
- Июньские новинки мира веб-стандартов
Визуальное регрессионное тестирование (как быстро продвигаться в разработке и ничего не ломать)
Валидация форм, Часть 1: Проверка ограничений в HTML, Часть 2: API проверки достоверности (JavaScript), Часть 3: Validity State API Polyfill, Part 4: Валидация формы подписки MailChimp
- Медиа:
- Подкаст Веб-стандарты, Выпуск №74: Разнообразие браузеров, HTML для людей, PE и GD в Шортах, гриды с фолбэком, фокус с клавиатуры, трюки со шрифтами, рефакторинг и ответственность, Uber в браузере, фича из CS в ES.
- Подкаст Frontend Weekend, FW #9 – Как стать крутым разработчиком без профильного образования
- Подкаст «Пятиминутка React», #23 — webpack 3.0.0, pnpm 1.0, TypeScript 2.4
Прогрессивная деградация — HTML Шорты
Запись стрима Юрия Артюха ALL YOUR HTML #5: Sexy Fragment Shader and throttle-debounce
Полная компиляция видео с React Amsterdam 2017 + бонус
- Инструменты:
JS Foundation: Episode #0 – sonar: инструмент линтинга для веба
8 свойств CodePen, о которых вы не знаете
Полноразмерные скриншоты страниц нативными средствами браузеров
- Анимации:
GreenSock для начинающих: руководство по веб-анимации (часть 1)
Анимация органической формы с помощью SVG clipPath
- AMP/PWA:
CSS
- От бутстрапа — к CSS-гридам
- Полное руководство по Flexbox
Применение стилей для фокуса с клавиатуры
Выбираем, как структурировать наши CSS компоненты
Как определить и использовать пользовательские свойства CSS
Пять основных этапов развития CSS
Наложение шрифтов, или как переименовать шрифт в CSS
Отзывчивая типографика с помощью calc(), vw, и суперспособности Sass
reproCSS — CSS репроцессор, использующий теги <style>. Подборка демок с reproCSS
Всплывающие метки полей при наборе текста с помощью :placeholder-shown
JavaScripts
ArrayBuffer и SharedArrayBuffer в JavaScript, часть 2: знакомство с новыми объектами языка
JavaScript: многоликие функции
JavaScript: The Fun Parts
TC39, ECMAScript и будущее JavaScript
Назад к основам: что такое коллбэки в JavaScript?
Тестирование JavaScript: от 0 до 80% покрытия кода
Reddit: почему мы выбрали Typescript
Браузерная загрузка модулей — можем ли мы уже остановить бандлинг?
Разработка Javascript без ‘this’
esprint — быстрый загрузчик eslint от Pinterest
Подборка хороших вопросов для собеседования JavaScript разработчика
Прилипающие заголовки от Remy Sharp: часть 1, часть 2, часть 3
- Фреймворки:
Что будет если скрестить React и Angular?
Бешеные псы: Angular 2 vs React: доклад Евгения Гусева и Ильи Таратухина
Angular vs. React: что лучше для веб-разработки?
Использование компонентов AngularJS в React
Миграция с Angular на VueJS
- Vue:
- Vue.js наступает на пятки React и Angular
- Создание веб-приложений в режиме реального времени с использованием Vue.js 2 и Firebase.
Впечатления после Vue Conf 2017
Что мы узнали на at VueConf
Интеграция TypeScript в ваш проект на Vue
Vue.js devtools — новое расширение к Firefox
vetur — инструментарий Vue для VSCode
- React:
Создание React VR-приложения, работающего в реальном времени
Новый раздел в React Docs о доступности в React
React Native UI Kitten — мобильный фреймворк с легко кастомизируемыми компонентами
Принцип единой ответственности компонентов: объектно-ориентированный дизайн в React, — свежий выпуск Front End Center
- Angular:
Почему Angular 2/4 опоздал
Почему я не люблю Angular 2 (и 4)
Мощь селекторов в Angular
Angular 4 и тестирование: angular/cli + gitlab-ci + ng test + PhantomJS + TDD.
- Libs & Plugins:
Почему я переключаюсь с React на Cycle.js
Stickybits: альтернатива полифиллу к `position: sticky`
share-this: шаринг текста в стиле Medium
Занимательное
- Более половины npm-пакетов могли быть скомпрометированы из-за ненадёжных паролей доступа
- ЕС оштрафовал Google на €2,42 млрд за нарушение антимонопольного законодательства
- В Microsoft похвастались тем, что их искусственный интеллект лишил работы специалиста по данным
- Новый редактор Gutenberg для WordPress стал доступен для тестирования в виде плагина
- Mozilla развивает концепцию Web of Things
- Petya, NotPetya или Petna? Все, что нужно знать о новой эпидемии
- Очень темные дела. Материал на ленте о даркнете
- Один в поле воин! Как блогер Uber победил
- «Как Касперский звук свиньи придумал»
- Разработка проекта vs разработка продукта — в чем разница
- Почему прокрастинаторы прокрастинируют
- Из-за чего наступит закат Google
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Поделиться с друзьями
Nekto_Habr
Залип на часы. Редкого качества подача материала!