Дайджест свежих материалов из мира фронтенда за последнюю неделю №390 (18 — 24 ноября 2019)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

[5] Подкаст «Веб-стандарты» #205. Safari TP, сервис-воркеры, Node.js ESM, Async и Promise, Optional Chaining, кастомные свойства: https://medium.com/web-standards/episode-205-61e1e0462a54

[6] Подкаст «Frontend Weekend» #100 – Что изменилось у Артёма Цацина и самого подкаста за всё время (юбилейный выпуск) : https://soundcloud.com/frontend-weekend/fw-100

[7] UnderJS Podcast #8 — Один бинарник для JavaScript?: https://underjs.ru/podcast/2019/11/20/single-binary-javascript-file.html

[8] Подкаст «CSSSR»: Новости 512 — predustanovka, RC-парад, новые фичи Vue 3, CSS 8, Github for mobile и Oracle vs Google: https://soundcloud.com/csssr/novosti-512-predustanovka-rc-parad-novye-fichi-vue-3-css-8-github-for-mobile-i-oracle-vs-google

[9] Подкаст «CSSSR»: Remote Talk #09 — Яков Файн и Антон Моисеев, NYC vs Самара, TypeScript и важность книг в IT: https://soundcloud.com/csssr/remote-talk-09-yakov-fayn-i-anton-moiseev-nyc-vs-samara-typescript-i-vazhnost-knig-v-it

[10] Подкаст «Фронтенд Юность (18+)» #115 С чистым сердцем и голым движком: https://soundcloud.com/frontend_u/e115

[11] Подкаст «Веб-стандарты» №204. Chrome Dev Summit, GitHub, снимок веба 2019, GSAP 3, Visual Studio: https://soundcloud.com/web-standards/episode-204

[12] Repozitorro #35 — Сильное портфолио для Джуниора: https://www.youtube.com/watch?v=kfBKyxVcFGA

[13] CSS-Minsk-JS Conference 2019: https://www.youtube.com/playlist?list=PLCXjZnLQLRSi2YW4LZ5UfBqrMtbPjwQe9

[14] Подкаст «JS Party», эпизод #101: нуждается ли JavaScript в ребрендинге. Да? Нет?: https://changelog.com/jsparty/101

[15] Как Apple убивает веб технологии: https://habr.com/ru/company/edison/blog/476698/

[16] SVG или canvas?: https://habr.com/ru/company/ruvds/blog/476292/

[17] Как мы внедряли WebAssembly в Яндекс.Картах и почему оставили JavaScript: https://habr.com/ru/company/yandex/blog/475382/

[18] UI в Firefox теперь работает на веб-компонентах: https://briangrinstead.com/blog/firefox-webcomponents/

[19] Введение в кодировку символов/текста в вебе : https://itnext.io/introduction-to-character-text-encoding-in-web-4b315c4244f2

[20] Основные моменты c Chrome Dev Summit 2019 : https://bitsofco.de/chrome-dev-summit-2019/

[21] 6 паттернов для микрофронтендов : https://blog.bitsrc.io/6-patterns-for-microfrontends-347ae0017ec0

[22] Подборка креативных сайтов «Inspirational Websites Roundup #10»: https://tympanus.net/codrops/2019/11/20/inspirational-websites-roundup-10/

[23] Адаптивная загрузка — улучшение веб-производительности на бюджетных устройствах : https://dev.to/addyosmani/adaptive-loading-improving-web-performance-on-low-end-devices-1m69

[24] WebPageTest: примеры сценариев продвинутого тестирования скорости сайтов: https://www.machmetrics.com/speed-blog/webpagetest-scripting-examples-for-advanced-speed-testing-scenarios/

[25] Новый подкаст «Planet Performance» от Стояна Стефанова: https://podcast.perfplanet.com/#1

[26] Изучить отзывчивый веб-дизайн за 5 минут: https://habr.com/ru/post/476974/

[27] Как сделать ваш HTML отзывчивым, добавив одну строку кода на CSS: https://habr.com/ru/post/477144/

[28] Маленькие хитрости кастомных свойств (CSS-переменных): https://css-live.ru/tricks/malenkie-xitrosti-kastomnyx-svojstv-css-peremennyx.html

[29] Тренируйте свои навыки CSS с помощью онлайн игр: https://dev.to/paco_ita/train-your-css-skills-with-online-games-4ah3

[30] Как вы удаляете неиспользуемый CSS с сайта? : https://css-tricks.com/how-do-you-remove-unused-css-from-a-site/

[31] Multiple-column Layout и column-span в Firefox 71: https://hacks.mozilla.org/2019/11/multiple-column-layout-and-column-span-in-firefox-71/

[32] Методы создания макета газеты с помощью CSS Grid и границ между элементами : https://css-tricks.com/techniques-for-a-newspaper-layout-with-css-grid-and-border-lines-between-elements/

[33] Понимание разницы между разрешением в CSS и разрешением устройства : https://medium.com/@elad/understanding-the-difference-between-css-resolution-and-device-resolution-28acae23da0b

[34] Пример использования UI: стили состояния компонентов карточки с учетом доступности: https://blog.prototypr.io/ui-case-study-state-styles-of-card-component-with-accessibility-in-mind-2f30137c6108

[35] Создание сложных макетов с использованием CSS Grid: https://www.sushkelly.co.uk/work/2019/11/21/creating-more-complex-layouts-using-css-grid.html?ref=heydesigner

[36] Часть 1: https://habr.com/ru/company/ruvds/blog/476286/

[37] Часть 2: https://habr.com/ru/company/ruvds/blog/476288/

[38] Deno: время Node.JS уходит?: https://habr.com/ru/post/476972/

[39] Анонсируем поддержку ECMAScript модулей в Node.js: https://habr.com/ru/post/477168/

[40] Производительность optional chaining в JavaScript: https://medium.com/devschacht/performance-of-javascript-optional-chaining-bf2a8aa99797

[41] Полезные новые функции в ES2016 и 2017: https://medium.com/better-programming/useful-new-features-in-es2016-and-2017-3df7b29cc503

[42] Что нового в ES2019? : http://www.zsoltnagy.eu/whats-new-in-es2019/

[43] Начало работы со стеком Express и ES6 + JavaScript : https://www.smashingmagazine.com/2019/11/express-es6-javascript-stack-mongodb-mongoose-servers/

[44] Я создал одинаковое приложение в React и Svelte. Вот различия.: https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-svelte-here-are-the-differences-c0bd2cc9b3f8

[45] jQuery Core: миграция с AMD на ES модули: https://github.com/jquery/jquery/commit/d0ce00cdfa680f1f0c38460bc51ea14079ae8b07

[46] Как успешно управлять масштабным JavaScript-монорепозиторием aka megarepo : https://www.jonathancreamer.com/how-to-successfully-manage-a-monorepo-aka-megarepo/

[47] Введение в ECMAScript 2017 (ES8): https://habr.com/ru/post/475074/

[48] Разница между асинхронной функцией и функцией, возвращающей промис: https://habr.com/ru/post/475260/

[49] Инкапсуляция в JavaScript: https://webdevblog.ru/inkapsulyaciya-v-javascript/

[50] Введение в Композицию в Javascript: https://webdevblog.ru/vvedenie-v-kompoziciju-v-javascript/

[51] Просто о композиции, агрегации и ассоциации в JavaScript: https://webdevblog.ru/prosto-o-kompozicii-agregacii-i-associacii-v-javascript/

[52] 15 частых операций над массивами в JavaScript (шпаргалка) : https://dmitripavlutin.com/operations-on-arrays-javascript/

[53] Ionic React — Первый взгляд: https://medium.com/devschacht/ionic-react-first-look-24b8a42c9e06

[54] Методы жизненного цикла компонентов React : https://dev.to/bunlong/react-component-lifecycle-methods-cheatsheet-1eaf

[55] Создайте переключатель на React в качестве переиспользуемого использования: https://www.sitepoint.com/react-toggle-switch-reusable-component/

[56] 4 кастомных хука для ускорения вашего приложения на React : https://levelup.gitconnected.com/4-custom-hooks-to-boost-your-react-app-d54aefe34061

[57] 11 лучших инструментов для разработчиков React на 2020 год: https://blog.bitsrc.io/11-top-react-developer-tools-for-2020-3860f734030b

[58] SWR — React Hooks библиотека для удаленной выборки данных.: https://swr.now.sh/

[59] Typescript и Redux. Мои советы.: https://dev.to/pretaporter/typescript-and-redux-my-tips-5da9

[60] Является ли React переоцененным?: https://medium.com/better-programming/is-react-overrated-c7f8efb75e3e

[61] Интересные новинки Vue 3: https://habr.com/ru/company/funcorp/blog/475968/

[62] Как создать прогрессивное веб-приложение с Vue.js : https://medium.com/@hohanga/how-to-create-a-progressive-web-app-with-vue-js-7086cbf87a43

[63] Готовый к продакшену Vue SSR за 5 простых шагов : https://medium.com/namecheap-engineering/production-ready-vue-ssr-in-5-simple-steps-39d171904150

[64] Suspense — новая функция в Vue 3 : https://vueschool.io/articles/vuejs-tutorials/suspense-new-feature-in-vue-3/

[65] Создание полноценного сайта-портфолио с Nuxt.js и Netlify: красиво, быстро и с 100% оптимизацией SEO: https://itnext.io/building-the-ultimate-portfolio-site-with-nuxt-js-and-netlify-beautiful-blazing-fast-100-seod-102913a60cfd

[66] Я создал одинаковоеприложение на Vue и Svelte. Вот различия. : https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-vue-and-svelte-here-are-the-differences-c649f8d4ce0a

[67] Angular без zone.js: максимум производительности: https://habr.com/ru/company/ruvds/blog/476956/

[68] Angular SEO: как сделать страницы, дружественными к поиску: https://buttercms.com/blog/angular-seo-how-to-make-search-friendly-pages

[69] Angular Promises Versus Observables: https://www.syncfusion.com/blogs/post/angular-promises-versus-observables.aspx?utm_campaign=angularweekly&utm_medium=email&utm_source=revuenewsletter

[70] Последнее руководство по обнаружению изменений в Angular, которое вам когда-либо понадобится. : https://www.mokkapps.de/blog/the-last-guide-for-angular-change-detection-you-will-ever-need/?utm_campaign=Angular%20Weekly&utm_medium=email&utm_source=Revue%20newsletter

[71] Как я написал NgRx Store в 63 строчки кода : https://medium.com/angular-in-depth/how-i-wrote-ngrx-store-in-63-lines-of-code-dfe925fe979b

[72] 9 идей для Angular, которые часто упускают из виду разработчики : https://medium.com/better-programming/9-major-ideas-for-angular-that-are-often-overlooked-by-developers-272a553335a7

[73] Релиз Ember 3.14 (Octane Preview Cont.): https://blog.emberjs.com/2019/11/18/ember-3-14-released.html

[74] Promises и UI states в Ember.js: https://embersteps.com/promises-and-ui-states-in-ember-js/

[75] Нужен ли вам EmberObject?: https://www.pzuraq.com/do-you-need-ember-object/

[76] Ember-CLI-Mirage: давайте создадим офигенный сервер и создадим базу данных : https://medium.com/@skocadam/ember-cli-mirage-lets-build-a-kick-ass-server-and-mock-database-2854a75b14ff

[77] lite-youtube-embed — custom element от Пола Айриша, загружающий видео в 224 раза быстрее, чем оригинальный способ: https://github.com/paulirish/lite-youtube-embed

[78] Legra (Lego brick Graphics) — это небольшая JS библиотека, которая позволяет рисовать с использованием легоподобных кирпичиков на canvas: https://legrajs.com/

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

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

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

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

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