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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №308 (26 марта — 1 апреля 2018) - 1

Нет, мы не прекращаем работать над дайджестами по фронтенду (по крайней мере, ближайшее время), как вы могли бы подумать ^[1]. Однако, в каждой шутке есть всего лишь доля шутки. Про детей, энтузиазм и дефицит времени было написано совершенно искренне. Находить 6-8 часов личного времени в неделю становится все сложнее, но пока еще мы будем продолжать. Спасибо нашим читателям за слова поддержки и благодарности в комментариях под предыдущим постом и в личке. Собственно, это нас и мотивирует продолжать.

Libs & Plugins:
• 11 Javascript библиотек для Machine Learning ^[60]
• dinero.js ^[61] — иммутабельная библиотека для создания, подсчета и форматирования денежных значений
• is-thirteen ^[62] — npm пакет для проверки равенства значения с 13

Браузеры

• Mozilla предлагает Facebook Container — расширение для Firefox, надежно изолирующее Facebook от других сайтов ^[63]
• Google выпустила бета-версию Chrome 66 ^[64]
• Как создать расширение для Chrome ^[65]

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

• Вышло весеннее обновление IDE WebStorm ^[66]
• Опубликован очередной рейтинг самых популярных языков программирования на март 2018 года ^[67]
• Проекту Mozilla исполняется 20 лет ^[68]
• Google: после работ по повышению качества сайта не ждите результата сразу ^[69]
• Я — посредственный разработчик (как с этим справиться) ^[70]
• Нейронная сеть научилась придумывать первоапрельские розыгрыши ^[71]
• Мнение: как изменится общество, когда всюду будет ИИ ^[72]
• Подборка первоапрельских шуток от IT-компаний ^[73]
• Подборка первоапрельских шуток 2018 года ^[74]
• Утки, мемы и рога – что приготовили известные компании на первое апреля? ^[75]

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

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

Автор: alexzfort

Источник ^[79]

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

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

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

[1] как вы могли бы подумать: https://habrahabr.ru/company/zfort/blog/352600/

[2] Медиа: #media

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

[4] CSS: #css

[5] Javascript: #js

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

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

[8] #46 – Виталий Грин про React в Яндексе и эксперимент Альфа Лаборатории : https://soundcloud.com/frontend-weekend/fw-46

[9] Ночной фронтенд #28: CodeFest 2018. День первый: https://soundcloud.com/devschacht/nightly-28

[10] #43 Как понять что ты лох, если ты тупой: https://soundcloud.com/frontend_u/e43

[11] Episode 156 — РП: Фронтенд — JavaScript и мемасики: http://razbor-poletov.com/2018/03/episode-156.html

[12] «3d Emoji анимация на GPU и синусах»: https://www.youtube.com/watch?v=WzLg2K6T7XI

[13] JavaScript fwdays'18: https://www.youtube.com/playlist?list=PLPcgQFk9n9y8_G0Gyh0yqDuiZqy15RLDo

[14] Как стать фронтенд-разработчиком в 2018 году: https://habrahabr.ru/company/ruvds/blog/352452/

[15] Нативная валидация как фреймворк. Лекция в Яндексе: https://habrahabr.ru/company/yandex/blog/348240/

[16] Отладка Front-end: HTML/CSS: http://jem-space.ru/otlazhivaiem/

[17] Google анонсировала широкий запуск приоритетной индексации мобильных страниц: https://tproger.ru/news/google-announced-mobile-first-index-starting/

[18] Progressive Web Apps: заполняем пробел между вебом и мобильными приложениями: https://medium.freecodecamp.org/progressive-web-apps-bridging-the-gap-between-web-and-mobile-apps-a08c76e3e768

[19] Progressive Web Apps на iOS уже здесь: https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7

[20] Добавление favicons в мультибраузерном мультиплатформенном мире: https://mobiforge.com/design-development/adding-favicons-in-a-multi-browser-multi-platform-world

[21] Создание удобных и доступных таблиц с данными, подробная статья на inclusive-components: https://inclusive-components.design/data-tables/

[22] Необычный эффект раскрывающегося меню: https://tympanus.net/codrops/2018/03/28/grid-menu/

[23] Анимация радиального прогресс бара на SVG: https://daverupert.com/2018/03/animated-svg-radial-progress-bars/

[24] CSS-2018: W3C выбирает, каким возможностям пора дать «зеленый свет»: http://css-live.ru/vecssti-s-polej/css-2018-w3c-vybiraet-kakim-vozmozhnostyam-pora-dat-zelenyj-svet.html

[25] Работа с новым CSS Typed Object Model: https://developers.google.com/web/updates/2018/03/cssom

[26] Как работает display: contents;: https://bitsofco.de/how-display-contents-works/

[27] Понимание логических свойств и значений в CSS: https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/

[28] Обрезка негативного влияния Line Height на типографику: https://medium.com/eightshapes-llc/cropping-away-negative-impacts-of-line-height-84d744e016ce

[29] Эксперимент с CSS writing-mode: https://catalin.red/css-writing-mode/

[30] Фокусируемся на стилях для фокуса: https://css-tricks.com/focusing-on-focus-styles/

[31] Решено с помощью CSS! Колоризация SVG Backgrounds: https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/

[32] Мощные лейауты с помощью CSS Variables + CSS Grid: https://codepen.io/michellebarker/post/super-powered-layouts-with-css-variables-css-gr

[33] Google опубликовал руководство по стилю JavaScript. Вот несколько ключевых уроков оттуда: https://medium.freecodecamp.org/google-publishes-a-javascript-style-guide-here-are-some-key-lessons-1810b8ad050b

[34] Оптимизация третьесторонних скриптов – способы, которые могут повысить их производительность : https://www.keycdn.com/blog/third-party-scripts/

[35] JavaScript за 14 минут: https://jgthms.com/javascript-in-14-minutes/

[36] Юнит-тестирование в JavaScript: https://www.taniarascia.com/unit-testing-in-javascript/

[37] Обзор экосистемы JavaScript (2018): https://www.imaginarycloud.com/blog/a-javascript-ecosystem-overview/

[38] Обновленное сравнение современных фронтенд фреймворков в реальном мире: https://medium.freecodecamp.org/a-real-world-comparison-of-front-end-frameworks-with-benchmarks-2018-update-e5760fb4a962

[39] Состояние библиотек и фреймворков JavaScript: 2018 и после: https://medium.com/@alberto.park/the-status-of-javascript-libraries-frameworks-2018-beyond-3a5a7cae7513

[40] Основная причина, по которой существуют современные JavaScript фреймворки: https://medium.com/dailyjs/the-deepest-reason-why-modern-javascript-frameworks-exist-933b86ebc445

[41] Классы и фабричные функции в JavaScript. Что выбрать?: https://habrahabr.ru/company/ruvds/blog/352198/

[42] ES6: полезные советы и неочевидные приёмы: https://habrahabr.ru/company/ruvds/blog/352128/

[43] Используем void в JS: https://medium.com/@frontman/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D0%B5%D0%BC-void-%D0%B2-js-3da5ed447369

[44] Завтрашние модули ES уже сегодня!: https://medium.com/web-on-the-edge/tomorrows-es-modules-today-c53d29ac448c

[45] 4 совета по работе с Vue.js: https://habrahabr.ru/post/352540/

[46] Забываем о jQuery с Vue.js (Часть 1): 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-1-da1773a2cac0

[47] Краткое введение в использование Vue.js с NativeScript: https://www.nativescript.org/blog/a-brief-intro-to-using-vue-with-nativescript

[48] Глубокое погружение в исходный код Vue.js: https://medium.com/@oneminutejs/a-deep-dive-in-the-vue-js-source-code-fd9638c05c05

[49] У реактивности много лиц: https://blog.daftcode.pl/reactivity-has-many-faces-268607cc55bf

[50] Vue.js Kanban Board: процесс разработки: https://auth0.com/blog/vuejs-kanban-board-the-development-process/

[51] Vue после React: создание приложений с помощью Vue, используя мои знания React: https://medium.com/@iwilsonq/the-vue-from-react-building-apps-with-vue-using-my-knowledge-of-react-fcb6ef0d7624

[52] Создание PWA с помощью Vue.js: https://www.telerik.com/blogs/building-pwas-with-vuejs

[53] Вышел React v.16.3.0: https://habrahabr.ru/post/352426/

[54] React Code Style Guide: https://css-tricks.com/react-code-style-guide/

[55] React Router 4: практическое руководство: https://auth0.com/blog/react-router-4-practical-tutorial/

[56] Понимание React Render Props в примерах: https://levelup.gitconnected.com/understanding-react-render-props-by-example-71f2162fd0f2

[57] Аутентификация с помощью Angular и Auth0: https://www.sitepoint.com/authentication-angular-auth0/

[58] То, что вы всегда когда хотели знать о дереве Angular Dependency Injection : https://blog.angularindepth.com/angular-dependency-injection-and-tree-shakeable-tokens-4588a8f70d5d

[59] 20 основных причин, по которым вам стоит использовать Angular: https://medium.com/@unlock.coding/top-20-reasons-why-you-should-use-angular-f007d58f0e24

[60] 11 Javascript библиотек для Machine Learning: https://blog.bitsrc.io/11-javascript-machine-learning-libraries-to-use-in-your-app-c49772cca46c

[61] dinero.js: https://github.com/sarahdayan/dinero.js

[62] is-thirteen: https://github.com/jezen/is-thirteen

[63] Mozilla предлагает Facebook Container — расширение для Firefox, надежно изолирующее Facebook от других сайтов: https://itc.ua/news/mozilla-predlagaet-facebook-container-rasshirenie-dlya-firefox-nadezhno-izoliruyushhee-facebook-ot-drugih-saytov/

[64] Google выпустила бета-версию Chrome 66: https://tproger.ru/news/chrome-66-beta/

[65] Как создать расширение для Chrome: https://tproger.ru/articles/how-to-build-a-chrome-extension/

[66] Вышло весеннее обновление IDE WebStorm: https://tproger.ru/news/webstorm-2018-1/

[67] Опубликован очередной рейтинг самых популярных языков программирования на март 2018 года: https://tproger.ru/news/top-programming-languages-march-2018/

[68] Проекту Mozilla исполняется 20 лет: http://www.opennet.ru/opennews/art.shtml?num=48356

[69] Google: после работ по повышению качества сайта не ждите результата сразу: https://www.searchengines.ru/google-posle-rabot-po-povysheniyu-kachestva-sajta-ne-zhdite-rezultata-srazu.html

[70] Я — посредственный разработчик (как с этим справиться): https://ain.ua/2018/03/30/ya-posredstvennyj-razrabotchik

[71] Нейронная сеть научилась придумывать первоапрельские розыгрыши: https://tproger.ru/news/ai-april-fool-pranks/

[72] Мнение: как изменится общество, когда всюду будет ИИ: https://ain.ua/2018/03/31/kak-ii-izmenit-obshhestvo

[73] Подборка первоапрельских шуток от IT-компаний: https://www.searchengines.ru/april-fools-2018.html

[74] Подборка первоапрельских шуток 2018 года: http://www.opennet.ru/opennews/art.shtml?num=48373

[75] Утки, мемы и рога – что приготовили известные компании на первое апреля?: https://tproger.ru/devnull/april-first-2018/

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

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

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

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

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