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

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

• Гайд по вакансиям в Веб Разработке
• Подкаст Веб-стандарты, Выпуск №42: Safari TP17, WOFF2, доступность, Fetch не торт, результаты 10K Apart, травим мобильных пользователей, людоедский фронтенд и JS-in-JS.
• Подкаст radiojs, Выпуск 42: Ответ на главный вопрос жизни, вселенной и «зачем нужен Angular 2, новости TypeScript и Yarn
• 7 фишек, которых не хватает вашему сайту
• DIV официально разрешён внутри DL
• Frontend WhiteList — список полезных и интересных авторских статей, переводов, докладов и ресурсов на русском языке для разработчиков интерфейсов.
• Некоторые тонкости использования Service Workers
• Набор хороших расширений Atom для веб-разработчика
• Лучшее в Visual Studio Code: функциональности, плагины, работает как Atom и Sublime (Best of Visual Studio Code: Features, Plugins, Acting Like Atom and Sublime)
• Тренды веб-разработки на 2017-й (Web Development Trends for 2017)
• Автоматизация стандартизации JS/CSS/PHP кода (Automating your Coding Standards)
• Серия интервью „Between the Wires“: Chris Coyier (создатель CSS-Tricks и CodePen.io), Evan You (создатель vuejs.org)
• Lazy Loading Responsive Adsense Ads
• HTML 5.1 это золотой стандарт (HTML 5.1 is the gold standard)
• Производительность:
  
  • Ускорение сайтов на WordPress — исчерпывающее руководство
  • Техническая сторона Google AMP
  • Оптимизация скорости и производительности для мобильного с помощью AMP (Speed/Performance Optimisation for Mobile Web — AMP)
  • Джереми Кейт о проблеме производительности из-за насыщенности JS-ом (Jeremy Keith: Less JavaScript)

• Теория:
  
  • Борьба с усталостью от фронтенда (Not An Imposter: Fighting Front-End Fatigue)
  • Код, которого я до сих пор стыжусь (The code I’m still ashamed of)
  • Анатомия статического сайта (Anatomy of a Static Site)

• Анимация:
  
  • Создание эффектной страницы с прогнозом погоды, использующей графики на SVG и интерактивную информационную панель
  • Еще один урок по созданию эффекта отрисовки линий в SVG
  • Урок по созданию анимированного эффекта „невидимой ручки“ с помощью SVG
  • Как создать игру Coloron с помощью SVG анимаций
  • Создание динамической анимированной сетки с соединенными точками с помощью HTML5 Canvas

CSS

• Математика CSS-шлюзов
• Грид, флексбокс и выравнивание блоков: наша новая система раскладки
• Тяжелые CSS свойства, которые заставляют ваш браузер тормозить
• 100% правильный способ делать адаптивные брейкпоинты в CSS (The 100% correct way to do CSS breakpoints)
• Я совсем забыл о стилях для печати (I totally forgot about print style sheets)
• Грядущая революция в верстке шаблонов писем (The Coming Revolution in Email Design)
• Адаптивное многоуровнего меню с вызовом по click/tap, созданное без использования javascript/jQuery
• Разметка страницы, созданная на чистых CSS переменных (Layout powered by CSS variables)
• Блочное форматирование контекста в CSS (Block Formatting Contexts in CSS)
• Bootstrap 4: Regular Grid VS Flexbox Grid
• Как писать атомарный CSS с помощью Sass в Angular2
• 15kb CSS — это все, что️вам понадобится (15kb of CSS is all you’ll ever need )
• Simple CSS Units — онлайн инструмент, упрощающий работу с единицами в CSS. Введите вашу основную единицу и увидите остальные варианты
• Нахождение неиспользуемого CSS-кода с помощью CSS Coverage в DevTools
• Введение в CSS в JS с DIO (An Intro to CSS in JS with DIO)

JavaScript

• Изучаем ванильный JS: часть 1, часть 2 (Exploring Vanilla JS)
• Функциональное программирование в JS с практическими примерами: часть 1, часть 2 (Functional Programming In JS — With Practical Examples)
• Jāas: JavaScript как сервис
• Какая разница между Meteor и Electron? (What’s the Difference between Meteor and Electron?)
• Проекты иногда могут быть наихудшим путем изучения JavaScript (Projects Can Sometimes Be the Worst Way to Learn JavaScript)
• Книги по JavaScript от Dr. Axel Rauschmayer доступны бесплатно (JavaScript books by Dr. Axel Rauschmayer)
• Увлекательное функциональное программирование с фреймворком Choo (Fun Functional Programming with the Choo Framework)
• Next.Js — серьёзная новинка в JavaScript? (Next.Js — Is it the next big thing in JavaScript?)
• Выбираем Ember вместо React в 2016-м (Choosing Ember over React in 2016)
• Введение в Monkey Testing с помощью Gremlins.js
• splittable — модульный бандлер, поддерживающий объединение кода, ES6 и модули CommonJS
• Теория:
  
  • Простое введение в деструктурирование JavaScript объектов (A Dead Simple intro to Destructuring JavaScript Objects)
  • Введение в Lenses в JavaScript (An Introduction Into Lenses In JavaScript)
  • JavaScript — Observables что под капотом (JavaScript — Observables Under The Hood)
  • for..in vs for..of Loops
  • Как работают js модули — из прошлого до настоящего (How javascript modules work – from past to present)
  • Как выиграть в бенчмарках веб-фреймворков (How to win in Web Framework Benchmarks)

• Практика:
  
  • Как создать мульти-клиентский чат на WebSocket-ах используя Ionic и Node.JS (How to Build a WebSocket Multi-Client Chat using Ionic and Node.JS)
  • Создание Angular 2 приложения с авторизацией за 10 минут (Build an Angular 2 Application with User Authentication in 10 Minutes)
  • Создание регистратора погоды с помощью JavaScript и Arduino

• ES6:
  
  • Двусторонний binding данных с ECMAScript-2015 без Proxy
  • Обзор возможностей JavaScript 2015 (A Rundown of JavaScript 2015 features)
  • ES6 клевый, но используйте его с осторожностью (ES6 is great, but use it cautiously)
  • 4 новых метода для сток в ES6, о которых вы должны знать (4 New String Methods in ES6 that you should know)
  • Вам могут не понадобиться промисы (You Might Not Need Promises)

• Angular:
  
  • Релиз Angular 2.2.0 (Angular 2.2.0 Now Available)
  • Angular 3, так скоро? (Angular 3, so soon?)
  • Создание веб- и нативных приложений с Angular 2 с помощью общего кода (Building Angular 2 Web and Native Apps from a Single Codebase)

• React:
  
  • React.js на русском языке: Часть первая, Часть вторая
  • Руководство для чайников по Redux и Thunk в React (A Dummy’s Guide to Redux and Thunk in React)
  • Blueprint — инструментарий React UI toolkit для веба
  • React.js компоненты для модульных диаграм и визуализаций данных (React.js components formodular charting and data visualization)

• Vue:
  
  • Простой урок по Vue.js: динамические компоненты (Vue.js Simple Tuts: Dynamic Components)
  • Создание клона HackerNews с помощью Vue 2.0, vue-router и vuex с рендерингом на сервере
  • Element, A Desktop UI Library — библиотека компонентов, основанная на Vue 2.0

• Плагины:
  
  • 8 JS библиотек для визуализации интерактивных карт
  • Введение to mo.js
  • Huebee — библиотека, позволяющая пользователю сайта манипулировать его цветами
  • AsciiMorph — небольшая независимая библиотека для рендера ascii art и создания элементов, которые могут трансформироваться
  • Tabulator — мощный JQuery плагин для работы с динамическими таблицами

Браузеры

• Релиз Firefox 50, подробности для веб-разработчиков в блоге Марата Таналина
• Mozilla Firefox стал гораздо быстрее загружаться
• Mozilla представила iOS-браузер Focus, ориентированный на приватность и защиту
• Opera сократила 85 человек из-за падения выручки от b2b-бизнеса
• Microsoft Edge и IE11 будут блокировать веб-сайты с сертификатом SHA-1
• Как создать веб-браузер, часть 1: спецификации

Новости и занимательное

• Компания Microsoft получила статус платинового участника Linux Foundation
• Восемь потрясающих игр с искусственным интеллектом от компании Google
• Какой язык программирования лучше учить первым и почему
• ICQ исполнилось 20 лет
• Facebook и Google очистят свои рекламные сети от сайтов фейковых новостей
• Сервис Google Earth перебрался в виртуальность
• SpaceX собирается запустить 4425 спутников для предоставления повсеместного доступа в интернет
• Автор шифровальщика обратился за помощью к эксперту в сфере информационной безопасности
• Для чего и как надёжно удалять старые файлы?
• Страница, анализирующая поведение пользователя

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

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
ссылка на оригинал статьи https://habrahabr.ru/post/315700/