Дайджест свежих материалов из мира фронтенда за последнюю неделю №363 (29 апреля — 5 мая 2019)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] TDD: методология разработки, которая изменила мою жизнь: https://habr.com/ru/company/ruvds/blog/450316/

[7] Создание веб-компонентов для разных контекстов: https://css-tricks.com/making-web-components-for-different-contexts/

[8] Практическое руководство по SVG и инструментам дизайна: https://www.smashingmagazine.com/2019/05/svg-design-tools-practical-guide/

[9] Миллиард способов отображения SVG: https://www.kirupa.com/tricks/billion_ways_display_svg.htm

[10] Простейшие способы обработки HTML Includes: https://css-tricks.com/the-simplest-ways-to-handle-html-includes/

[11] Как настроить верификацию по лицу простым способом с помощью HTML5 + JavaScript: https://medium.freecodecamp.org/how-to-set-up-face-verification-the-easy-way-using-html5-javascript-5301235e495f

[12] AMP в WordPress, оптимальные варианты использования: https://medinathoughts.com/2019/04/30/amp-in-wordpress-the-wordpress-way/

[13] Обзор новостей AMP: AMP как сервис, signed exchanges, Bento, CSS tree shaking: https://webplatform.news/issues/2019-04-29

[14] Улучшение производительности The Telegraph за счет оптимизации третьесторонних ресурсов: https://medium.com/the-telegraph-engineering/improving-third-party-web-performance-at-the-telegraph-a0a1000be5?ref=heydesigner

[15] packtracker.io — анализатор вебпак-бандла при каждом коммите: https://packtracker.io/

[16] Как настроить расширение debugger for Chrome в Visual Studio Code: https://medium.com/@svictoreq/how-to-set-up-the-debugger-for-chrome-extension-in-visual-studio-code-c0b3e5937c01

[17] Погружение в свойство display: https://www.smashingmagazine.com/2019/05/display-box-generation/

[18] Множество способов создания «хлебных крошек» в стиле треугольных лент : https://css-tricks.com/oh-the-many-ways-to-make-triangular-breadcrumb-ribbons/

[19] Реализация мокапа: создание CSS лейаута шаг за шагом: https://daveceddia.com/implement-a-design-with-css/

[20] Создание закругленных треугольников в CSS с помощью clip-path: https://codyhouse.co/blog/post/css-rounded-triangles-with-clip-path

[21] Создайте адаптивный с сеткой без медиа-запросов, используя CSS Grid: https://andy-bell.design/wrote/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/

[22] Объединение CSS Grid с Bootstrap Grid: https://hackernoon.com/combining-css-grid-with-bootstrap-grid-67e7f9621574

[23] Пересматриваем prefers-reduced-motion, медиа-запрос для ограничения анимаций в вебе: https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/

[24] Отладка и устранение распространённых ошибок в JavaScript: https://tproger.ru/translations/javascript-common-errors-debugging/

[25] Babylon.js 4.0: https://blogs.windows.com/buildingapps/2019/04/30/babylon-js-4-0-is-here/

[26] Electron 5.0.0: https://electronjs.org/blog/electron-5-0

[27] jQuery 3.4.1: https://blog.jquery.com/2019/05/01/jquery-3-4-1-triggering-focus-events-in-ie-and-finding-root-elements-in-ios-10/

[28] Множество способов ввода данных в графиках: https://css-tricks.com/the-many-ways-of-getting-data-into-charts/

[29] Создание нового facebook.com с React, GraphQL и Relay: https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay/

[30] Введение в криптографию для JS разработчиков: https://medium.com/the-challenge/the-javascript-developers-intro-to-crypto-3dcd7839f2e7

[31] Оптимизация производительности JS приложений с помощью Web Workers: https://www.twilio.com/blog/optimize-javascript-application-performance-web-workers

[32] Что нового в Node 12: https://habr.com/ru/post/450292/

[33] Простая автоматизация npm публикаций: https://blog.npmjs.org/post/184553141742/easy-automatic-npm-publishes

[34] dotenv: загружает переменные среды из .env для nodejs проектов: https://github.com/motdotla/dotenv

[35] 4 решения для одновременного запуска нескольких команд Node.js или NPM: https://itnext.io/4-solutions-to-run-multiple-node-js-or-npm-commands-simultaneously-9edaa6215a93

[36] JavaScript: 7 полезных мелочей: https://habr.com/en/company/ruvds/blog/449948/

[37] Введение в JavaScript async & await: https://medium.freecodecamp.org/an-introduction-to-javascripts-async-and-await-edb313356677

[38] Глубокое понимание JavaScript Async & Await с примерами: https://blog.bitsrc.io/understanding-javascript-async-and-await-with-examples-a010b03926ea

[39] Введение в Javascript для опытных программистов, которые могут хорошо владеют основами: https://medium.com/better-programming/an-intro-to-javascript-for-experienced-programmers-who-could-use-a-strong-dose-of-fundamentals-31535030616b

[40] Javascript Array.push в 945x раз быстрее, чем Array.concat: https://dev.to/uilicious/javascript-array-push-is-945x-faster-than-array-concat-1oki

[41] Совершение перехода от jQuery к Vue: https://css-tricks.com/making-the-move-from-jquery-to-vue/

[42] Тестирование вашего приложения на Vue с Jest и Travis CI: https://medium.com/javascript-in-plain-english/add-test-coverage-to-vue-js-app-with-jest-travis-ci-and-coveralls-d10d118125c2

[43] Пользовательские режимы сборки с Vue CLI 3: https://rangle.io/blog/custom-build-modes-with-vue-cli-3/

[44] Apollo state management в приложениях Vue: https://dev.to/n_tepluhina/apollo-state-management-in-vue-application-8k0

[45] Понимание миксинов во Vue JS: https://blog.bitsrc.io/understanding-mixins-in-vue-js-bdcf9e02a7c1

[46] Обработка ошибок во Vue.js: https://www.raymondcamden.com/2019/05/01/handling-errors-in-vuejs

[47] Пошаговый разбор имплементации реактивности во Vue : https://medium.com/js-dojo/understand-vue-reactivity-implementation-step-by-step-599c3d51cd6c

[48] Тестируем React в 2019: https://medium.com/@vvladislavv/%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D1%83%D0%B5%D0%BC-react-%D0%B2-2019-c92b5e382f02

[49] Как определить и решить проблемы с потерянными рендерами в React: https://medium.freecodecamp.org/how-to-identify-and-resolve-wasted-renders-in-react-cc4b1e910d10

[50] Пять вещей, которых вы не знали о React DevTools: https://blog.logrocket.com/5-things-you-didnt-know-about-react-devtools-2c6e0ef22529

[51] create-react-app v3, что нового?: https://scotch.io/bar-talk/create-react-app-v3-whats-new

[52] Загрузка страниц в React со скелетон-плейсхолдерами: https://medium.com/octopus-wealth/skeleton-loading-pages-with-react-5a931f12677b

[53] React: JSX и рендеринг: https://itnext.io/react-jsx-rendering-4405d3a3d6c3

[54] Angular умирает из-за React?: https://medium.com/@PurpleGreenLemon/is-angular-dying-because-of-react-a8e885f09421

[55] Разбираемся с модулями в Angular: https://itnext.io/understanding-angular-modules-5f1215130bc8

[56] Angular: постоянные проблемы, с которыми я сталкиваюсь как фронтенд-консультант: https://medium.com/@michelestieven/angular-recurring-problems-i-face-as-a-front-end-consultant-d2a9c1826a3a

[57] Что такое Angular Console и почему вы должны о ней знать: https://www.telerik.com/blogs/what-is-angular-console-and-why-you-should-care

[58] Тестирование и эмуляция зависимостей в Angular: https://blog.angularindepth.com/testing-and-faking-angular-dependencies-886495057121

[59] shimport: https://github.com/Rich-Harris/shimport

[60] jquery-csv: релиз плагина на jQuery для парсинга CSV: https://github.com/evanplaice/jquery-csv

[61] aria-progress-range-slider: https://github.com/Stanko/aria-progress-range-slider

[62] Пользователи и разработчики заподозрили Google в сознательных сбоях в браузерах Microsoft, «Яндекса» и Mozilla: https://vc.ru/services/66262-polzovateli-i-razrabotchiki-zapodozrili-google-v-soznatelnyh-sboyah-v-brauzerah-microsoft-yandeksa-i-mozilla

[63] В YouTube был заговор по устранению Internet Explorer 6, но администрация сервиса о нём не знала: https://itc.ua/news/v-youtube-byl-zagovor-po-ustraneniyu-internet-explorer-6-no-administratsiya-servisa-o-nyom-ne-znala/

[64] Сегодня многие популярные аддоны для Firefox перестали работать из-за проблем с сертификатом: https://habr.com/en/post/450478/

[65] Браузер Brave внедряет рекламную платформу, основанную на вознаграждении пользователей: https://habr.com/ru/post/449788/

[66] В каталоге дополнений к Firefox вводится запрет на запутывание кода: http://www.opennet.ru/opennews/art.shtml?num=50618

[67] Заметки к релизу для Safari Technology Preview 81: https://webkit.org/blog/8834/release-notes-for-safari-technology-preview-81/

[68] Вкратце: что Facebook анонсировала на конференции F8: https://vc.ru/social/66236-vkratce-chto-facebook-anonsirovala-na-konferencii-f8

[69] Google займётся разрушением SEO-мифов в новой серии видео: https://www.searchengines.ru/myth-busting.html

[70] Facebook открыл реализацию хэш-таблиц F14: https://www.opennet.ru/opennews/art.shtml?num=50611

[71] Аудит Gutenberg от WPCampus выявил «существенные и глубокие проблемы с доступностью»: http://oddstyle.ru/wordpress-2/novosti-wordpress/audit-gutenberg-ot-wpcampus-vyyavil-sushhestvennye-i-glubokie-problemy-s-dostupnostyu.html

[72] Фонд Apache перевёл свои Git-репозитории на GitHub: http://www.opennet.ru/opennews/art.shtml?num=50597

[73] Исповедь фуллстека: https://medium.com/webbdev/fl-ea2c9e38f5f8

[74] Какие языки программирования не стоит изучать в 2019 году: https://tproger.ru/translations/languages-not-to-learn-in-2019/

[75] Документация как код: шесть принципов программирования, которые помогут создавать документы, понятные каждому: https://tproger.ru/blogs/documentation-as-code/

[76] Дайджест за прошлую неделю: https://habr.com/ru/post/449926/

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

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

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

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