- PVSM.RU - https://www.pvsm.ru -

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

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №395 (23 — 29 декабря 2019) - 1

Медиа [1]    |    Веб-разработка [2]    |    CSS [3]    |    JavaScript [4]

Медиа

podcast Подкаст «Фронтенд Юность (18+)» #120 Купи больше памяти или сядь в холодильник [5]
podcast Подкаст «Веб-стандарты» №209. Что не так с HTML и что можно с этим сделать, ШРИ Яндекса [6]
podcast pro​Conf #43: CSS Camp 2019 — WEB стили, сетки, пиксели. [7]

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

habr Как организовать эффективную работу распределенной команды верстки [8]
habr Фронтенд-2019: итоги года [9]
habr Мой новый стек веб-технологий для 2020 года [10]
8 важных SEO-тенденций, на которые стоит обратить внимание в 2020 году [11]
en Почему мы используем веб-компоненты [12]
en Обзор 2019 года для WebAssembly [13]
en 11 тенденций фронтенда на 2020 год, которые следует знать [14]
en Чему я научился за год обучения и преподавания доступности [15]
en Подборка вдохновляющих сайтов «Inspirational Websites Roundup» #11 [16]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №395 (23 — 29 декабря 2019) - 14 CSS

Введение в вариативные шрифты. Всё, что вы когда-либо знали о шрифтах, теперь изменилось (к лучшему). [17]
Mozilla Firefox и проблема псевдоэлемента ::first-letter [18]
en Пиксели против относительных единиц в CSS: почему это все еще важно [19]
en Lyrics 3.0 — Использование пользовательских свойств CSS для создания темизируемых текстов песен [20]
en Flash Grid: изучите CSS Grid при создании сетки на css [21]
en Помощь браузерам в оптимизации с помощью свойства CSS Container [22]

JavaScript

habr «Когда часы двенадцать бьют». Или гирлянда в браузере [23]
habr Клеточные автоматы в браузере [24]
Интересные новые функции в ES2018 [25]
en Глубокое погружение в типы TypeScript — часть 3: Функции [26]
en Выбор правильного JavaScript бандлера в 2020 году [27]
en 3 способа заменить все строковые значения в JavaScript [28]

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [55].
Материал подготовили dersmoll [56] и alekskorovin [57].

Автор: alexzfort

Источник [58]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

[5] Подкаст «Фронтенд Юность (18+)» #120 Купи больше памяти или сядь в холодильник: https://soundcloud.com/frontend_u/e120

[6] Подкаст «Веб-стандарты» №209. Что не так с HTML и что можно с этим сделать, ШРИ Яндекса: https://soundcloud.com/web-standards/episode-209

[7] pro​Conf #43: CSS Camp 2019 — WEB стили, сетки, пиксели.: https://soundcloud.com/proconf/43-css-camp-2019

[8] Как организовать эффективную работу распределенной команды верстки: https://habr.com/ru/company/tinkoff/blog/481978/

[9] Фронтенд-2019: итоги года: https://habr.com/ru/company/ruvds/blog/481576/

[10] Мой новый стек веб-технологий для 2020 года: https://habr.com/ru/company/ruvds/blog/481572/

[11] 8 важных SEO-тенденций, на которые стоит обратить внимание в 2020 году: https://www.searchengines.ru/seo-tendentsii-2020.html

[12] Почему мы используем веб-компоненты : https://viljamis.com/2019/why-we-use-web-components/

[13] Обзор 2019 года для WebAssembly : https://blog.scottlogic.com/2019/12/24/webassembly-2019.html

[14] 11 тенденций фронтенда на 2020 год, которые следует знать : https://blog.bitsrc.io/11-must-know-frontend-trends-for-2020-cea8a629b08

[15] Чему я научился за год обучения и преподавания доступности : https://www.24a11y.com/2019/what-a-year-of-learning-and-teaching-accessibility-taught-me/

[16] Подборка вдохновляющих сайтов «Inspirational Websites Roundup» #11: https://tympanus.net/codrops/2019/12/26/inspirational-websites-roundup-11/

[17] Введение в вариативные шрифты. Всё, что вы когда-либо знали о шрифтах, теперь изменилось (к лучшему).: https://medium.com/web-standards/%D0%B2%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B2-%D0%B2%D0%B0%D1%80%D0%B8%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B5-%D1%88%D1%80%D0%B8%D1%84%D1%82%D1%8B-3f2b6123e1cd

[18] Mozilla Firefox и проблема псевдоэлемента ::first-letter: https://medium.com/front-end-in-regions-grodno/mozilla-firefox-%D0%B8-%D0%BF%D1%80%D0%BE%D0%B1%D0%BB%D0%B5%D0%BC%D0%B0-%D0%BF%D1%81%D0%B5%D0%B2%D0%B4%D0%BE%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0-first-letter-61a05d17c736

[19] Пиксели против относительных единиц в CSS: почему это все еще важно : https://www.24a11y.com/2019/pixels-vs-relative-units-in-css-why-its-still-a-big-deal/

[20] Lyrics 3.0 — Использование пользовательских свойств CSS для создания темизируемых текстов песен: https://blog.joshwalsh.me/lyrics-3/

[21] Flash Grid: изучите CSS Grid при создании сетки на css : https://dev.to/codyhouse/flash-grid-learn-css-grid-by-building-a-grid-system-2c4f

[22] Помощь браузерам в оптимизации с помощью свойства CSS Container : https://www.smashingmagazine.com/2019/12/browsers-containment-css-contain-property/

[23] «Когда часы двенадцать бьют». Или гирлянда в браузере: https://habr.com/ru/post/482168/

[24] Клеточные автоматы в браузере: https://habr.com/ru/post/481672/

[25] Интересные новые функции в ES2018 : https://dailycoding.io/article/XtOwJ5CTWG6R3qGFEpdN

[26] Глубокое погружение в типы TypeScript — часть 3: Функции: https://www.barbarianmeetscoding.com/blog/2019/12/26/typescript-types-deep-dive-part-iii-functions

[27] Выбор правильного JavaScript бандлера в 2020 году : https://blog.bitsrc.io/choosing-the-right-javascript-bundler-in-2020-f9b1eae0d12b

[28] 3 способа заменить все строковые значения в JavaScript : https://dmitripavlutin.com/replace-all-string-occurrences-javascript/

[29] Откройте для себя Svelte : https://dev.to/vintharas/discovering-svelte-3ih9

[30] Начните работу со Svelte, написав приложение с техникой Pomodoro : https://dev.to/vintharas/discovering-svelte-getting-started-with-svelte-writing-a-pomodoro-technique-app-2lph

[31] Почему я перешел из React на Svelte, и остальные тоже так сделают : https://www.mikenikles.com/blog/why-i-moved-from-react-to-svelte-and-why-others-will-follow/

[32] Локализация React приложения: https://habr.com/ru/post/477618/

[33] 7 шагов, чтобы понять React Redux : https://dev.to/ibrahima92/7-steps-to-understand-react-redux-121j

[34] Как создавать приложения Electron с помощью React. : https://dev.to/tesh254/how-to-build-electron-apps-with-react-36b

[35] 5 способов документировать компоненты React в 2020 году : https://blog.bitsrc.io/5-ways-to-document-react-components-in-2020-ecf60f24dee8

[36] Vue.js: Хуки жизненного цикла ваших и сторонних компонентов: https://habr.com/ru/post/482030/

[37] Простая машина состояний для VueJS: https://habr.com/ru/post/482250/

[38] Что нужно знать о Vue3 в 2020 году: https://medium.com/swlh/what-you-need-to-know-about-vue3-in-2020-b36a2feb5dad

[39] Как Nuxt.js решает проблемы SEO в Vue.js : https://blog.logrocket.com/how-nuxt-js-solves-the-seo-problems-in-vue-js/

[40] Шпаргалка по Vue, часть 1: https://dev.to/adnanbabakan/vue-cheat-sheet-1-194a

[41] Часть 2: https://dev.to/adnanbabakan/vue-cheat-sheet-2-5aj8

[42] Переписываем компоненты на Vue 2.x с помощью API Vue Composition : https://dev.to/shaggydoag/rewriting-a-vue-2-x-component-with-vue-composition-api-27ll

[43] Angular в 2020 и после: https://medium.com/better-programming/angular-in-2020-and-beyond-b2e98543ef17

[44] 7 новых и интересных функций TypeScript : https://blog.bitsrc.io/7-new-and-exciting-typescript-features-48b760ae0b73

[45] Рефакторинг приложений на Angular для реактивной архитектуры : https://christianlydemann.com/refactoring-angular-apps-to-reactive-architecture/

[46] Туториал из руководства по Ember.js. Приложение Super Rentals. Часть 1.1: https://habr.com/ru/post/482296/

[47] Часть 1.2: https://habr.com/ru/post/482390/

[48] Знакомьтесь с Ember Octane: https://habr.com/ru/post/482158/

[49] Переписывание приложений на Ember Octane : https://crunchingnumbers.live/2019/12/23/rewriting-apps-in-ember-octane/

[50] Post-Octane Ember Routing: https://mehulkar.com/blog/2019/12/post-octane-ember-routing/

[51] Peekobot — простой фреймворк для чатбота, написанный менее чем в 100 строках ванильного JavaScript: https://github.com/Peekobot/peekobot

[52] Анализируйте, валидируйте, управляйте и отображайте даты и время в JavaScript с помощью Day.js: https://alligator.io/js/dayjs/

[53] Cook — минималистичный CLI инструмент для создания и использования собственных бойлерплейтов: https://github.com/eykrehbein/cook

[54] PowerModeInput может сделать ваше поле ввода текста более привлекательным: https://github.com/lindelof/power-mode-input

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

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

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

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