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

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №271 (10 — 16 июля 2017) - 1

Веб-разработка [1]
CSS [2]
Javascript [3]
Занимательное [4]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №271 (10 — 16 июля 2017) - 2 Веб-разработка

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №271 (10 — 16 июля 2017) - 26 JavaScript

Дайджест свежих материалов из мира фронтенда за последнюю неделю №271 (10 — 16 июля 2017) - 63 Занимательное

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

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

Автор: Zfort Group

Источник [80]

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Как в HTML DRM внедрили: измена или эволюция?: http://www.computerra.ru/168310/eme/

[6] Как PregBuddy достиг уровня 100/100 в LightHouse: https://medium.com/pregbuddy-engineering/how-pregbuddy-reached-a-lighthouse-score-of-100-100-84fd0c44e63c

[7] Создание библиотеки шаблонов с помощью Shadow DOM в Markdown: https://www.smashingmagazine.com/2017/07/pattern-libraries-in-markdown/

[8] HTML Шорты: https://www.youtube.com/watch?v=Mqmwx-GcSTs&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1&index=1

[9] Подкаст «Frontend Weekend» №11:: https://soundcloud.com/frontend-weekend/fw-11

[10] Подкаст «Фронтерки» №7:: https://fronterki.fireside.fm/7

[11] Еженедельный стрим от Юрия Артюха #7 ALL YOUR HTML: https://www.youtube.com/watch?v=RTYJ1fmYZ3g

[12] Twitter начал давать AMP-ссылки в своих Android и iOS приложениях: http://searchengineland.com/twitter-ramps-amp-278300

[13] AMP — это ложь: http://searchengineland.com/the-amp-is-a-lie-278401

[14] Как Google AMP повлиял на траффик Newcastle United: https://sevenleague.co.uk/2017/07/07/the-impact-of-amp-on-nufc-co-uk-traffic

[15] Прогрессивное Веб Приложение с помощью Webpack: https://codeburst.io/progressive-web-app-with-webpack-198b073f6c74

[16] Представляем npx: утилиту для запуска npm-пакетов: https://medium.com/devschacht/introducing-npx-an-npm-package-runner-a72a658cd9e6

[17] Презентация Webpack Academy: полный курс по webpack: https://medium.freecodecamp.org/introducing-webpack-academy-bad0a4e23deb

[18] Как использовать Sublime Text для разработки HTML писем: http://blog.edmdesigner.com/how-to-use-sublime-text-for-html-email-development/

[19] в Chrome 60: https://www.youtube.com/watch?v=Qnmb2YhkQmQ

[20] в Chrome 61: https://developers.google.com/web/updates/2017/07/devtools-release-notes

[21] Webpack import() скоро будет получать JS + CSS — и вот как этого достичь сегодня: https://medium.com/faceyspacey/webpacks-import-will-soon-fetch-js-css-here-s-how-you-do-it-today-4eb5b4929852

[22] Bundle Buddy — инструмент для нахождения дупликатов в бандлах: https://github.com/samccone/bundle-buddy

[23] CSS и iOS Safari: https://habrahabr.ru/post/332872/

[24] Первый публичный черновик модуля CSS-шрифтов 4 уровня: http://css-live.ru/vecssti-s-polej/pervyj-publichnyj-chernovik-modulya-css-shriftov-4-urovnya.html

[25] Методы организации CSS: https://css-tricks.com/methods-organize-css/

[26] Давайте поговорим о Speech CSS: https://css-tricks.com/lets-talk-speech-css/

[27] Уменьшение размера CSS на 70% путем сокращения имен классов и изоляции скоупа: https://medium.freecodecamp.org/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b

[28] CSS — это не темная магия: https://medium.freecodecamp.org/its-not-dark-magic-pulling-back-the-curtains-from-your-stylesheets-c8d677fa21b2

[29] Как использовать кастомные свойства CSS для написания более читабельного кода: http://vanseodesign.com/css/custom-properties-and-readability/

[30] Релиз Sass 3.5: http://sass.logdown.com/posts/2026639-sass-35-is-released

[31] 10 вещей, которых вы, вероятно, не знали о Sass: https://hackernoon.com/10-things-you-probably-didnt-know-about-syntactically-awesome-style-sheets-d94bc5c137e6

[32] Теперь этот сайт использует Grid Layout: https://hiddedevries.nl/en/blog/2017-07-11-this-website-now-uses-grid-layout

[33] Реверс-инжиниринг одной строчки JavaScript: https://habrahabr.ru/post/333372/%5Bperevod%5D-revers-inzhiniring-odnoy-strochk

[34] Простая валидация формы без JS: https://habrahabr.ru/post/332804/

[35] Паттерны оптимизации JavaScript. Часть 1: https://medium.com/devschacht/javascript-optimization-patterns-part1-d5699fcd59a

[36] Зачем и как создать сайт без JavaScript: https://medium.com/@larsdouweschuitema/why-and-how-to-build-a-website-without-javascript-a220830afadb

[37] JavaScript действительно покоряет мир: https://medium.com/fed-or-dead/javascript-really-is-overtaking-the-world-5b59b5af41ed

[38] Project Guidelines: https://github.com/wearehive/project-guidelines

[39] (Сейчас больше, чем когда-либо) Возможно, вы не нуждаетесь в jQuery: https://css-tricks.com/now-ever-might-not-need-jquery/

[40] MVC в Vanilla JavaScript: https://www.sitepoint.com/mvc-design-pattern-javascript/

[41] Генерация изображений в JavaScript без использования Canvas API: https://medium.com/the-guardian-mobile-innovation-lab/generating-images-in-javascript-without-using-the-canvas-api-77f3f4355fad

[42] Десять вещей, которые серьёзный JS разработчик должен знать? (обсуждение на reddit): https://www.reddit.com/r/javascript/comments/6mlc9d/what_10_things_should_a_serious_javascript/

[43] Javascript @ Uber: https://www.youtube.com/watch?v=JWFyH13_I3o&feature=youtu.be

[44] ES8 вышел и вот его основные новые возможности: https://habrahabr.ru/post/332900/

[45] 5 вещей, которые вы должны знать о ES8: https://hackernoon.com/5-things-you-should-know-about-es8-e4ccd955d883

[46] ES2015 Promises & ES2017 Async/Await: https://medium.com/@photokandy/es2015-promises-es2017-async-await-f2a060bb38ce

[47] JavaScript Async/Await, объясненные за 10 минут: https://tutorialzine.com/2017/07/javascript-async-await-explained

[48] 4 важных изменений в Vue.js 2.4.0: http://vuejsdevelopers.com/2017/07/17/vue-js-2-4-important-features/

[49] Руководство по Vue.js для jQuery разработчиков: https://codeburst.io/guide-to-vue-js-for-jquery-developers-6e16e9ae1505

[50] React or Vue  — это не вопрос для спора, а предпочтение: https://medium.com/@tahnik.mstsn/react-or-vue-its-not-a-debate-it-s-a-preference-ec552da3504f

[51] Введение во Vue.js для новичков : https://medium.com/@deepakkapoor/checkout-the-vue-a-beginners-introduction-to-vue-js-a4c5a25a0cb9

[52] Юнит тестирование компонентов Vue.js с помощью Jest: https://medium.com/@kevin_peters/unit-testing-vue-js-components-with-jest-86e14ef499da

[53] Как писать юнит тесты для Vue.js: https://scotch.io/tutorials/how-to-write-a-unit-test-for-vuejs

[54] vuex-loading: https://github.com/f/vuex-loading

[55] Создание компонентов Vue: http://thewebjuice.com/learn-make-todo-list-using-vue-component-creation/

[56] Опция удаления Option и глобальные события: http://thewebjuice.com/vue-todo-list-delete-option-global-event-bus-part-ii/

[57] Подкаст «Пятиминутка React» #25: https://www.youtube.com/watch?v=vvJGPOqfxu0&feature=youtu.be

[58] emotion: https://medium.com/@tkh44/emotion-ad1c45c6d28b

[59] Презентация Microcosm: наш Data Layer для React: https://www.viget.com/articles/microcosm-our-data-layer-for-react

[60] Высокопроизводительный React: 3 новых инструмента для повышения скорости ваших приложений: https://medium.freecodecamp.org/make-react-fast-again-tools-and-techniques-for-speeding-up-your-react-app-7ad39d3c1b82

[61] Юнит тестирование в React: поверхностное или статическое тестирование: https://code.tutsplus.com/tutorials/unit-testing-in-react-shallow-vs-static-testing--cms-29146

[62] Топ 5 ошибок производительности мобильных приложений на Angular: https://www.youtube.com/watch?v=yXjYtBdJDyU

[63] Continuous Integration с Angular CLI: https://hackernoon.com/continuous-integration-with-angular-cli-ea6a40fa7d3c

[64] Angular 4 в 60 минут: https://www.youtube.com/watch?v=KhzGSHNhnbI

[65] Ленивые массивы в JavaScript: https://medium.com/devschacht/boris-cherny-introducing-lazy-arrays-in-javascript-d7f9da531820

[66] BotUI: https://botui.org/

[67] glyphhanger: https://github.com/filamentgroup/glyphhanger

[68] pell: https://github.com/jaredreich/pell

[69] Консорциум W3С дал зелёный свет стандартизации DRM для Web: http://www.opennet.ru/opennews/art.shtml?num=46827

[70] Ubuntu Linux теперь можно установить прямо из магазина Windows: https://lifehacker.ru/2017/07/12/linux-windows-store/

[71] Новый инструмент для резервного копирования и синхронизации данных Google Backup and Sync стал доступен для загрузки на Mac и Windows: http://itc.ua/news/novyiy-instrument-dlya-rezervnogo-kopirovaniya-i-sinhronizatsii-dannyih-google-backup-and-sync-stal-dostupen-dlya-zagruzki-na-mac-i-windows/

[72] ICO, «глупые» деньги и перспективы эфириума: https://www.searchengines.ru/ico-eth-money.html

[73] «Я продержался в SoundCloud всего одну неделю, а потом меня сократили»: https://vc.ru/p/soundcloud-experience

[74] Бум нейросетей: Кто делает нейронные сети, зачем они нужны и сколько денег могут приносить: https://vc.ru/p/neural-networks

[75] Хакеры «охотятся» на незавершенные установки WordPress: https://xakep.ru/2017/07/14/wpsetup-attack/

[76] Mozilla использует Google Analytics в менеджере дополнений Firefox: http://www.opennet.ru/opennews/art.shtml?num=46840

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

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

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

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