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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Новости 512 — Выпуск №35 (21.01 — 27.01) : https://soundcloud.com/csssr/novosti-512-vypusk-35-2101-2701

[8] #81 Всё что вы хотели знать о GraphQL: https://soundcloud.com/frontend_u/e81

[9] #23 — Hasura GraphQL Engine : https://soundcloud.com/5minreact_audio/023-hasura-graphql-engine

[10] Raymarching, бесконечное пространство: https://www.youtube.com/watch?v=D-HroAIUePM

[11] Куда пропал RSConf? Мелкософт побеждает Фейсбук? Халявные билеты на ReactAmsterdam!: https://www.youtube.com/watch?v=equTGWs86EU

[12] Почему rel=canonical может игнорироваться на сайтах, использующих JS: https://www.searchengines.ru/canonical-js.html

[13] почему старые сайты могут ранжироваться выше, чем более свежий контент: https://www.searchengines.ru/mueller-old-site.html

[14] Рассказ о том, как не надо проектировать API: https://medium.com/webbdev/api-ebb0b6d20d4

[15] Electron: разработка настольных приложений: https://medium.com/webbdev/electron-a09bf196a40b

[16] В чем я не шарю в 2018: https://overreacted.io/ru/things-i-dont-know-as-of-2018/

[17] популярной статьи: https://overreacted.io/things-i-dont-know-as-of-2018/

[18] Великое разделение: https://css-tricks.com/the-great-divide/

[19] Что мы узнали о тенденциях найма разработчиков в 2019 году из анализа 112 654 тестов кодирования: https://medium.freecodecamp.org/what-we-learned-about-2019-developer-hiring-trends-from-analyzing-112-654-coding-tests-b05a3ba0ca7b

[20] Как создавать виртуальную реальность с помощью веб-технологий, новая серия видео: https://hacks.mozilla.org/2019/01/how-to-make-vr-with-the-web-video-series/

[21] Как мы перешли с WordPress на React и подняли $80 миллионов: https://medium.com/the-hamato-yogi-chronichels/how-we-moved-from-wordpress-to-react-and-raised-80-million-6e80b88be28f

[22] Детальный обзор Feature policy. За рамками черновиков.: https://www.youtube.com/watch?v=2cms8PgrCQ4

[23] Оптимизация сайта для GooglePage Speed (учтены все особенности после его обновления) Часть 1: https://habr.com/ru/post/436966/

[24] Юзабилити веб-страниц имеет значение: https://addyosmani.com/blog/usability/

[25] Предзагрузка ссылок с использованием Service Workers: https://blog.bitsrc.io/prefetching-links-using-service-workers-d9f6babfd0b

[26] Webpack: неожиданное путешествие: https://medium.zenika.com/webpack-an-unexpected-journey-26f987efd1c5

[27] Что нового в DevTools (Chrome 73): https://developers.google.com/web/updates/2019/01/devtools

[28] Будущее Yarn — v2 и после: https://github.com/yarnpkg/yarn/issues/6953

[29] rrweb ('record and replay the web'): инструмент для записи и воспроизведения взаимодействия пользователей в вебе: https://www.rrweb.io/

[30] Создание собственного симулятора гравитации и космоса: https://css-tricks.com/creating-your-own-gravity-and-space-simulator/

[31] SVG Filter Effects: контурный текст с <feMorphology> : https://tympanus.net/codrops/2019/01/22/svg-filter-effects-outline-text-with-femorphology/

[32] Les Animals: https://2019.lesanimals.digital/en

[33] Градиентные границы в CSS: https://habr.com/ru/post/437310/

[34] Text-transform и копирование: https://medium.com/web-standards/text-transform-copy-65faa3c5e91b

[35] Шаблоны дизайна таблиц в вебе: https://www.smashingmagazine.com/2019/01/table-design-patterns-web/

[36] Анимация CSS Grid: https://css-irl.info/animating-css-grid/

[37] Flexbox.ninja: https://flexbox.ninja/

[38] Градианы и Обороты: тихие герои CSS углов: https://dev.to/kenbellows/gradians-and-turns-the-quiet-heroes-of-css-angles-7ia

[39] Ваш инструментарий для создания CSS лейаутов в 2019: https://www.youtube.com/watch?v=5XsZnCwbgwA

[40] Firefox DevTools для тех, кто работает с CSS: https://blog.logrocket.com/firefox-devtools-for-css-authors-1511f41d1e3

[41] Урок по Гудини: CSS рисование и переменные: https://seesparkbox.com/foundry/houdini_tutorial_css_paint_custom_properties_api

[42] JS-битва: как я написал свой eval(): https://habr.com/ru/company/jugru/blog/436586/

[43] Осваиваем async/await на реальном примере: https://habr.com/ru/company/ruvds/blog/436884/

[44] Как работать с денежными значениями в JavaScript: https://medium.com/devschacht/how-to-handle-monetary-values-in-javascript-bb0706840f0e

[45] Почему каждое новое веб-приложение в PayPal начинается с TypeScript: https://medium.com/paypal-engineering/why-every-new-web-app-at-paypal-starts-with-typescript-9d1acc07c839

[46] Что нового в JavaScript на 2019 год: https://developer.okta.com/blog/2019/01/22/whats-new-in-es2019

[47] Погружение в JavaScript: как создать конвертер цветов Hex2RGB: https://medium.freecodecamp.org/diving-into-javascript-how-to-create-a-hex2rgb-color-converter-ce32d32afd1f

[48] Нахождение наиболее повторяющегося символа: https://scotch.io/courses/the-ultimate-guide-to-javascript-algorithms/finding-the-most-recurring-character

[49] Цена TypeScript: https://habr.com/ru/company/ruvds/blog/437464/

[50] TypeScript ESLint: https://github.com/typescript-eslint/typescript-eslint

[51] Функциональный TypeScript: TypeScript стандарт для надежных serverless функций: https://github.com/transitive-bullshit/functional-typescript

[52] Бесплатные книги по Node.js: https://devfreebooks.github.io/nodejs/

[53] Лучшие 7 Node.js фреймворков для разработчиков: https://frontnet.eu/top-7-node-js-frameworks-for-developers/

[54] Инструментарий работы с HTTP запросами в node: https://medium.com/@tlivings/instrumenting-http-requests-in-node-5bf48c10f1c0

[55] Мультипоточность Node.js: что такое Worker Threads и чем они важны?: https://blog.logrocket.com/node-js-multithreading-what-are-worker-threads-and-why-do-they-matter-48ab102f8b10

[56] Шпаргалка по современному JavaScript: https://tproger.ru/translations/javascript-cheatsheet/

[57] 10 вещей, которые стоит знать каждому JavaScript-разработчику: https://medium.com/webbdev/js-29594739b98c

[58] Как использовать деструктуризацию в JavaScript (ES6) в полной мере: https://medium.freecodecamp.org/destructuring-in-javascript-es6-ee963292623a

[59] Шаблоны итераторов JavaScript: https://loige.co/javascript-iterator-patterns/

[60] Полное руководство по алгоритмам в JavaScript: https://scotch.io/courses/the-ultimate-guide-to-javascript-algorithms

[61] Что такое tree shaking и как оно работает?: https://bitsofco.de/what-is-tree-shaking/

[62] 15 полезных примеров использования map(), reduce() и filter(): https://medium.com/@alex.permyakov/15-useful-javascript-examples-of-map-reduce-and-filter-74cbbb5e0a1f

[63] Обзор Vue.js 2.6: https://habr.com/ru/company/constanta/blog/437582/

[64] Vuex — это просто!: https://medium.com/@KucherDev/vuex-%D1%8D%D1%82%D0%BE-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D0%BE-6807d9ad330d

[65] 10 профессиональных советов Vue.js от мастеров Vue: https://medium.com/vue-mastery/10-vue-js-pro-tips-from-vue-masters-2bf6131e7fe0

[66] Как определить, является ли Vue.js подходящим фреймворком для вашего следующего проекта: https://www.sitepoint.com/vue-right-framework/

[67] React: практики, которые помогут стать продвинутым разработчиком: https://tproger.ru/translations/concepts-to-become-an-advanced-react-developer/

[68] Почему Х не хук?: https://overreacted.io/why-isnt-x-a-hook/

[69] Полезности в React 16.6.0: https://css-tricks.com/react-16-6-0-goodies/

[70] Подтверждение почты с помощью React: https://blog.bitsrc.io/email-confirmation-with-react-257e5d9de725

[71] Как разработать свои React-суперспособности с помощью Context API: https://medium.freecodecamp.org/how-to-develop-your-react-superpowers-with-the-context-api-61e0ab952c02

[72] Использование элементов Content Editable в JavaScript (React): https://www.taniarascia.com/content-editable-elements-in-javascript-react/

[73] Как понять редьюсеры: вы можете их использовать без Redux: https://medium.freecodecamp.org/how-to-understand-reducers-you-can-use-them-without-redux-2935208bdb12

[74] Понимание React Default Props: https://blog.bitsrc.io/understanding-react-default-props-5c50401ed37d

[75] Понимание Fragments в React: https://blog.bitsrc.io/understanding-fragments-in-react-a1b6e534b01a

[76] Лучшее из мира Angular за неделю — Дайджест №1 (18 января - 25 января): https://habr.com/ru/post/437536/

[77] Angular 8: вторая бета доступна для загрузки: https://frontnet.eu/angular-8-the-2nd-beta-is-here-and-available-for-download/

[78] Angular 6 + Travis CI c Headless Chrome: https://levelup.gitconnected.com/angular-6-travis-ci-with-headless-chrome-58fab1b394e1

[79] Оптимизация Angular. Мемоизация pipe функций в шаблонах: https://medium.com/@ineedsomemeat/angular-optimization-memoized-pipe-functions-in-templates-75f62e16df5a

[80] Делаем появления сообщений об ошибках форм в Angular волшебными: https://netbasal.com/make-your-angular-forms-error-messages-magically-appear-1e32350b7fa5

[81] Сравнение библиотек для построения диаграмм в JavaScript: https://medium.freecodecamp.org/charting-the-waters-pt-2-a-comparison-of-javascript-charting-libraries-96e9fb79b856

[82] autoComplete.js: https://tarekraafat.github.io/autoComplete.js/#/

[83] hotkey: вызов действия на элементе при нажатии клавиш на клавиатуре: https://github.com/github/hotkey

[84] История одной проблемы со Speedometer, или Как Chromium управляет памятью: https://habr.com/ru/company/yandex/blog/436154/

[85] От новых API в Chromium пострадает не только uBlock Origin, но и другие расширения: https://habr.com/ru/post/437548/

[86] Новая редакция манифеста Chrome сделает невозможным использование uBlock Origin: http://www.opennet.ru/opennews/art.shtml?num=50009

[87] В Firefox 66 будет устранено смещение прокрутки из-за загрузки изображений: http://www.opennet.ru/opennews/art.shtml?num=50021

[88] блоге компании: https://www.zfort.com.ua/blog/

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

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

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

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

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