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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] «UnderJS Podcast» #3: https://soundcloud.com/underjs/3-sakralnoe-predskazanie-o-sozdanii-github-actions

[8] Подкаст «Frontend Weekend» #96: https://soundcloud.com/frontend-weekend/fw-96

[9] Подкаст «Сделайте мне красиво» №22: https://soundcloud.com/begebot/ep22

[10] Подкаст «Пятиминутка React»: https://soundcloud.com/5minreact/nestjs

[11] «UnderJS Podcast» #2: https://soundcloud.com/underjs/2-kak-dolzhen-vyglyadit-nastoyashchiy-backend-na-nodejs

[12] Repozitorro #25: https://www.youtube.com/watch?v=feYtJ0j2VUs

[13] Зачем современную веб-разработку так усложнили? Часть 1: https://habr.com/ru/post/463503/

[14] Глубокое погружение в современную веб-разработку: https://fullstackopen.com/en

[15] Что такое GraphQL: история, компоненты и экосистема: https://levelup.gitconnected.com/what-is-graphql-87fc7687b042

[16] Подборка впечатляющих демок на веб-технологиях «Awesome Demos Roundup» #7: https://tympanus.net/codrops/2019/08/15/awesome-demos-roundup-7/

[17] Фантастические трюки производительности на фронтенде и почему мы их делаем: https://buttercms.com/blog/front-end-performance-optimization-techniques

[18] что это и зачем: https://web.dev/third-party-javascript

[19] советы для DevTools: https://web.dev/identify-slow-third-party-javascript

[20] что добавлять в код: https://web.dev/efficiently-load-third-party-javascript

[21] песочница с примерами: https://web.dev/codelab-optimize-third-party-javascript/

[22] Тестирование производительности — инструменты, шаги и лучшие практики: https://www.keycdn.com/blog/performance-testing

[23] Ленивая загрузка встроенных YouTube видео : https://dev.to/haggen/lazy-load-embedded-youtube-videos-520g

[24] .container больше не нужен: https://habr.com/ru/post/463923/

[25] Chrome планирует внедрить CSS Modules, черновик от Microsoft, который позволяет импортировать стили для компонентов из внешнего файла вместо встраивания CSS в JS: https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/vCrJCQxNnzo/OAYI9cPWAQAJ

[26] Почему браузеры загружают таблицы стилей с несоответствующими медиа-запросами: https://blog.tomayac.com/2018/11/08/why-browsers-download-stylesheets-with-non-matching-media-queries-180513/

[27] Многострочный усеченный текст с кнопкой «показать больше» (на чистом CSS): https://paulbakaus.com/tutorials/css/multiline-truncated-text-with-show-more-button-with-just-css/

[28] Что такое CSS — Внедрение тригонометрии в SCSS и извлеченные уроки: https://medium.com/swlh/what-the-css-implementing-trigonometry-in-scss-and-lessons-learnt-15703e24e677

[29] Стилизация чекбоксов 2019 — доступно, просто, на чистом CSS: https://codepen.io/jensimmons/pen/KKPzxJa?editors=1100

[30] Анимация вариативных шрифтов с помощью CSS и Splitting JS: https://css-irl.info/variable-font-animation-with-css-and-splitting-js/

[31] Контекстные служебные классы для цвета с пользовательскими свойствами: https://css-tricks.com/contextual-utility-classes-for-color-with-custom-properties/

[32] Различные перспективы CSS-in-JS: https://css-tricks.com/the-differing-perspectives-on-css-in-js/

[33] Нейронные сети на Javascript: https://dailycoding.io/article/FKDHIrH7q7VrKNktBTgp

[34] Методы массивов: https://medium.com/webbdev/js-5e1519c6fb07

[35] Травим данные с travajs: https://habr.com/ru/post/462189/

[36] История и наследие jQuery: https://blog.logrocket.com/the-history-and-legacy-of-jquery/

[37] Всеобъемлющие и исчерпывающие рекомендации по тестированию JavaScript и Node.js (август 2019): https://github.com/goldbergyoni/javascript-testing-best-practices

[38] Typescript в реальном мире — зачем и как его использовать: https://medium.com/engineered-publicis-sapient/typescript-in-the-real-world-132d32a290db

[39] Как я переписал нашу кодовую базу на TypeScript за неделю: https://www.kode24.no/guider/how-i-rewrote-our-codebase-to-typescript-in-a-week/71466565

[40] 5 интересных применений деструктуризации JavaScript: https://dmitripavlutin.com/5-interesting-uses-javascript-destructuring/

[41] Как создать шифровальную машину с помощью JavaScript: https://www.sitepoint.com/visual-testing-percy/

[42] Релиз V8 v7.7: https://v8.dev/blog/v8-release-77

[43] Релиз Parcel 2.0.0-alpha.1: https://medium.com/@devongovett/parcel-2-0-0-alpha-1-is-here-8b160c6e3f7e

[44] Анонс релиз кандидата Ionic React: https://ionicframework.com/blog/announcing-ionic-react-release-candidate/

[45] 8 ошибок начинающих JavaScript-разработчиков, мешающих стать профессионалом: https://dailycoding.io/article/YKi07t9eTCdnSaW2TYQe

[46] Переходим с jQuery на чистый JavaScript: https://medium.com/@stasonmars/%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%B8%D0%BC-%D1%81-jquery-%D0%BD%D0%B0-%D1%87%D0%B8%D1%81%D1%82%D1%8B%D0%B8%CC%86-javascript-e2b3c2c6ab4

[47] 13 советов, как писать более быстрый и лучше оптимизированный JavaScript: https://medium.com/@bretcameron/13-tips-to-write-faster-better-optimized-javascript-dc1f9ab063d8

[48] Все новые советы и рекомендации для ES2019: https://all-markup-news.com/all-the-new-es2019-tips-and-tricks/

[49] Apollo Client. Теперь — с хуками React: https://habr.com/ru/company/ruvds/blog/463331/

[50] Представляем новый React DevTools: https://reactjs.org/blog/2019/08/15/new-react-devtools.html

[51] Что нового в React 16.9: обновление UNSAFE: https://scotch.io/bar-talk/whats-new-in-react-169

[52] Draggin’ and Droppin’ в React: https://css-tricks.com/draggin-and-droppin-in-react/

[53] Часть 1: лучшие практики: https://blog.sapegin.me/all/react-testing-1-best-practices/

[54] Часть 2: Jest и Enzyme: https://blog.sapegin.me/all/react-testing-2-jest-and-enzyme/

[55] Представляем Transloco: интернационализация в Angular, сделанная правильно: https://netbasal.com/introducing-transloco-angular-internationalization-done-right-54710337630c

[56] Начало работы с Nx в Angular: https://www.telerik.com/blogs/getting-started-with-nx-in-angular

[57] Лучший способ ленивой загрузки для Angular Elements: https://medium.com/@tomastrajan/the-best-way-to-lazy-load-angular-elements-97a51a5c2007

[58] Пришло время поблагодарить команду Angular CLI: https://juristr.com/blog/2019/08/thank-you-angular-cli-team/

[59] Vue.js: 3 анти-паттерна: https://habr.com/ru/company/ruvds/blog/463327/

[60] Vue.js 3: перспективы развития: https://webdevblog.ru/vue-js-3-perspektivy-razvitiya/

[61] Как использовать Vuex для сохранения состояния в JavaScript: https://medium.com/better-programming/how-to-use-vuex-to-store-state-490fabf4f6d7

[62] Комплексное руководство по созданию PWA с использованием Vue CLI 3.0: https://www.bacancytechnology.com/blog/pwa-using-vue-cli-3

[63] Octane на подходе в v3.14: https://blog.emberjs.com/2019/08/15/octane-release-plan.html

[64] Как написать действительно амбициозный SPA в 2019 году: http://luketheobscure.github.io/how-to-write-an-ambitious-app

[65] Туториал по визуальному регрессионному тестированию Ember-Backstop: https://www.linkedin.com/pulse/ember-backstop-visual-regression-testing-tutorial-garris-shipon/

[66] Разбираем возможности конвертирования HTML в PDF браузером Google Chrome: https://habr.com/en/post/459112/

[67] В Firefox 70 будет ужесточён вывод уведомлений и внесены ограничения для ftp: https://www.opennet.ru/opennews/art.shtml?num=51281

[68] В Firefox 70 планируют изменить отображение HTTPS и HTTP в адресной строке: http://www.opennet.ru/opennews/art.shtml?num=51272

[69] В Chrome 77 и Firefox 70 будет прекращена маркировка сертификатов с расширенной верификацией: http://www.opennet.ru/opennews/art.shtml?num=51271

[70] Google лишает Chrome поддержки FTP: https://xakep.ru/2019/08/16/ftp-intent-to-remove/

[71] Как Facebook масштабирует архитектуру чата с нагрузкой в миллиарды сообщений в день: https://tproger.ru/translations/facebook-chat-scaling-structure/

[72] Исследование: количество поисковых запросов в Google без переходов на сайты впервые превысило 50%: https://vc.ru/services/79373-issledovanie-kolichestvo-poiskovyh-zaprosov-v-google-bez-perehodov-na-sayty-vpervye-prevysilo-50

[73] Исследователь получил штрафы на 12 000 долларов, поменяв номерной знак авто на «NULL»: https://xakep.ru/2019/08/14/null-icense-plate/

[74] Google представила Lexend — новый шрифт для более быстрого чтения документов и таблиц: https://itc.ua/news/google-predstavila-lexend-novyj-shrift-dlya-bolee-bystrogo-chteniya-dokumentov-i-tablicz/

[75] Google: только 26% пользователей согласились сменить пароль, узнав о его компрометации: https://xakep.ru/2019/08/16/password-checkup-stats/

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

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

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

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

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