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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

[5] Браузеры: #browser

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

[7] #47 – Егор Толстой про комплекс фронтендера, Подлодку и реформы в Avito: https://soundcloud.com/frontend-weekend/fw-47

[8] #43 — React 16.3: https://soundcloud.com/5minreact/43-react-163

[9] #20 — Jake Archibald: In The Loop (JSConf.Asia 2018): https://soundcloud.com/5minreact_audio/020-in-the-loop-jsconf-asia-2018

[10] №29: CodeFest 2018. День второй : https://soundcloud.com/devschacht/nightly-29

[11] Выпуск 1 — Про константы в JavaScript: https://medium.com/@frontman/%D0%BF%D0%BE%D0%B4%D0%BA%D0%B0%D1%81%D1%82-pro-web-it-bb0f83cb9a25

[12] «Буквы с физикой»: https://www.youtube.com/watch?v=ha6dpKnmPOo

[13] JSConf Iceland 2018: https://www.youtube.com/playlist?list=PL37ZVnwpeshEO7qXEbjG4riQD7SzydLEO

[14] Проект RealWorld: сравнение фронтенд-фреймворков: https://habrahabr.ru/company/ruvds/blog/352888/

[15] Осторожнее с копипастом: фингерпринтинг текста непечатаемыми символами: https://habrahabr.ru/post/352950/

[16] Как мы контролируем общедоступность BlaBlaCar: https://vc.ru/35669-kak-my-kontroliruem-obshchedostupnost-blablacar

[17] Красивые, интерактивные канонические AMP страницы: https://codelabs.developers.google.com/codelabs/amp-beautiful-interactive-canonical/#0

[18] Порция свежих новостей об AMP от Криса Койера: https://css-tricks.com/catching-up-on-amp-news/

[19] Новичок в создании шаблонов писем? Вот то место, откуда можно начать изучение: https://explore.reallygoodemails.com/new-to-email-coding-heres-where-to-start-2494422f0bd4

[20] Еженедельная подборка красивых эффектов на CSS/SVG/JS #75: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-css-svg-js-75.html

[21] Ленивая загрузка изображений и видео: https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/

[22] Повышаем производительность вашего сайта с помощью Lazy-Loading и разделения кода : https://jmperezperez.com/high-performance-lazy-loading/

[23] Представлен релиз новой версии Visual Studio Code: https://tproger.ru/news/visual-studio-code-1-22/

[24] История о Webpack 4 и как, наконец, настроить его правильно: https://medium.com/@riittagirl/a-tale-of-webpack-4-and-how-to-finally-configure-it-in-the-right-way-4e94c8e7e5c1

[25] headless-chrome-crawler — распределенный краулер, работающий за счет Headless Chrome: https://github.com/yujiosaka/headless-chrome-crawler

[26] Вышел релиз webpack v4.5.0 : https://twitter.com/webpack/status/981620021599158272

[27] Укрощаем режимы наложения в CSS: https://medium.com/@juwain/selective-desaturation-with-blend-modes-54eb1143f105

[28] SASS: Оптимизируем media screen: https://habrahabr.ru/post/352686/

[29] Ограничение длины текста через градиент: https://habrahabr.ru/company/space307/blog/352664/

[30] Классический Ruby Sass объявлен устаревшим, работы над ним прекращаются в 26 марта, 2019: https://css-tricks.com/ruby-sass-to-be-put-to-pasture-on-march-26-2019/

[31] Шпаргалка по Grid Layout (pdf): https://www.alsacreations.com/xmedia/tools/grid-cheatsheet.pdf

[32] Реализация вогнутых уголков на CSS, техники 2018 года: https://css-tricks.com/scooped-corners-in-2018/

[33] Зачем вам это делать на CSS?: https://css-tricks.com/why-would-you-do-that-in-css/

[34] Избавляемся от префиксов «grid-» в свойствах отступов между ячейками в CSS Grid Layout: https://blogs.igalia.com/mrego/2018/04/04/getting-rid-of-grid-prefix-on-css-grid-layout-gutter-properties/

[35] Гибридные нейронные сети с GPU ускорением в JavaScript: http://jem-space.ru/gibridnyie-nieironnyie-sieti-s-ghrafichieskim-uskorieniiem-v-javascript/

[36] Создаем имутабельные объекты на TypeScript: https://medium.com/@frontman/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%B5%D0%BC-%D0%B8%D0%BC%D1%83%D1%82%D0%B0%D0%B1%D1%8B%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D1%8B-%D0%BD%D0%B0-typescript-bc6e45c2f714

[37] JavaScript к Rust и обратно: история wasm-bindgen: https://hacks.mozilla.org/2018/04/javascript-to-rust-and-back-again-a-wasm-bindgen-tale/

[38] Как меня задолбало противопоставление хренова const чертову let: http://css-live.ru/articles/kak-menya-zadolbalo-protivopostavlenie-xrenova-const-chertovu-let.html

[39] Еще кейсы для const в ES6+: https://medium.com/@frontman/%D0%B5%D1%89%D0%B5-%D0%BA%D0%B5%D0%B9%D1%81%D1%8B-%D0%B4%D0%BB%D1%8F-const-%D0%B2-es6-baccad2bee52

[40] Вот примеры всего нового в ECMAScript 2016, 2017 и 2018: https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e

[41] ES6 коллекции: использование Map, Set, WeakMap, WeakSet: https://www.sitepoint.com/es6-collections-map-set-weakmap-weakset/

[42] ES6 в действии: новые методы по работе с числами: https://www.sitepoint.com/es6-number-methods/

[43] Веб-воркеры в JavaScript: безопасный параллелизм: https://habrahabr.ru/company/ruvds/blog/352828/

[44] Полное руководство по паттернам JS: https://www.toptal.com/javascript/comprehensive-guide-javascript-design-patterns

[45] Введение в TensorFlow.js: машинное обучение в Javascript: https://medium.com/tensorflow/introducing-tensorflow-js-machine-learning-in-javascript-bf3eab376db

[46] Полное руководство для новичка по JavaScript Geolocation Tracking: https://hackernoon.com/the-comprehensive-beginners-guide-to-javascript-geolocation-tracking-11f7a1bba400

[47] Введение в Payment Request API для Apple Pay: https://webkit.org/blog/8182/introducing-the-payment-request-api-for-apple-pay/

[48] Presentation API: трансляция страниц на второй присоединенный дисплей: https://developers.google.com/web/updates/2018/04/present-web-pages-to-secondary-attached-displays

[49] Забываем о jQuery с Vue.js (Часть 2): https://medium.com/@vvladislavv/%D0%B7%D0%B0%D0%B1%D1%8B%D0%B2%D0%B0%D0%B5%D0%BC-%D0%BE-jquery-%D1%81-vue-js-%D1%87%D0%B0%D1%81%D1%82%D1%8C-2-eac0b654a5f2

[50] Имплементация бесконечного скролла с помощью Vue.js: https://alligator.io/vuejs/implementing-infinite-scroll/

[51] Methods, Computed и Watchers во Vue.js: https://css-tricks.com/methods-computed-and-watchers-in-vue-js/

[52] Vue CLI 3 — глубокое погружение: https://blog.logrocket.com/vue-cli-3-the-deep-dive-41dff070ac4a

[53] Подходы и технологии в React Redux: делаем все оптимально: https://dou.ua/lenta/articles/react-redux-approach/

[54] Новый контекст React в деталях: https://blog.csssr.ru/2018/04/06/new-react-context

[55] Десятиминутный курс по ES6 для начинающих React разработчиков: http://www.js-craft.io/blog/18-03-24-The-10-min-ES6-course-for-the-beginner-React-Developer/

[56] Создаем SSR приложение с помощью Preact, Unistore и Preact Router: https://scotch.io/tutorials/build-a-ssr-app-with-preact-unistore-and-preact-router

[57] Введение в Bit’s Live React Component Discoverability Playground: https://blog.bitsrc.io/introducing-the-live-react-component-playground-d8c281352ee7

[58] Диаграмма жизненных циклов методов React от Дена Абрамова: https://twitter.com/dan_abramov/status/981712092611989509

[59] Детальное сравнение AngularJS и Angular 2+ : https://www.sitepoint.com/angularjs-vs-angular/

[60] Тестирование Angular: введение для разработчиков: https://www.sitepoint.com/angular-testing-introduction/

[61] Тестирование Observables а Angular: https://netbasal.com/testing-observables-in-angular-a2dbbfaf5329

[62] Путь к Angular v6: третий (и последний?!) релиз кандидат уже здесь: https://jaxenter.com/road-to-angular-6-139479.html

[63] «Жадное» исполнение, визуализация, JS: представлены обновления библиотеки TensorFlow: https://tproger.ru/news/tensorflow-updates/

[64] Оптимизация библиотек с помощью webpack: https://github.com/GoogleChromeLabs/webpack-libs-optimizations

[65] Состоялся релиз D3 5.0: https://github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-50

[66] Скаффолдинг для существующих проектов, часть 1: casex — библиотека для трансформации текста: https://medium.com/@pedsmoreira/scaffolding-for-existing-projects-part-1-a-library-for-matching-cases-b353ec14a8fb

[67] Расширяемый eslint плагин для поддержки файлов переводов JSON i18n.: https://godaddy.github.io/2018/04/02/introducing-eslint-plugin-i18n-json/

[68] Опубликовано расширение Chrome, заменяющее потенциально опасные символы на эмодзи: https://tproger.ru/news/chrome-extention-against-zero-width-character/

[69] Какой браузер лучше всего справляется с хранением паролей: https://vc.ru/35787-kakoy-brauzer-luchshe-vsego-spravlyaetsya-s-hraneniem-paroley

[70] Mozilla разрабатывает специальную версию браузера Firefox Reality для гарнитур виртуальной реальности: https://itc.ua/news/mozilla-razrabatyivaet-spetsialnuyu-versiyu-brauzera-firefox-reality-dlya-garnitur-virtualnoy-realnosti/

[71] Пользователи негодуют, что Chrome сканирует файлы на локальном диске: https://geektimes.ru/post/299633/

[72] Google запретил размещение дополнений к Chrome c кодом для майнинга криптовалют: http://www.opennet.ru/opennews/art.shtml?num=48382

[73] Почему киберспорт перспективнее традиционных видов спорта: https://gmbox.ru/materials/34804-pochemu-kibersport-perspektivnee-traditsionnih-vidov-sporta

[74] Разработчики Google научили ИИ предугадывать рисунки: https://tproger.ru/news/google-scrying-pen/

[75] Reddit провёл редизайн впервые с 2008 года: https://vc.ru/35696-reddit-provel-redizayn-vpervye-s-2008-goda

[76] Улучшить интерфейс за счёт мелочей: семь хитростей для недизайнеров: https://vc.ru/34782-uluchshit-interfeys-za-schet-melochey-sem-hitrostey-dlya-nedizaynerov

[77] Критическая уязвимость в коммутаторах Cisco и активный SMI представляют угрозу для ключевой инфраструктуры: https://xakep.ru/2018/04/06/smi-rce/

[78] Компания Intel признала, что уязвимости Meltdown и Spectre не могут быть исправлены для ряда процессоров: https://xakep.ru/2018/04/04/no-patch-for-you/

[79] Instagram без предупреждения ограничил доступ к API для сторонних приложений: https://vc.ru/35743-instagram-bez-preduprezhdeniya-ogranichil-dostup-k-api-dlya-storonnih-prilozheniy

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

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

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

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

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