Дайджест свежих материалов из мира фронтенда за последнюю неделю №303 (19 — 25 февраля 2018)26.02.2018 01:33

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

Медиа

• Подкаст «radiojs» Выпуск 51: MiniBeerJS с Сергеем Рубановым и Григорием Шехет
• Подкаст «Frontend Weekend» #41 — Виталий Харисов о создании симферопольского офиса и разработке Яндекса на Украине
• Подкаст «devschacht»: Ночной фронтенд #23 — SPb Frontend Meetup: Космос, Jenkins и проблемы TCP
• «ALL YOUR HTML» #37: «Земля, координаты, кватернионы, Лида»
• Видео с OdessaFrontend Meetup #5

Веб-разработка

• Уязвимости вашего приложения
• Рынок зарплат фронтенд-разработчиков
• Руководство для прохождения интервью по фронтенду
• Состояние SEO в 2018
• Подготовьте свой набор навыков к интервью на веб-разработчика — часть 1
• Создание идеального отзывчивого конфигуратора
• Вещи, о которых нужно знать для работы с SVG в VS Code
• Progressive Web Apps приходят на все платформы Chrome
• Progressive Web Apps (PWA) могуть быть отличным уравновешивателем для Microsoft, Google и Apple
• Измеряем влияние третьесторонних ресурсов на производительность с помощью WebPageTest

• Инструменты:
  • Освоение Chrome Developer Tools: техники нового уровня в разработке front end
  • Состоялся релиз Webpack 4.0.0: Legato. До 98% быстрее время сборки, sideEffects, First Class WebAssembly support, #0CJS — mode, auto-common-chunking и многое другое
  • Релиз npm v5.7.0. Имейте в виду: Критическая проблема в NPM 5.7, приводящая к смене прав доступа на системные каталоги
  • Как ускорить сборку CI с помощью нового NPM CI и package-lock.json
  • Онлайн-генератор CSS градиантов с помощью GradPad
  • kuker — расширение браузера для отладки приложений на React, Angular, Vue & Vuex, Redux, redux-sage, HTML, Stent, Machina.js, MobX
  

• Accessibility:
  • Стали доступны видео с январского London Accessibility Meetup
  • Таблицы, свойства CSS Display и ARIA
  • Тесты совместимости инструментов для работы с доступностью
  

• Эффектный веб:
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #71
  • Создание эластичного Range Input с помощью SVG и anime.js
  • Моделирование жидкостей с объемным освещением
  • Потрясающие эффекты наведения с помощью CSS переменных
  • Создание анимированного SVG-аватара для формы логина c помощью триганометрии и GSAP
  • Креативный слайдер с анимацией фрагментов, содержащихся в нем
  

CSS

• Медиа-запросы в адаптивном дизайне 2018
• Сатирические зарисовки на тему CSS, или Cюрпризы фронтенд-разработки
• Как использовать свойство order во флексбоксах, не вызывая хаоса
• Вёрстка «Battle city» на гридах
• Разработка новой типографики с помощью для фронтенда GOV.UK
• Изучение CSS переменных за 5 минут
• Стилизация пустых ячеек с помощью генерируемого контента и CSS Grid Layout
• Пересмотр схлопывания Margin
• Хотите изучить CSS переменные? Вот мой бесплатный курс из 8-ми частей
• Понимание веб-шрифтов и получение максимальной отдачи от них

JavaScript

• [в закладки] Инструменты для тестирования JavaScript-проектов
• Jake Archibald: все что я знаю про Event Loop в JavaScript (2018)
• Как работать с JavaScript в 2018
• Ландшафт изучения JavaScript в 2018
• This.JavaScript — состояние актуальных фреймворков и библиотек в JavaScript
• Руководство для новичков по GreenSock Animation Platform
• Настройка проекта с ES6 javascript с помощью webpack и babel
• Обнаружить и отрефакторить copy-paste код JavaScript

• Теория:
  • Актуальные и потенциальные свойства ECMAScript 2019 в блоге Axel Rauschmayer
  • Exploring ES2018 and ES2019. Бесплатная онлайн-версия книги Dr. Axel Rauschmayer
  • Элегантные шаблоны в современном JavaScript: RORO
  

• VueJS:
  • Начинаем работать с TDD и Vue.js
  • Vue Enterprise Boilerplate — постоянно развивающаяся архитектура и окружение для разработки новых проектов Vue SPA с использованием Vue CLI 3
  • VueJS Talks Digest Q4 2017 — последние записи с митапов по VueJS
  • Действительно нативные приложения с помощью Vue.js и NativeScript
  • Single Page Apps с помощью Vue.js и Flask: State Management с Vuex
  

• React:
  • Новый шаблон state reducer
  • Что такое Redux и зачем он нужен
  • Объединение вместе экосистем React и D3
  

• Angular:
  • Почему я переключаюсь с Angular на React и Redux в 2018
  • Демистификация принципа инверсии зависимостей в Angular
  • Подробная шпаргалка по Angular + Prettier
  

Браузеры

• Chrome 68 будет помечать все сайты HTTP как «небезопасные»
• Мобильный браузер Google Chrome начал автоматически обрезать «трекинговые» окончания URL, которыми пользователь делится с помощью меню Share
• Представлена бета-версия Opera 52 с ускоренным блокировщиком рекламы
• 6 популярных headless браузеров для веб-тестирования
• Заметки к релизу для Safari Technology Preview 50

Занимательное

• GitHub прекратил поддержку ненадёжных методов шифрования
• Эмодзи, описания, превью: GitHub получил обновлённые лейблы
• Microsoft поделилась мыслями о развитии технологий смешанной реальности
• 10 прорывных технологий 2018 года по версии MIT Technology Review
• Эксперты Google сообщили, что один из свежих патчей для Windows 10 неэффективен
• 13 самых странных криптовалют, которые реально существуют
• Microsoft и Xiaomi cтали партнёрами в работе над технологией искусственного интеллекта и смартфонами
• Gmail обзавёлся продвинутой аналитикой

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

© Habrahabr.ru