Дайджест свежих материалов из мира фронтенда за последнюю неделю №306 (12 — 18 марта 2018)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #44 – Константин Буркалев о создании SDCast и RadioJS и о том, как начать свой подкаст с нуля: https://soundcloud.com/frontend-weekend/fw-44

[8] #42 — Джейк Арчибальд: В петле (JSConf.Asia 2018): http://5minreact.ru/42-in-the-loop-jsconf.asia-2018/

[9] Ночной фронтенд #26 — Дебаты о статической типизации: https://soundcloud.com/devschacht/nightly-26

[10] Лёха в гостях у uWebDesign : https://soundcloud.com/frontend_u/uwebdesign

[11] «Грустный»: https://spb-frontend.ru/podcast/26

[12] «Decompiled animation from murmure.me website»: https://www.youtube.com/watch?v=AERIjhFzuaI

[13] Простой статический сайт на Webpack 4: https://habrahabr.ru/post/350886/

[14] CloudFlare представила стабильный релиз Workers для облачного администрирования веб-приложений на JavaScript: https://tproger.ru/news/cloudflare-workers/

[15] Изучаем Bootstrap 4 за 5 минут: https://medium.freecodecamp.org/learn-bootstrap-4-in-5-minutes-da94728efe41

[16] Опрос Stack Overflow 2018: ИИ, этика и сексуальная ориентация: https://tproger.ru/articles/stack-overflow-survey-18/

[17] 4 полезные подсказки по оптимизации изображений : https://www.creativebloq.com/how-to/4-essential-image-optimisation-tips

[18] Почему производительность имеет значение. Заметка Jeremy Wagner в блоге разработчиков Google : https://developers.google.com/web/fundamentals/performance/why-performance-matters/

[19] Как тестировать кастомную скорость соединения с помощью GTmetrix : https://gtmetrix.com/blog/how-to-test-with-custom-connection-speeds-with-gtmetrix/

[20] Улучшение производительности в 10 раз: оптимизация статического сайта: https://hackernoon.com/optimizing-a-static-site-d5ab6899f249

[21] Accelerated Mobile Pages: повышаем уровень конверсии : https://insanelab.com/blog/web-development/accelerated-mobile-pages-amp-conversion-rate/

[22] Как интерактивный контент BBC работает в AMP, приложениях и вебе: https://www.smashingmagazine.com/2018/03/bbc-interactive-content-amp-apps-web/

[23] Ускорение сборки JavaScript-кода с использованием webpack 2–3: https://habrahabr.ru/company/skbkontur/blog/351080/

[24] Если вы когда-либо конфигурировали Webpack, Parcel снесет вам крышу!: https://medium.com/@ibrahimbutt/if-youve-ever-configured-webpack-parcel-will-blow-your-mind-b615468cee78

[25] Continuous Development без нажатия Ctrl + R с помощью webpack 4: https://scotch.io/tutorials/continuous-development-without-hitting-ctrl-r-with-webpack-4

[26] emma-cli: https://github.com/maticzav/emma-cli

[27] Как вы можете сделать ваш сайт более доступным: https://medium.freecodecamp.org/how-you-can-easily-make-your-website-more-accessible-88dc7db90bd2

[28] Одностраничные приложения не доступны: http://www.craigabbott.co.uk/one-page-applications-are-not-accessible

[29] Подробный план по работе с веб-доступностью: https://alistapart.com/article/diy-web-accessibility-blueprint

[30] Полезные ресурсы на тему доступности: https://www.stefanjudis.com/useful-accessibility-resources/

[31] Labels Required: https://www.filamentgroup.com/lab/a11y-form-labels.html

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

[33] Слайдшоу с глитч-эффектом: https://tympanus.net/codrops/2018/03/13/glitch-effect-slideshow/

[34] Необычный концепт анимации ссылок: https://codepen.io/robin-dela/full/YemmBx/

[35] Font (ещё более) Awesome — знаковое изобретение: https://habrahabr.ru/post/351130/

[36] Анимация без стереотипов: https://medium.com/@juwain/animation-without-stereotypes-80bbcc3c739d

[37] CSS в эпоху React: как мы променяли каскад на согласованность: https://engineeringblog.yelp.com/2018/03/css-in-the-age-of-react.html

[38] CSS Grid Application Layout на продакшене: https://techblog.commercetools.com/gss-grid-application-layout-in-production-f60c65a05cfa

[39] В блоге разработчиков Microsoft анонсировали скорую поддержку вариативных шрифтов в Microsoft Edge: https://blogs.windows.com/msedgedev/2018/03/13/bringing-expressive-performant-typography-to-microsoft-edge-with-variable-fonts/

[40] Ресурс для поиска и тестирования вариативных шрифтов: https://v-fonts.com/

[41] Темизация с помощью переменных, глобальных и локальных: https://css-tricks.com/theming-with-variables-globals-and-locals/

[42] Магия ванильного CSS с помощью пользовательских свойств: https://medium.com/@alcidesqueiroz/vanilla-css-magic-with-custom-properties-5f2f145e3e07

[43] Часть 1. Интернет глазами Google: https://habrahabr.ru/company/ruvds/blog/350976/

[44] Часть 2. Проблемы, эксперименты и рекомендации: https://habrahabr.ru/company/ruvds/blog/351058/

[45] Подводные камни Service Workers: https://habrahabr.ru/post/351194/

[46] Как сделать Drag-and-Drop загрузчик файлов на чистом JavaScript: https://medium.com/devschacht/https-medium-com-kasimoka-joseph-zimmerman-drag-drop-file-uploader-vanilla-js-de850d74aa2f

[47] Три года с Angular и не жалею: обзор возможностей фреймворка: https://dou.ua/lenta/articles/three-years-with-angular/

[48] Сравнение главных JavaScript фронтенд фреймворков по состоянию на 2018: https://www.fusioncharts.com/resources/js-frontend-frameworks-comparison/

[49] JavaScript vs. TypeScript vs. ReasonML: http://2ality.com/2018/03/javascript-typescript-reasonml.html

[50] SmooshGate: продолжающаяся борьба между прогрессом и стабильностью в JavaScript: https://medium.com/@jacobdfriedmann/smooshgate-the-ongoing-struggle-between-progress-and-stability-in-javascript-2a971c1162dd

[51] 17 советов для написания производительного кода в JavaScript / node.js чтобы сделать ваши приложения быстрее: http://voidcanvas.com/javascript-performant-coding-tips/

[52] Вы можете создать нейронную сеть на JavaScript даже если вы на самом деле не понимаете нейросети: https://itnext.io/you-can-build-a-neural-network-in-javascript-even-if-you-dont-really-understand-neural-networks-e63e12713a3

[53] Подборка полезных советов и хитростей из ECMAScript 2015 (ES6): https://medium.freecodecamp.org/check-out-these-useful-ecmascript-2015-es6-tips-and-tricks-6db105590377

[54] MobX 4: лучше, проще, быстрее, меньше: https://medium.com/@mweststrate/mobx-4-better-simpler-faster-smaller-c1fbc08008da

[55] Как работает JS: отслеживание изменений в DOM с помощью MutationObserver: https://habrahabr.ru/company/ruvds/blog/351256/

[56] Как заменить все одинаковые подстроки в строке на JavaScript: https://tproger.ru/explain/replace-substrings-in-js/

[57] Приведение типов в JS: https://medium.com/@frontman/%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D1%82%D0%B8%D0%BF%D0%BE%D0%B2-%D0%B2-js-9d6f1845ea96

[58] Элегантные шаблоны в современном JavaScript: Ice Factory: https://medium.freecodecamp.org/elegant-patterns-in-modern-javascript-ice-factory-4161859a0eee

[59] Хуки жизненного цикла Vue.js: https://habrahabr.ru/company/mailru/blog/350962/

[60] 4 клевые вещи, которые вы можете делать с Vue.js CLI: https://www.telerik.com/blogs/4-awesome-things-you-can-do-with-the-vuejs-cli

[61] Использование JSX с Vue и почему вас должно это волновать: https://scotch.io/tutorials/using-jsx-with-vue-and-why-you-should-care

[62] Boiler: https://boiler.js.org/

[63] vue-promise-btn: https://stukh.github.io/vue-promise-btn/

[64] React Tutorial: подробное руководство по изучению React.js в 2018: https://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/

[65] Reselect — библиотека селекторов для Redux: https://github.com/devSchacht/translations/blob/master/articles/reselect-selector-library-for-redux/readme.md

[66] Серверный рендеринг с помощью React и React Router: https://tylermcginnis.com/react-router-server-rendering/

[67] Как GraphQL заменяет Redux: https://hackernoon.com/how-graphql-replaces-redux-3fff8289221d

[68] Как не делать React: популярные антипаттерны и находки в React: https://codeburst.io/how-to-not-react-common-anti-patterns-and-gotchas-in-react-40141fe0dcd

[69] React Authentication в деталях: https://medium.com/@dabit3/react-authentication-in-depth-4deebda9aa45

[70] Почему разработчики на React должны модулизировать их приложения?: https://medium.com/@alexmngn/why-react-developers-should-modularize-their-applications-d26d381854c1

[71] Rough.js: http://roughjs.com/

[72] driver.js: https://github.com/kamranahmedse/driver.js

[73] filepond: https://github.com/pqina/filepond

[74] Релиз Firefox 59: http://www.opennet.ru/opennews/art.shtml?num=48254

[75] подробности для разработчиков в блоге Марата Таналина: http://tanalin.com/blog/2018/03/firefox-59/

[76] В Google Chrome появится экспорт паролей: https://my-chrome.ru/2018/03/v-google-chrome-poyavitsya-eksport-paroley/

[77] В Firefox начнут бороться со всплывающими элементами страниц: http://www.opennet.ru/opennews/art.shtml?num=48251

[78] «Яндекс» выпустил «Яндекс.Браузер» со встроенной «Алисой»: https://vc.ru/34682-yandeks-vypustil-yandeks-brauzer-so-vstroennoy-alisoy

[79] Когда появится следующий большой язык программирования с точки зрения Дарвина : https://habrahabr.ru/company/wrike/blog/323550/

[80] Каково это — работать в IT, если вам за 50: https://dou.ua/lenta/articles/age-specialists/

[81] Google начнёт блокировать рекламу криптовалют и ICO: https://itc.ua/news/google-nachnyot-blokirovat-reklamu-kriptovalyut-i-ico/

[82] Скрытые майнеры распространяют через форки различных проектов на GitHub: https://xakep.ru/2018/03/16/github-miner/

[83] 23 сайта для практики хакинга: https://tproger.ru/translations/23-hacking-sites-for-practice/

[84] Почему полезно читать любые отзывы пользователей: https://vc.ru/34457-pochemu-polezno-chitat-lyubye-otzyvy-polzovateley

[85] Почему в Google сложно получить повышение и иногда проще уволиться: https://vc.ru/34473-pochemu-v-google-slozhno-poluchit-povyshenie-i-inogda-proshche-uvolitsya

[86] Google открыла Google Maps API для игровых разработчиков: https://tproger.ru/news/google-maps-api-gamedevs/

[87] Крупные американские компании больше не нуждаются в собственных дата-центрах и продают их Microsoft, Google и Amazon: https://roem.ru/16-03-2018/268679/data-microsoft-google-i-amazon/

[88] Голосовая помощница «Алиса» научилась управлять компьютером на Windows: https://tproger.ru/news/alice-in-windows/

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

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

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

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

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