Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка |
CSS |
Javascript |
Занимательное |
Веб Разработка
- Июньские новинки мира веб-стандартов
- Визуальное регрессионное тестирование (как быстро продвигаться в разработке и ничего не ломать)
- Валидация форм, Часть 1: Проверка ограничений в HTML, Часть 2: API проверки достоверности (JavaScript), Часть 3: Validity State API Polyfill, Part 4: Валидация формы подписки MailChimp
- Медиа:
- Подкаст 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:
- Я решил отключить Google AMP на своём сайте
- Любой сайт может стать PWA – но мы должны делать это лучше
- Создание m.uber: разработка высокопроизводительного веб-приложения для глобального маркета
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.
Автор: Zfort Group