Дайджест свежих материалов из мира фронтенда за последнюю неделю №295 (25 — 31 декабря 2017)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] Выпуск №101: Как отмечать НГ, что читать и смотреть в следующем году, последние Звёздные войны и вся сага, Дж. Р. Р. Толкин и фантастика, зачем заливать оливье водой и… песня!: https://medium.com/web-standards/episode-101-2dff1854eab

[7] RadioJS #50 — С юбилеем и новым годом! : https://medium.com/@frontman/radiojs-50-9079ecdefc19

[8] Выпуск №10 — Новогодний. История Девшахты и планы развития: https://soundcloud.com/devschacht/devschacht-10

[9] #32 Новогодний выпуск. Как свалить в Швейцарию: https://soundcloud.com/frontend_u/e32

[10] #23 — «Afterparty»: https://spb-frontend.ru/podcast/23/

[11] «Жидкие частицы, SVG + Canvas»: https://www.youtube.com/watch?v=CakNmQEmf1I

[12] Видеозаписи митапов Odessa Frontend: https://www.youtube.com/channel/UCKCPGqgTiu4koUi0jcIFnHQ/videos

[13] Спросите у Яндекса про интерфейсы: https://www.youtube.com/watch?v=nmr5RoZa1Vs

[14] Фронтенд-2017: о самом важном: https://habrahabr.ru/company/ruvds/blog/345792/

[15] Инструменты фронтенда: мои избранные находки из 2017-го: https://css-tricks.com/front-end-tools-favorite-finds-2017/

[16] Самые популярные в 2017-м году ссылки: https://medium.com/statuscode/2017s-most-popular-frontend-links-45d35a67ceb7

[17] Дорожная карта на 2018-й год для фулстэк веб-разработчика: https://codingthesmartway.com/the-2018-roadmap-to-fullstack-web-development/

[18] Кошмарный слайдинг: понимание работы Range Input: https://css-tricks.com/sliding-nightmare-understanding-range-input/

[19] Минимальный набор мета-тегов для шаринга в соцсетях: http://www.phpied.com/minimum-viable-sharing-meta-tags/

[20] Увеличить годовую выручку на 97% при помощи нейросетей и Google AMP: https://vc.ru/31021-uvelichit-godovuyu-vyruchku-na-97-pri-pomoshchi-neyrosetey-i-google-amp

[21] Оптимизация производительности фронтенда: https://habrahabr.ru/company/oleg-bunin/blog/345498/

[22] Страховка производительности: https://calendar.perfplanet.com/2017/performance-insurance/

[23] О фактах, которые многие забывают при замере производительности: https://calendar.perfplanet.com/2017/forgotten-facts-while-measuring-performance/

[24] Отслеживание производительности веб-шрифтов с помощью Font API, Boomerang и UserTiming API: http://www.andreas-marschke.name/posts/2017/12/29/Fonts-API-UserTiming-Boomerang.html

[25] Подробности приближающегося релиза Babel 7.0: https://babeljs.io/blog/2017/12/27/nearing-the-7.0-release

[26] Тестирование браузеров — Safari 11 vs Chrome 63 vs Firefox 57 (Quantum): https://www.railsmine.net/2017/12/browser-benchmark-safari-11-chrome-63-firefox-57.html

[27] toapi: http://www.toapi.org/

[28] CSS-десант. Sports.ru: https://designpub.ru/css-%D0%B4%D0%B5%D1%81%D0%B0%D0%BD%D1%82-sports-ru-d0e4c79caf32

[29] Примеры использования функции Calc() : https://pineco.de/calc-function-with-use-cases/

[30] Автоматичекие изменение размеров колонок в CSS Grid: `auto-fill` vs `auto-fit`: https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/

[31] Как воссоздать структуру страниц Medium с помощью CSS Grid: https://medium.freecodecamp.org/how-to-recreate-mediums-article-layout-with-css-grid-b4608792bad1

[32] Пять страхов дизайнеров, преодолеваемых с помощью CSS Grid: https://css-tricks.com/five-design-fears-vanquish-css-grid/

[33] 10 докладов и презентаций о будущем CSS: https://speckyboy.com/dev-talks-presentations-future-css/

[34] Переносим анимацию из After Effects на CSS Transitions и Keyframes: https://www.smashingmagazine.com/2017/12/after-effects-css-transitions-keyframes/

[35] Service Workers. Инструкция по применению: https://habrahabr.ru/company/2gis/blog/345552/

[36] Исчерпывающий справочник по JavaScript для вашего следующего собеседования. Часть 1: https://habrahabr.ru/post/345882/

[37] Какие JavaScript фреймворки вам следует выучить в 2018?: https://medium.com/@samerbuna/which-javascript-frameworks-should-you-learn-in-2018-ecea9a27617d

[38] Топ JavaScript трендов, за которыми стоит следить в 2018 : https://hackernoon.com/the-top-javascript-trends-to-watch-in-2018-a8437dd94425

[39] Как делать изменения в DOM: https://www.digitalocean.com/community/tutorials/how-to-make-changes-to-the-dom

[40] Пишем JS библиотеку, которая будет менее 1TB по размеру: https://medium.com/@kelin2025/writing-js-libraries-less-than-1tb-size-6342da0c006a

[41] Как я создал говорящий emoji с помощью обычных emoji и JavaScript: https://hackernoon.com/how-i-made-a-talking-emoji-using-regular-emojis-and-javascript-fe20e62ba10

[42] 3 причины выбрать Vue вместо React в 2018: https://medium.com/@derickruizen/want-to-get-things-done-and-ship-3-reasons-to-choose-vue-over-react-in-2018-8de3fe710211

[43] Базовое введение в отладку приложений на Vue с помощью брейкопинтов: https://medium.com/@_Dreamstream/a-basic-introduction-to-debugging-vue-applications-using-breakpoints-2ef76ce419f2

[44] Создание роута с ленивой загрузкой с помощью Vue.js и последних возможностей браузера: https://medium.com/js-dojo/build-a-lazy-load-router-with-vue-js-and-the-latest-browser-features-a1b52fe52dda

[45] Как создать блог на React и Gatsby за 10 минут: https://medium.freecodecamp.org/how-to-build-a-react-and-gatsby-powered-blog-in-about-10-minutes-625c35c06481

[46] часть 1: https://hackernoon.com/building-url-shortener-using-react-apollo-and-graphql-part-i-467aef8c64ce

[47]  часть 2: https://hackernoon.com/building-url-shortener-using-react-apollo-and-graphql-part-ii-d686dd797c71

[48] Как обфусцировать имена классов CSS с помощью React и Webpack: https://develoger.com/how-to-obfuscate-css-class-names-with-react-and-webpack-20e2b5c49cda

[49] Понимание исходного кода React — начальный рендеринг: https://hackernoon.com/understanding-the-react-source-code-initial-rendering-simple-component-i-80263fe46cf1

[50] Почему разработчики и компании выбирают Angular: https://medium.com/angular-japan-user-group/why-developers-and-companies-choose-angular-4c9ba6098e1c

[51] Серверный рендеринг Angular 5 с помощью Firebase  — пошаговое руководство: https://medium.com/@hamedbaatour/angular-5-server-side-rendering-with-firebase-step-by-step-guide-ec5f4d8ef38b

[52] Время отклика компьютеров: 1977−2017: https://habrahabr.ru/post/345584/

[53] Достижения и фейлы техноиндустрии за 2017 год по версии NYT: https://ain.ua/2017/12/27/dostizheniya-i-fejly-2017i-nyt

[54] Как машинное обучение меняет SEO: https://www.searchengines.ru/machine-learning-seo.html

[55] Google: директива Noindex, follow со временем переходит в Noindex, nofollow: https://www.searchengines.ru/1153018.html

[56] Свобода, ответственность и высокая зарплата: Дмитрий Очеретяный о работе в Netflix: https://dou.ua/lenta/interviews/ocheretyanyy-netflix/

[57] Использование нейронной сети для восстановления повреждённых изображений: http://www.opennet.ru/opennews/art.shtml?num=47831

[58] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/345454/

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

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

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

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