Дайджест свежих материалов из мира фронтенда за последнюю неделю №311 (16 — 22 апреля 2018)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] #49 – Алексей Куреев про React Native, жизнь в Амстердаме и собеседование в Facebook: https://soundcloud.com/frontend-weekend/fw-49

[7] #48 – Вова Барсуков о переезде в Берлин и о том, как перейти из frontend-разработки в консалтинг: https://soundcloud.com/frontend-weekend/fw-48

[8] Ночной фронтенд #31: Новая книга Дяди Боба: https://medium.com/devschacht/nightly-31-93705e13df2b

[9] From Amsterdam with love: Javascript — основа программирования: https://soundcloud.com/frontend_u/amsterdam

[10] Выпуск 1: Второй пилот новостного подкаста.: https://soundcloud.com/csssr/512news_02

[11] «Полосатые объекты на кривых и шейдерах»: https://www.youtube.com/watch?v=VYpcD6yRkQE

[12] Moscow SPA Meetup #4: https://www.youtube.com/playlist?list=PLknJ4Vr6efQFtZmsXmGG64Rz_PHrcXCBL

[13] Render Conf 2018: https://www.youtube.com/playlist?list=PLBzScQzZ83I9c8OjCkL2rBi_-23grnDTF

[14] JSConf AU 2018cd h: https://www.youtube.com/playlist?list=PLZriQCloF6GDuXF8RRPd1mIl9W2QXF-sQ

[15] Поисковая оптимизация сайтов, использующих SPA-приложения: https://vc.ru/36449-poiskovaya-optimizaciya-saytov-ispolzuyushchih-spa-prilozheniya

[16] Хочу стать frontend разработчиком: базовые знания и план обучения: https://tproger.ru/curriculum/intro-to-frontend-development/

[17] Design Checklist для креативных веб-дизайнеров и упорных фронтенд-разработчиков: https://github.com/thedaviddias/Front-End-Design-Checklist

[18] Когда следует игнорировать 'mobile-first': https://www.creativebloq.com/advice/when-to-ignore-mobile-first

[19] Выбираем отзывчивый фреймворк для верстки писем: MJML vs. Foundation for Emails: https://css-tricks.com/choosing-a-responsive-email-framework%e2%80%8amjml-vs-foundation-for-emails/

[20] Замена анимированных GIFs на Video: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/replace-animated-gifs-with-video/

[21] Создание эффекта панорамирования для SVG: https://css-tricks.com/creating-a-panning-effect-for-svg/

[22] packagephobia: https://github.com/styfle/packagephobia

[23] Mission Critical: оптимизация CSS для CDN : https://www.filamentgroup.com/lab/critical-cdn.html

[24] <link rel=”prefetch/preload”> в webpack : https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c

[25] Оптимизация производительности JS: обзор: https://www.sitepoint.com/javascript-performance-optimization-tips-an-overview/

[26] Еженедельная подборка красивых эффектов на CSS/SVG/JS #76: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-css-svg-js-76.html

[27] Исследование солнечной системы на CSS: https://codepen.io/jcoulterdesign/full/ZxXbeP/

[28] Креативный слайдер в научном стиле: https://codepen.io/chrisgannon/full/rvBMmM/

[29] Погружение в матрицу: https://github.com/emilyxxie/matrix_vision

[30] Фокусы со стилями для фокуса: http://css-live.ru/articles/fokusy-so-stilyami-dlya-fokusa.html

[31] Взгляд на единицы вьюпорта в CSS: https://alligator.io/css/viewport-units/

[32] Руководство по CSS переменных: https://nearsoft.com/blog/css-variables-guide/

[33] Хей хей `font-display`: https://css-tricks.com/hey-hey-font-display/

[34] Лучшие практики для CSS Grid Layout: https://www.smashingmagazine.com/2018/04/best-practices-grid-layout/

[35] Почему не использование CSS каскада является проблемой?: https://www.quirksmode.org/blog/archives/2018/04/css_global_scop.html

[36] Свайп вьюпорта с помощью CSS Snap Points: создание эффективной мобильной навигации: https://medium.com/@_zouhir/swipe-views-with-css-snap-points-building-a-more-efficient-mobile-web-navigation-f9ac8c53dbc0

[37] 1 HTML элемен + 5 CSS свойств = Магия!: https://css-tricks.com/1-html-element-5-css-properties-magic/

[38] Создание плавной последовательной анимации с помощью Sass: https://glennmccomb.com/articles/creating-smooth-sequential-animations-with-sass/

[39] Ошибка в JavaScript-классе привела к генерации уязвимых ключей для криптокошельков: https://tproger.ru/news/javascript-bitcoin/

[40] Grasshopper – бесплатное ПО от разработчиков Google, обучающее основам программирования на JavaScript через мини-игры: https://itc.ua/news/grasshopper-besplatnoe-po-ot-razrabotchikov-google-obuchayushhee-osnovam-programmirovaniya-na-javascript-cherez-mini-igryi/

[41] Побег из ада async/await: https://habrahabr.ru/company/ruvds/blog/353658/

[42] SvelteJS: Релиз второй версии: https://habrahabr.ru/post/353896/

[43] Чего ожидать от Node.js 10: https://nodesource.com/blog/what-you-can-expect-from-node-js-10

[44] Проектирование очень больших (JS) приложений: https://medium.com/@cramforce/designing-very-large-javascript-applications-6e013a3291a3

[45] Как компоненты выиграли “войну фреймворков”: https://codewithhugo.com/how-components-won-the-framework-wars/

[46] Точка зрения: Angular обречен, React OK — вы заслуживаем лучшего: https://medium.com/@vyaron/point-of-vue-angular-is-doomed-react-is-ok-we-deserve-better-fb60652a8cb4

[47] Простое руководство по ES6 итераторам а JavaScript с примерами: https://codeburst.io/a-simple-guide-to-es6-iterators-in-javascript-with-examples-189d052c3d8e

[48] JS декораторы: что это и когда их использовать: https://www.sitepoint.com/javascript-decorators-what-they-are/

[49] Десять функциональностей Lodash которые можно заменить используя ES6: https://www.sitepoint.com/lodash-features-replace-es6/

[50] Быстрый старт ESLint — ищем ошибки автоматически: https://www.youtube.com/watch?v=qhuFviJn-es&feature=youtu.be

[51] Добавление индикаторов загрузки в приложение на Vue.js: https://scotch.io/tutorials/add-loading-indicators-to-your-vuejs-application

[52] Создание превью продукта в стили Amazon на Vue.js: https://scotch.io/tutorials/build-an-amazon-like-product-preview-app-using-vuejs

[53] Создание собственного Vue.js роутера, руководство в четырех частях: https://vueschool.io/articles/series/creating-your-own-router/

[54] 9 советов по улучшению качества кода React-приложений: https://habrahabr.ru/company/ruvds/blog/353924/

[55] React Lazy Images: https://github.com/fpapado/react-lazy-images

[56] Что такое компоненты высшего порядка в React?: https://css-tricks.com/what-are-higher-order-components-in-react/

[57] React SPA с модулями React-Router и React-Transition-Group: https://code.tutsplus.com/tutorials/single-page-react-applications-with-react-router-and-react-transition-group-modules--cms-24507

[58] Angular — Все доклады с ng-conf 2018: https://nitayneeman.com/posts/all-talks-from-ng-conf-2018/

[59] Универсальный стартовый набор для Angular 6, основанный на @angular/cli с SSR и HMR: https://github.com/enten/angular-universal

[60] Введение в роутинг в Angular 5: https://medium.com/@kevinrejko/intro-to-routing-in-angular-5-1f1ee595766e

[61] PicoJs: https://tkv.io/posts/picojs-intro/demo/

[62] Slugify: https://github.com/sindresorhus/slugify

[63] Маска для полей ввода для React, Angular, Ember, Vue, и ванильного JavaScript: https://github.com/text-mask/text-mask

[64] Релиз web-браузера Chrome 66: http://www.opennet.ru/opennews/art.shtml?num=48459

[65] Amazon выпустил свой мобильный браузер: http://gagadget.com/36265-amazon-vyipustil-svoj-mobilnyij-brauzer/

[66] На GitHub появились новые инструменты для разработчиков open source проектов: https://tproger.ru/news/github-open-source-tools/

[67] Intel предлагает использовать GPU для защиты от малвари: https://xakep.ru/2018/04/18/threat-detection-technology/

[68] Google закрыла возможность использовать свой домен в качестве прокси: https://tjournal.ru/69403-google-zakryla-vozmozhnost-ispolzovat-svoy-domen-v-kachestve-proksi

[69] Google замораживает Allo и делает ставку на Chat: https://lifehacker.ru/google-allo-i-stavka-na-chat/

[70] Переводчик Microsoft с ИИ научился работать без Интернета: https://tproger.ru/news/microsoft-offline-translator/

[71] Google отключила возможность использовать свою сеть в качестве прокси: https://vc.ru/36617-google-otklyuchila-vozmozhnost-ispolzovat-svoyu-set-v-kachestve-proksi

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

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

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

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

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