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

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №315 (14 — 20 мая 2018) - 1


    Медиа [1]    |    Веб-разработка [2]    |    CSS [3]    |    Javascript [4]    |    Браузеры [5]    |    Занимательное [6]


Дайджест свежих материалов из мира фронтенда за последнюю неделю №315 (14 — 20 мая 2018) - 2 Медиа

podcast Подкаст «Frontend Weekend» #53 – Виталий Слободин об истории поддержки PhantomJS и развитии Ростовского IT-сообщества [7]
podcast Подкаст «RadioJS» Выпуск 52: Микросервисы на фронтенде [8]. В гостях Андрей Мелихов и Вячеслав Слинько
podcast Подкаст «CSSSR»: Новости 512 — Выпуск №6 (13.05 — 20.05) [9]
video «ALL YOUR HTML» #49: «Простой шейдер для волн» [10]
habr JS DevDay. Запись докладов [11]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №315 (14 — 20 мая 2018) - 8 Веб-разработка

habr Frontend 2018: многообразие фреймворков и недостаток миддлов [12]
habr Редизайн с большой буквы: изучаем перезапуск Smashing Magazine в 2017-м [13]
en Медленная смерть Internet Explorer и будущее Progressive Enhancement [14]
en 10 YouTube каналов для изучения основ разработки фронтенда [15]
en Является ли GraphQL будущим? [16]
en Использование Lighthouse для улучшения производительности загрузки страницы [17]
en snippets [18] — расширение для Chrome, позволяющее импортировать и вызывать код JavaScript сниппентов из GitHub

Дайджест свежих материалов из мира фронтенда за последнюю неделю №315 (14 — 20 мая 2018) - 16 CSS

Более доступная разметка с display:contents [19]
Движение по траектории в CSS помимо «большой тройки» свойств [20]
CSS — это дизайн! [21]
en Руководство по стратегии использования CSS переменных [22]
en Отзывчивые таблицы, переосмысление [23], новая статья на старую тему от Lea Verou
en CSS свойство backdrop-filter [24]
en Дебаты на тему раскладки CSS Grid против CSS фреймворков [25]
en Управление интерактивностью SVG с помощью свойства Pointer Events [26]
en Более глубокий взгляд на общие названия шрифтов в CSS [27]
en css-paint-polyfill [28] — полифил для CSS Paint API, со специальными браузерными оптимизациями
en Стилизация нумерации в списках [29]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №315 (14 — 20 мая 2018) - 25 JavaScript

habr 13 интересных моментов из руководства по стилям для JavaScript от Google [30]
Повышаем скилы с помощью методов JavaScript за пару минут [31]
en Что если JavaScript выиграет? [32]
en naperg [33] — Fullstack Boilerplate GraphQL. Сделан на React & Prisma + authentication + upload file + chat
en WarriorJS [34] — занятная игра на JS о программировании и искусственном интеллекте
en ReasonML против TypeScript – первые впечатления [35]
en Играем с MIDI в JavaScript [36]

  • Libs & Plugins:
    en Easy Toggle State [59] — маленькая JS библиотека для простого переключения классов любого HTML элемента и его назначения
    en isomorphic-git [60] — имплементация git на чистом JavaScript
    en Data-Forge [61] — JavaScript инструментарий для перебора, трансформации и анализа данных
    en lynt [62] — линтер без настроек с поддержкой Typescript, Flow и React.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №315 (14 — 20 мая 2018) - 60 Браузеры

en Что нового в Firefox 61: Developer Edition [63]
Обновление Firefox 60.0.1 и Firefox 61-бета [64]
Из Google Chrome исчезнут значки безопасности соединения на HTTPS-сайтах [65]
Google отключила автоблокировку звука в Chrome 66 из-за конфликта алгоритма с браузерными играми [66]
en Захват экрана в Microsoft Edge [67]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №315 (14 — 20 мая 2018) - 63 Занимательное

Google представила вторую версию протокола Git [68]
Из-за уязвимости в Electron под угрозой оказались Skype, Slack, WhatsApp, Discord и другие [69]
Что вам стоит знать о GDPR [70]
В августе сторонние клиенты Twitter лишатся ряда функций из-за обновлений API [71]
Google запускает новые тарифы Google One на облачное хранилище Google Drive: 100 ГБ за $1,99, 200 ГБ за $2,99, 2 ТБ за $9,99 [72]
Google удалила лозунг «Не будь злом» из своего кодекса поведения. Он пробыл там 18 лет [73]
Сотрудники Google начали увольняться в знак протеста против сотрудничества с Пентагоном в рамках Project Maven [74]


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

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

Автор: alexzfort

Источник [78]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

[5] Браузеры: #browser

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

[7] #53 – Виталий Слободин об истории поддержки PhantomJS и развитии Ростовского IT-сообщества: https://soundcloud.com/frontend-weekend/fw-53

[8] Выпуск 52: Микросервисы на фронтенде: https://medium.com/@frontman/radiojs-52-%D0%BC%D0%B8%D0%BA%D1%80%D0%BE%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D1%8B-%D0%BD%D0%B0-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D0%B5-b28d4c28522a

[9] Новости 512 — Выпуск №6 (13.05 — 20.05): https://soundcloud.com/csssr/news512_06

[10] «Простой шейдер для волн»: https://www.youtube.com/watch?v=Qpuc_W-szEw

[11] JS DevDay. Запись докладов: https://habr.com/company/2gis/blog/358632/

[12] Frontend 2018: многообразие фреймворков и недостаток миддлов: https://habr.com/company/oleg-bunin/blog/358708/

[13] Редизайн с большой буквы: изучаем перезапуск Smashing Magazine в 2017-м: https://habr.com/company/jugru/blog/358642/

[14] Медленная смерть Internet Explorer и будущее Progressive Enhancement: http://alistapart.com/article/the-slow-death-of-internet-explorer-and-future-of-progressive-enhancement

[15] 10 YouTube каналов для изучения основ разработки фронтенда: https://speckyboy.com/youtube-channels-learning-basic-frontend-development/

[16] Является ли GraphQL будущим?: http://artsy.github.io/blog/2018/05/08/is-graphql-the-future/

[17] Использование Lighthouse для улучшения производительности загрузки страницы: https://developers.google.com/web/updates/2018/05/lighthouse

[18] snippets: https://github.com/richardscarrott/snippets

[19] Более доступная разметка с display:contents: http://css-live.ru/articles/bolee-dostupnaya-razmetka-s-displaycontents.html

[20] Движение по траектории в CSS помимо «большой тройки» свойств: http://css-live.ru/articles/dvizhenie-po-traektorii-v-css-pomimo-bolshoj-trojki-svojstv.html

[21] CSS — это дизайн!: https://medium.com/@olgabaryshnikova/css-%D1%8D%D1%82%D0%BE-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-5a1b32c55d4

[22] Руководство по стратегии использования CSS переменных: https://www.smashingmagazine.com/2018/05/css-custom-properties-strategy-guide/

[23] Отзывчивые таблицы, переосмысление: http://lea.verou.me/2018/05/responsive-tables-revisited/

[24] CSS свойство backdrop-filter: https://css-tricks.com/the-backdrop-filter-css-property/

[25] Дебаты на тему раскладки CSS Grid против CSS фреймворков: https://www.sitepoint.com/css-grid-layout-vs-css-frameworks-debate/

[26] Управление интерактивностью SVG с помощью свойства Pointer Events: https://www.smashingmagazine.com/2018/05/svg-interaction-pointer-events-property/

[27] Более глубокий взгляд на общие названия шрифтов в CSS: https://www.impressivewebs.com/deeper-look-generic-font-names-css/

[28] css-paint-polyfill: https://github.com/GoogleChromeLabs/css-paint-polyfill

[29] Стилизация нумерации в списках: https://css-tricks.com/custom-list-number-styling/

[30] 13 интересных моментов из руководства по стилям для JavaScript от Google: https://habr.com/company/everydaytools/blog/358698/

[31] Повышаем скилы с помощью методов JavaScript за пару минут: http://jem-space.ru/these-javascript-methods-will-boost-your-skills-in-just-a-few-minutes/

[32] Что если JavaScript выиграет?: https://medium.com/@anildash/what-if-javascript-wins-84898e5341a

[33] naperg: https://github.com/alan345/naperg

[34] WarriorJS: https://warrior.js.org/

[35] ReasonML против TypeScript – первые впечатления: https://lorefnon.tech/2018/05/13/reasonml-vs-typescript-first-impressions/

[36] Играем с MIDI в JavaScript: https://medium.com/swinginc/playing-with-midi-in-javascript-b6999f2913c3

[37] Руководство по промисам для тех, кто хочет в них разобраться: https://habr.com/company/ruvds/blog/358808/

[38] Новости по регулярным выражениям ES2018 — мнение: http://www.zsoltnagy.eu/es2018-regular-expression-updates-an-opinionated-summary/

[39] Понимание JS прокси: https://www.atyantik.com/proxy-javascript-es6-feature/

[40] Как я начал любить Vue: https://habr.com/post/358766/

[41] Компиляция шаблонов Vue.js налету с помощью v-runtime-template: https://alligator.io/vuejs/v-runtime-template/

[42] Интеграция Bootstrap с Vue.js с помощью Bootstrap-Vue: https://www.sitepoint.com/bootstrap-vue-js-bootstrap-vue/

[43] Как новый Vue CLI упрощает разработку: https://blog.pusher.com/new-vue-cli-simplifies-development/

[44] Сравнение семи 7 бекендов для Vue.js : https://vuejsdevelopers.com/2018/05/07/vue-js-backends-express-laravel-firebase-wordpress-django-rails/

[45] Создание трекера криптовалют с помощью Vue.js: https://medium.com/js-dojo/build-a-cryptocurrency-tracker-using-vue-js-f9b3642823f8

[46] Создание переиспользуемых React компонентов: https://blog.bitsrc.io/building-reusable-react-components-1465a2dccc13

[47] Часть 1: https://blog.bitsrc.io/react-16-what-can-it-do-for-you-part-1-e2ee4b9022fb

[48] Часть 2: https://blog.bitsrc.io/react-16-what-can-it-do-for-you-part-2-12ec9be4256f

[49] Как работает сверка в React: https://css-tricks.com/how-react-reconciliation-works/

[50] Подробно о новом Context API в React: https://scotch.io/tutorials/get-to-know-reacts-new-context-api

[51] 7 наиболее популярных ошибок, которые совершают разработчики React : http://www.js-craft.io/blog/14-The-7-Most-Common-Mistakes-that-React-Developers-Make/

[52] Как использовать Bootstrap с React: https://blog.logrocket.com/how-to-use-bootstrap-with-react-a354715d1121

[53] Обновляем Angular до 6-ой версии в проекте без использования CLI: https://habr.com/company/ispsystem/blog/358696/

[54] Полное руководство по стратегии обнаружения изменений Angular onPush: https://habr.com/company/infopulse/blog/358860/

[55] Обновление фильтров сортировки AngularJS до Angular: https://scotch.io/tutorials/upgrade-angularjs-sorting-filters-to-angular

[56] Первый взгляд: Angular Ivy: https://www.telerik.com/blogs/first-look-angular-ivy

[57] Движок Ivy в Angular: первый взгляд на компиляцию, выполнение и обнаружения изменений: https://blog.angularindepth.com/ivy-engine-in-angular-first-in-depth-look-at-compilation-runtime-and-change-detection-876751edd9fd

[58] Обнаружения изменений в Angular Ivy: вы готовы?: https://blog.angularindepth.com/angular-ivy-change-detection-execution-are-you-prepared-ab68d4231f2c

[59] Easy Toggle State: https://twikito.github.io/easy-toggle-state/

[60] isomorphic-git: https://github.com/isomorphic-git/isomorphic-git

[61] Data-Forge: http://www.data-forge-js.com/

[62] lynt: https://github.com/saadq/lynt

[63] Что нового в Firefox 61: Developer Edition: https://hacks.mozilla.org/2018/05/new-in-firefox-61-developer-edition/

[64] Обновление Firefox 60.0.1 и Firefox 61-бета: http://www.opennet.ru/opennews/art.shtml?num=48611

[65] Из Google Chrome исчезнут значки безопасности соединения на HTTPS-сайтах: https://itc.ua/news/iz-google-chrome-ischeznut-znachki-bezopasnosti-soedineniya-na-https-saytah/

[66] Google отключила автоблокировку звука в Chrome 66 из-за конфликта алгоритма с браузерными играми: https://tproger.ru/news/chrome-autoplay-policy-delaying/

[67] Захват экрана в Microsoft Edge: https://twilioinc.wpengine.com/2018/05/screen-capture-in-microsoft-edge.html

[68] Google представила вторую версию протокола Git: https://tproger.ru/articles/second-version-of-the-git-protocol/

[69] Из-за уязвимости в Electron под угрозой оказались Skype, Slack, WhatsApp, Discord и другие: https://xakep.ru/2018/05/14/electron-flaw/

[70] Что вам стоит знать о GDPR: https://dou.ua/lenta/articles/what-gdpr-is/

[71] В августе сторонние клиенты Twitter лишатся ряда функций из-за обновлений API: https://ain.ua/2018/05/17/klienty-twitter-bez-funkcij

[72] Google запускает новые тарифы Google One на облачное хранилище Google Drive: 100 ГБ за $1,99, 200 ГБ за $2,99, 2 ТБ за $9,99: https://itc.ua/news/google-zapuskaet-novyie-tarifyi-google-one-na-oblachnoe-hranilishhe-google-drive-100-gb-za-1-99-200-gb-za-2-99-2-tb-za-9-99/

[73] Google удалила лозунг «Не будь злом» из своего кодекса поведения. Он пробыл там 18 лет: https://tjournal.ru/70979-google-udalila-lozung-ne-bud-zlom-iz-svoego-kodeksa-povedeniya-on-probyl-tam-18-let

[74] Сотрудники Google начали увольняться в знак протеста против сотрудничества с Пентагоном в рамках Project Maven: https://itc.ua/news/sotrudniki-google-nachali-uvolnyatsya-v-znak-protesta-protiv-sotrudnichestva-s-pentagonom-v-ramkah-project-maven/

[75] Дайджест за прошлую неделю: https://habr.com/company/zfort/blog/358486/

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

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

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