Дайджест свежих материалов из мира фронтенда за последнюю неделю №396 (30 декабря 2019 — 5 января 2020)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст «Сделайте мне красиво» Выпуск №32, в гостях Артур Кенжаев — Самая глупая статья и самый сложный выпуск: https://soundcloud.com/begebot/ep32

[7] Подкаст «Веб-стандарты» №210: Console.log или debug, вариативные шрифты, принципы a11y, НГ акции, одноразовый код: https://soundcloud.com/web-standards/episode-210

[8] Подкаст «CSSSR»: Новости 512 — Новогодний специальный выпуск 2020 : https://soundcloud.com/csssr/novosti-512-novogodniy-spetsialnyy-vypusk-2020

[9] #37 (T-Systems): https://www.youtube.com/playlist?list=PLcXJ90eZ2bxgTx_ztnh0OtDdlL9x9udS0

[10] #38 (Nexign): https://www.youtube.com/playlist?list=PLcXJ90eZ2bxidyH3UGfUpC1wjkYTsGBvD

[11] #40 (DataArt): https://www.youtube.com/playlist?list=PLcXJ90eZ2bxjlewIlnsC_dQZeX7BHtnut

[12] #41 (DINS): https://www.youtube.com/playlist?list=PLcXJ90eZ2bxgd6G18qwV-_gfbsF5LMkrh

[13] #42 (JetBrains): https://www.youtube.com/playlist?list=PLcXJ90eZ2bxgyRARkJXL6YkaqbjYW5nXg

[14] Прогрессивные веб-приложения в 2020: https://habr.com/ru/post/482772/

[15] CI/CD для фронтенда: обзор инструментов и практик для автоматизации разработки: https://dou.ua/lenta/articles/ci-cd-for-frontend/

[16] SEO-итоги 2019 года: ставка на асессоров: https://www.searchengines.ru/seo-itogi-2019-goda.html

[17] Изучаем IndexedDB: https://webdevblog.ru/izuchaem-indexeddb/

[18] Веб-разработка в 2020 году — взгляд в будущее: https://areknawo.com/web-development-in-2020-a-look-forward/

[19] Что вы можете сделать с помощью браузера в 2020 году : https://github.com/luruke/browser-2020

[20] Что мы читаем, 2019. Подборка ресурсов, на которых можно следить за тенденциями веб-разработки : https://css-tricks.com/what-were-reading-2019/

[21] Что такое CORS (Cross Source Resource Sharing)?: https://medium.com/javascript-in-plain-english/what-is-cors-cross-origin-resource-sharing-98df12d0f7db

[22] Storybook Docs для новых фреймворков: https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea

[23] Подборка креативных прототипов анимированных интерфейсов «UI Interactions & Animations Roundup #1»: https://tympanus.net/codrops/2020/01/04/ui-interactions-animations-roundup-1/

[24] Оптимизация загрузки изображений: https://habr.com/ru/post/482820/

[25] Сравнение производительности HTTP/1.1, HTTP/2 и HTTP/2 + Server Push: https://www.opennet.ru/opennews/art.shtml?num=52129

[26] Прототипирование оптимизаций с помощью Cloudflare Workers и WebPageTest : https://calendar.perfplanet.com/2019/prototyping-optimizations-with-cloudflare-workers-and-webpagetest/

[27] Как оптимизировать время загрузки страницы: другой взгляд на индекс фрустрации : https://calendar.perfplanet.com/2019/how-to-optimize-page-load-times-a-different-slant-on-the-frustration-index/

[28] Как читать waterfall-диаграмму в WebPageTest : https://nooshu.github.io/blog/2019/10/02/how-to-read-a-wpt-waterfall-chart/

[29] Проблемы с производительностью JavaScript? : https://medium.com/javascript-in-plain-english/javascript-performance-issues-6edaee6db7b1

[30] Создание макета ежедневника с помощью CSS Grid & Subgrid & Flexbox : https://blog.stephaniestimac.com/posts/12-29-2019-bullet-journal/

[31] Понимание CSS-in-JS: https://www.telerik.com/blogs/understanding-css-in-js

[32] Понимание CSS Grid: создание Grid Container : https://www.smashingmagazine.com/2020/01/understanding-css-grid-container/

[33] Могущественное свойство CSS z-index : https://alligator.io/css/z-index/

[34] Полезен ли селектор “is”?: https://css-tricks.com/is-is-useful/

[35] 2 способа создания Holy Grail Layout на Flexbox: https://www.developerdrive.com/holy-grail-layout-flexbox/

[36] Минимальная и максимальная ширина / высота в CSS : https://ishadeed.com/article/min-max-css/

[37] Новый год, новая работа? Давайте создадим резюме на гридах! : https://css-tricks.com/new-year-new-job-lets-make-a-grid-powered-resume/

[38] JavaScript Weekly 2019: самые популярные ссылки, статьи, туториалы и видео за 2019: https://javascriptweekly.com/issues/469

[39] 70 вопросов для интервью по JavaScript : https://dev.to/macmacky/70-javascript-interview-questions-5gfi

[40] Chrome V8 версии 8.0 — V8, — Чего ожидать? : https://towardsdatascience.com/chrome-v8-version-8-0-v8-what-to-expect-11094d45411e

[41] Смещение выборки, FDR и мысли о The State of JS: https://davidea.st/articles/sampling-bias-fdr-state-of-js

[42] Из чего сделан JavaScript?: https://habr.com/ru/company/ruvds/blog/482472/

[43] Быстрые и поддерживаемые шаблоны для создания выборки из базы данных : https://sophiebits.com/2020/01/01/fast-maintainable-db-patterns.html

[44] Распространенные ошибки Javascript Promise, которые каждый новичок должен знать и избегать : https://gosink.in/common-javascript-promise-mistakes-beginners/

[45] 5 функций JavaScript, без которых я не мог бы писать код: https://www.javascriptjanuary.com/blog/5-javascript-features-i-couldnt-code-without

[46] 11+ функций JavaScript, которые вы, вероятно, никогда не использовали : https://blog.bitsrc.io/features-of-javascript-you-probably-never-used-4c117ba3f025

[47] ES7-ES9 Features #8 String methods: https://www.youtube.com/watch?v=MI_9grIevCE&t=2s

[48] Сила упрощения больших компонентов в React : https://medium.com/better-programming/the-power-of-simplifying-large-components-in-react-c0d15fa88f70

[49] Сравнение библиотек тестирования React : https://blog.logrocket.com/comparing-react-testing-libraries/

[50] Работа со ссылками в Next.js : https://blog.logrocket.com/dealing-with-links-in-next-js/

[51] Redux VS React Context: какой из них выбрать? : https://dev.to/ibrahima92/redux-vs-react-context-which-one-should-you-choose-2hhh

[52] Год React — обзор 2019 : https://dev.to/selbekk/a-year-of-react-2019-in-review-2pal

[53] React-Redux Hooks с Typescript в 2020: https://codersera.com/blog/react-redux-hooks-with-typescript/

[54] API Vue Composition: что это такое и как его использовать? : https://www.telerik.com/blogs/vue-composition-api-what-is-it-how-to-use-it

[55] Off Main Thread архитектура с помощью Vuex: https://logaretm.com/blog/2019-12-21-vuex-off-mainthread/

[56] Шпаргалка по Vue, часть 3, продвинутая : https://dev.to/adnanbabakan/vue-cheat-sheet-3-advanced-4khj

[57] Vue Apollo v4: первый взгляд : https://dev.to/n_tepluhina/vue-apollo-v4-the-first-look-c32

[58] Создание веб-компонентов с помощью Vue.js : https://dev.to/aumayeung/create-web-components-with-vue-js-2bb0

[59] Vue.js Composition API: использование с MediaDevices API : https://dev.to/3vilarthas/vue-js-composition-api-usage-with-mediadevices-api-2efb

[60] Ленивое решение Observable API Services с Vue.js: https://markus.oberlehner.net/blog/lazy-resolving-observable-api-services-with-vue/

[61] Обзор Vue Keep-Alive: https://learnvue.co/2019/12/an-overview-of-vue-keep-alive/

[62] Angular: Supercharging The Router: https://medium.com/wizdm-genesys/angular-supercharging-the-router-a49e370fad78

[63] 15 лучших статей по Angular за 2019 год : https://indepth.dev/top-15-angular-indepth-articles-of-2019/

[64] Повысьте производительность SPA, разбив ваши библиотеки Angular на несколько частей: https://habr.com/ru/post/482646/

[65] compodoc — инструмент документации проектов на angular : https://wuschools.com/compodoc/

[66] Использование TailwindCss с Ember: https://dev.to/jamesbyrne/using-tailwindcss-with-ember-41el

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

[68] Одна из причин, почему вы должны использовать URL : https://ilyaradchenko.com/one-reason-why-you-should-be-using-urls/

[69] Создайте отзывчивый веб-сайт с помощью Svelte за 30 минут.: https://dev.to/karkranikhil/build-responsive-website-using-svelte-in-30-minutes-l9

[70] Как создать веб-компонент в Svelte : https://dev.to/silvio/how-to-create-a-web-components-in-svelte-2g4j

[71] Как правильно использовать библиотеки утилит в JavaScript : https://dmitripavlutin.com/javascript-utility-libraries/

[72] IsoCity — Изометрический градостроительный симулятор на JavaScript: https://github.com/victorqribeiro/isocity

[73] Как выпустить библиотеку с открытым исходным кодом в 2020 году : https://eunjae.dev/release-open-source-library-2020

[74] Наиболее важные события 2019 года: https://www.opennet.ru/opennews/art.shtml?num=52120

[75] Автономный рунет, нейросети, спутники Starlink, складные смартфоны: как поменялась сфера IT за последний год: https://tproger.ru/articles/how-it-changed-in-2019/

[76] Samsung Galaxy Fold, скандал с «кредитками» от Apple и проблемы Boeing: технологические неудачи в 2019 году: https://vc.ru/future/100062-samsung-galaxy-fold-skandal-s-kreditkami-ot-apple-i-problemy-boeing-tehnologicheskie-neudachi-v-2019-godu

[77] GIGANEWS. Все самые важные новости безопасности за 2019 год: https://xakep.ru/2019/12/30/giganews-2019/

[78] Редизайн сайта или как сохранить позиции и трафик в поисковых системах: https://vc.ru/seo/100100-redizayn-sayta-ili-kak-sohranit-pozicii-i-trafik-v-poiskovyh-sistemah

[79] В девяностых и сейчас: как менялись грузовик Coca-Cola, новогодние дудлы Google, стаканчики Starbucks и другие символы: https://vc.ru/marketing/97682-v-devyanostyh-i-seychas-kak-menyalis-gruzovik-coca-cola-novogodnie-dudly-google-stakanchiki-starbucks-i-drugie-simvoly

[80] Пять лучших книг о науке за 2019 год по версии научного издания Nature: https://vc.ru/books/99877-pyat-luchshih-knig-o-nauke-za-2019-god-po-versii-nauchnogo-izdaniya-nature

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

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

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

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

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