Дайджест свежих материалов из мира фронтенда за последнюю неделю №310 (9 — 15 апреля 2018)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/277864

Ссылки в тексте:

[1] Медиа: #media

[2] Веб-разработка: #webdev

[3] CSS: #css

[4] Javascript: #js

[5] Занимательное: #intresting

[6] №2 — Аудиозарисовки прошедших будней: https://soundcloud.com/prowebit/prowebit-2

[7] #21 — Bitbucket Pipelines: https://soundcloud.com/5minreact_audio/021-bitbucket-pipelines

[8] Ночной фронтенд #30: DUMP 2018 : https://soundcloud.com/devschacht/nightly-30

[9] #44 Как выбрать стиральную машину : https://soundcloud.com/frontend_u/e44

[10] «Волны и эффект преломления на вертекс-фрагмент шейдерах»: https://www.youtube.com/watch?v=hChWdAgJr58

[11] 8 докладов с CSSConf AU 2018 in Melbourne, Australia: https://www.youtube.com/playlist?list=PLZriQCloF6GApxBmkAcCp08VoI6mDFe2G&disable_polymer=true

[12] Противостояние W3C и WHATWG: Apple, Google, Microsoft, Mozilla возражают против DOM 4.1: https://habrahabr.ru/post/353514/

[13] Генерация страниц сайта средствами сервис-воркеров: https://habrahabr.ru/company/mailru/blog/353232/

[14] Руководство для разработчиков Front-End 2018: https://frontendmasters.com/books/front-end-handbook/2018/

[15] Часть 1: https://www.viget.com/articles/the-state-of-web-animation-part-1/

[16] Часть 2: https://www.viget.com/articles/the-state-of-web-animation-part-2/

[17] Scroll to the future: Всё, что вы хотели знать о скролле в вебе, но боялись спросить : https://evilmartians.com/chronicles/scroll-to-the-future-modern-javascript-css-scrolling-implementations

[18] Насколько быстр AMP на самом деле?: https://habrahabr.ru/post/353256/

[19] Обзор конференции «PerfMatters 2018 Web Performance Conference» с обозначением основных идей и посылов оттуда: https://www.machmetrics.com/speed-blog/highlights-perfmatters-2018-web-performance-conference/

[20] Несколько советов, которые помогут вашему PWA на iOS ощущаться нативным: https://www.netguru.co/codestories/few-tips-that-will-make-your-pwa-on-ios-feel-like-native

[21] Что нового в DevTools (Chrome 67): https://developers.google.com/web/updates/2018/04/devtools

[22] Что нового в DevTools в Chrome 66: Blackboxing в Network panel, Local Overrides и многое другое: https://www.youtube.com/watch?v=eaYXFTJVewA&list=PLNYkxOF6rcIBDSojZWBv4QJNoT4GNYzQD&t=0s&index=1

[23] Встречайте Accessibility Inspector в Firefox Developer Tools: https://www.marcozehe.de/2018/04/11/introducing-the-accessibility-inspector-in-the-firefox-developer-tools/

[24] CSS / SVG Blobby Background: https://codepen.io/cassie-codes/pen/zWJxXj

[25] WebGL Distortion Hover Effects: https://tympanus.net/codrops/2018/04/10/webgl-distortion-hover-effects/

[26] Режимы наложения + гриды = love: https://medium.com/@juwain/blend-modes-with-css-grids-3fbe4b10518f

[27] Как работает CSS: парсинг и отрисовка CSS в критическом пути рендеринга : https://blog.logrocket.com/how-css-works-parsing-painting-css-in-the-critical-rendering-path-b3ee290762d3

[28] Еще одна коллекция интересных фактов о CSS Grid: https://css-tricks.com/another-collection-of-interesting-facts-about-css-grid/

[29] feature-queries-manager: https://github.com/ireade/feature-queries-manager

[30] supports: https://habrahabr.ru/users/supports/

[31] Как я перестал использовать раскладку Bootstrap благодаря CSS Grid: https://blog.theodo.fr/2018/03/stop-using-bootstrap-layout-thanks-to-css-grid/

[32] Epic Spinners : http://epic-spinners.epicmax.co/#/

[33] Ниндзя веб разработки: более 30 убойных CSS каламбуров: https://www.templatemonster.com/blog/web-development-30-funny-css-puns/

[34] О главнейшей причине существования современных JS-фреймворков: https://habrahabr.ru/company/ruvds/blog/353074/

[35] Операционная система на JavaScript? JsOS: https://habrahabr.ru/post/353524/

[36] Fitbit’s JerryScript: JavaScript врывается в интернет вещей: https://thenewstack.io/fitbit-%E2%9D%A4%EF%B8%8Fs-jerryscript-javascript-breaks-internet-things/

[37] Топ расширений VSCode для повышения скорости работы с JavaScript : https://codeburst.io/top-javascript-vscode-extensions-for-faster-development-c687c39596f5

[38] Первая глава книги Джереми Кейта «Going Offline»: https://alistapart.com/article/going-offline

[39] Простой свайп с помощью ванильного JavaScript: https://css-tricks.com/simple-swipe-with-vanilla-javascript/

[40] Как я перестал беспокоиться и научился любить экосистему JavaScript: https://hackernoon.com/how-i-stopped-worrying-and-learned-to-love-the-javascript-ecosystem-692c51030342

[41] Все о массивах в JavaScript в одной статье: https://codeburst.io/all-about-javascript-arrays-in-1-article-39da12170b1c

[42] Документирование проектов на Javascript: https://medium.com/4thought-studios/documenting-javascript-projects-f72429da2eea

[43] Обзор новшеств ECMAScript 2016, 2017, и 2018 с примерами: https://habrahabr.ru/company/ruvds/blog/353174/

[44] Операторы ?., ?? и |>: будущие возможности JavaScript, которые вам понравятся: https://habrahabr.ru/company/ruvds/blog/353446/

[45] Fun ES #4: задачки в ФП стиле: https://medium.com/@frontman/fun-es-4-%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0%BA%D0%B8-%D0%B2-%D1%84%D0%BF-%D1%81%D1%82%D0%B8%D0%BB%D0%B5-930763b0f8e4

[46] Обзор синтаксиса ES6 и обзор свойств: https://www.taniarascia.com/es6-syntax-and-feature-overview/

[47] Как избежать ада async/await: https://medium.freecodecamp.org/avoiding-the-async-await-hell-c77a0fb71c4c

[48] Стрелочные функции ES6: толстый и сжатый синтаксис в JavaScript: https://www.sitepoint.com/es6-arrow-functions-new-fat-concise-syntax-javascript/

[49] как использовать прокси: https://www.sitepoint.com/es6-proxies/

[50] символы и их использование: https://www.sitepoint.com/es6-symbols-uses/

[51] ES6 генераторы и итераторы: руководство разработчика: https://www.sitepoint.com/ecmascript-2015-generators-and-iterators/

[52] VuePress: https://vuepress.vuejs.org/

[53] Как мы создавали высоконагруженный интерфейс с Vue.JS и Google Maps: https://expertise.jetruby.com/how-we-implemented-high-load-website-interface-with-vue-js-and-google-maps-5f9f9a7cd24a

[54] Как делать переходы в Vue.js: https://medium.com/vue-mastery/how-to-create-vue-js-transitions-6487dffd0baa

[55] Создание VueTube: клон Youtube с помощью VueJS, Webpack и Flexbox: https://medium.com/techtrument/build-a-video-player-like-youtube-in-vuejs-webpack-and-flexbox-b51ef9bede0b

[56] vuejs-boilerplate: https://github.com/zmts/vuejs-boilerplate

[57] Является ли мое SPA дружественным к SEO?: https://vuejsdevelopers.com/2018/04/09/single-page-app-seo/

[58] Обзор библиотеки react-testing-library: https://habrahabr.ru/company/ruvds/blog/353076/

[59] Почему React нуждается еще в одной библиотеке для анимации. Встречайте react-spring: https://medium.com/@drcmda/why-react-needed-yet-another-animation-library-introducing-react-spring-8212e424c5ce

[60] Изучение React.js за 5 минут: https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4

[61] Иммутабельность в React: с мутабельностью объектов все нормально: https://blog.logrocket.com/immutability-in-react-ebe55253a1cc

[62] Анимация в Angular-приложениях: https://habrahabr.ru/company/infowatch/blog/353150/

[63] Что нового в Angular 6 ?: https://walkingtree.tech/whats-new-angular-6/

[64] Jesse Palmer – Основы тестирования компонентов Angular: https://www.youtube.com/watch?v=KVjaVHZG32w

[65] SEO оптимизация статьи: актуальный план: https://habrahabr.ru/post/352908/

[66] Проверка орфографии: какие слова пишут с ошибками на «Хабрахабре», Cossa, Rusbase, AIN, DOU, Roem и vc.ru: https://vc.ru/35926-proverka-orfografii-kakie-slova-pishut-s-oshibkami-na-habrahabre-cossa-rusbase-ain-dou-roem-i-vc-ru

[67] Сервис Opera VPN прекратит работу с 30 апреля: https://vc.ru/36378-servis-opera-vpn-prekratit-rabotu-s-30-aprelya

[68] Вышел новый стандарт аутентификации WebAuthn: биометрические данные вместо паролей: https://tproger.ru/news/web-standard-finger-scan/

[69] Как тимлиду развивать себя и команду: принципы SOLID: https://dou.ua/lenta/articles/teamlead-skills/

[70] Обновленный Gmail получит «режим конфиденциальности» с самоуничтожающимися и запароленными письмами, которые нельзя скопировать, распечатать или переслать другому: https://itc.ua/news/obnovlennyiy-gmail-poluchit-rezhim-konfidentsialnosti-s-samounichtozhayushhimisya-i-zaparolennyimi-pismami-kotoryie-budet-nelzya-skopirovat-raspechatat-ili-pereslat-drugomu/

[71] Математика против лома, или Биткойн как квантовая канарейка: http://www.computerra.ru/179897/matematika-protiv-loma-ili-bitkojn-kak-kvantovaya-kanarejka/

[72] Спутниковый интернет: финальное решение. Как Элон Маск надеется осетенить Землю: http://www.computerra.ru/179908/sputnikovyj-internet-finalnoe-reshenie-kak-elon-mask-nadeetsya-osetenit-zemlyu/

[73] У GitHub — день рождения. 10 фактов о любимом сайте всех разработчиков: https://ain.ua/2018/04/11/u-github-den-rozhdeniya

[74] Я загрузил все, что Facebook обо мне знает. И это было больно: https://ain.ua/2018/04/15/facebook-arhiv

[75] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/353070/

[76] dersmoll: http://habrahabr.ru/users/dersmoll/

[77] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[78] Источник: https://habrahabr.ru/post/353558/?utm_source=habrahabr&utm_medium=rss&utm_campaign=353558

Нажмите здесь для печати.