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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №329 (27 августа — 2 сентября 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
FYI: На следующей неделе дайджеста не будет в связи с отпуском.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №329 (27 августа — 2 сентября 2018) - 1


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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №329 (27 августа — 2 сентября 2018) - 2 Медиа

• podcast Подкаст «Frontend Weekend» #68 – Егор Бугаенко о том, как и почему нужно выделять себя из толпы других программистов [6]
• podcast Подкаст «Недельный Vue», выпуск 2 [7]
• podcast Подкаст «Пятиминутка React» #45 — Как записать подкаст без микрофона и оборудования [8]
• podcast «Девшахта — подкаст»: #48: Боль от Ext JS и TFS, или как DevOps меняет мир к лучшему [9]
• podcast Подкаст «CSSSR», Новости 512 — Выпуск №19 (20.08 — 02.09) [10]
• habr Шесть наиболее полезных докладов с Frontend Conf 2018 [11]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №329 (27 августа — 2 сентября 2018) - 9 Веб-разработка

• habr Непрерывный рост JSON [12]
• habr Подводные грабли SmartTV разработки [13]
• Почему современный веб — отстой и что с этим делать [14]
• en Что блокчейн значит для разработчиков фронтенда? [15]
• en Рефакторинг унаследованного кода [16]
• en Использование интерфейса синтеза речи из Web Speech API [17]
• en Нативная ленивая загрузка для веба [18]

  • Инструменты:
    • en Что нового в DevTools (Chrome 70) [19]
    • en gulp-webpack [20] — свежая сборка Gulp 4 + Webpack 4 + Babel + BrowserSync + Font Awesome 5
    • en Universal PWA Builder [21] — расширяемый инструмент для создания прогрессивных веб-приложений без привязки к фреймворку

Дайджест свежих материалов из мира фронтенда за последнюю неделю №329 (27 августа — 2 сентября 2018) - 26 CSS

• habr Новые (и старые) единицы измерения в CSS, о которых вы вряд ли слышали [29]
• en Продвинутая CSS темизация с помощью кастомных свойств и JavaScript [30]
• en Полное CSS демо со свойствами OpenType [31]
• en Супер-усиленные Grid-компоненты с помощью кастомных свойств CSS [32]
• en Прогрессивное улучшение CSS лейаутов: от Float к Flexbox & Grid [33]
• en Как делать стили страниц, дружественных для печати [34]
• en «Solving container queries today» [35], — доклад Greg Whitworth на CSS Day 2018
• en Прогрессивное раскрытие блоков с помощью CSS [36]
• en Редакторы CSS Shape [37]
• en Двадцать советов по оптимизации CSS производительности [38]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №329 (27 августа — 2 сентября 2018) - 37 JavaScript

• habr Почему человек из мира Java стал горячим сторонником Node.js и JavaScript? [39]
• Что такое тестирование и почему мы должны его делать? [40] Первая статья в серии из пяти частей о тестировании в JavaScript
• Node Hero — руководство по безопасности Node.js [41]
• Состоялся релиз JS-транспайлера Babel 7 [42]
• en Итак, что нового в Babel 7? [43]
• en Что появится в JavaScript 2018: асинхронные генераторы, улучшенный Regex [44](
• en JS в примерах: 8 различных вариантов использования JavaScript Array Slice [45]
• en aiji [46] — курируемая коллекция вдохновляющих JS-приложений, работающих с AI
• en Быстрое введение в веб-воркеры [47]
• en Обзор таймеров JavaScript в вебе [48]

  • Libs & Plugins:
    • en turbo-json-parse [71] — турбированный JSON.parse для стабильных JSON данных
    • en shimport [72] — используйте модули JavaScript во всех браузерах, в том числе с динамическим импортом
    • en reworm [73] — простейший способ управлением состоянием приложения
    • en lazyestload.js [74] — загрузка изображений только при их попадании в видимую область

Дайджест свежих материалов из мира фронтенда за последнюю неделю №329 (27 августа — 2 сентября 2018) - 72 Браузеры

• В Firefox решено по умолчанию блокировать отслеживание перемещений между сайтами [75]
• Для Firefox развивается система контекстной рекомендации дополнений [76]
• Анализ переносимости API современных web-браузеров [77]
• Компания Mozilla опубликовала статистику по использованию Firefox [78]
• Mozilla опубликовала отчёт о том, как люди используют настольные версии Firefox [79]
• Google мешает защитным решениям осуществлять инжекты в процессы Chrome [80]
• Новая функция мобильного Chrome отключит скрипты при медленных подключениях [80]
• en Экологическое влияние разнообразия браузеров [81]


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

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

Автор: alexzfort

Источник [85]

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] #68 – Егор Бугаенко о том, как и почему нужно выделять себя из толпы других программистов : https://soundcloud.com/frontend-weekend/fw-68

[7] выпуск 2 : https://soundcloud.com/dmitry-zlygin/weekly-vue-2

[8] #45 — Как записать подкаст без микрофона и оборудования : https://soundcloud.com/5minreact/45-simple-podcast-recording-made-easy

[9] #48: Боль от Ext JS и TFS, или как DevOps меняет мир к лучшему: https://medium.com/devschacht/%D0%B4%D0%B5%D0%B2%D1%88%D0%B0%D1%85%D1%82%D0%B0-%D0%BF%D0%BE%D0%B4%D0%BA%D0%B0%D1%81%D1%82-70ae15f2d68f

[10] Новости 512 — Выпуск №19 (20.08 — 02.09): https://soundcloud.com/csssr/novosti-512-vypusk-19-2008-0209

[11] Шесть наиболее полезных докладов с Frontend Conf 2018: https://habr.com/company/oleg-bunin/blog/420965/

[12] Непрерывный рост JSON: https://habr.com/post/421657/

[13] Подводные грабли SmartTV разработки: https://habr.com/post/421119/

[14] Почему современный веб — отстой и что с этим делать: https://tproger.ru/translations/stop-bullshit-web/

[15] Что блокчейн значит для разработчиков фронтенда?: https://medium.com/lition-blog/what-does-blockchain-mean-for-front-end-developers-devblog-56014af210f7

[16] Рефакторинг унаследованного кода: https://www.chenhuijing.com/blog/refactoring-an-inherited-codebase/

[17] Использование интерфейса синтеза речи из Web Speech API: https://manu.ninja/using-the-speech-synthesis-interface-of-the-web-speech-api/

[18] Нативная ленивая загрузка для веба: https://css-tricks.com/a-native-lazy-load-for-the-web-platform/

[19] Что нового в DevTools (Chrome 70): https://developers.google.com/web/updates/2018/08/devtools

[20] gulp-webpack: https://github.com/IamManchanda/gulp-webpack

[21] Universal PWA Builder: https://github.com/lukeed/pwa

[22] Семантика речи: https://alistapart.com/article/conversational-semantics

[23] Как Google активизировал свои усилия, чтобы сделать свою техники более доступными для инвалидов: https://www.cnbc.com/2018/08/18/google-accessibility-advances-and-challenges.html

[24] Как вы можете использовать AI, AR и WebGL шейдеры для помощи слабовидящим: https://medium.freecodecamp.org/how-you-can-use-ai-ar-and-webgl-shaders-to-assist-the-visually-impaired-3df5bdf3b3e2

[25] Reach UI: https://ui.reach.tech/

[26] Применяем мозаику Вороного, пикселизацию и геометрические маски в шейдерах для украшения сайта: https://habr.com/post/421821/

[27] Web Graphics Experiments: https://experiments.p5aholic.me/

[28] Оптическая иллюзия всего в 18 строках JavaScript: http://slicker.me/javascript/illusion.htm

[29] Новые (и старые) единицы измерения в CSS, о которых вы вряд ли слышали: https://habr.com/company/poiskvps/blog/421709/

[30] Продвинутая CSS темизация с помощью кастомных свойств и JavaScript: https://www.sitepoint.com/css-theming-custom-properties-javascript/

[31] Полное CSS демо со свойствами OpenType: https://sparanoid.com/lab/opentype-features/

[32] Супер-усиленные Grid-компоненты с помощью кастомных свойств CSS : https://css-tricks.com/super-power-grid-components-with-css-custom-properties/

[33] Прогрессивное улучшение CSS лейаутов: от Float к Flexbox & Grid: https://www.sitepoint.com/css-layouts-floats-flexbox-grid/

[34] Как делать стили страниц, дружественных для печати: https://www.sitepoint.com/css-printer-friendly-pages/

[35] «Solving container queries today»: https://vimeo.com/286945944

[36] Прогрессивное раскрытие блоков с помощью CSS: https://www.silocreativo.com/en/progressive-disclosure-with-css/

[37] Редакторы CSS Shape : https://css-tricks.com/css-shape-editors/

[38] Двадцать советов по оптимизации CSS производительности: https://www.sitepoint.com/optimizing-css-performance/

[39] Почему человек из мира Java стал горячим сторонником Node.js и JavaScript?: https://habr.com/company/ruvds/blog/421741/

[40] Что такое тестирование и почему мы должны его делать?: https://medium.com/devschacht/what-is-testing-and-why-should-we-do-it-acf06723816b

[41] Node Hero — руководство по безопасности Node.js: https://tproger.ru/translations/nodejs-security-guide/

[42] Состоялся релиз JS-транспайлера Babel 7: https://tproger.ru/news/babel-7-release/

[43] Итак, что нового в Babel 7?: https://blog.bitsrc.io/so-whats-new-in-babel-7-ea97cb984ef0

[44] Что появится в JavaScript 2018: асинхронные генераторы, улучшенный Regex: https://thenewstack.io/whats-coming-up-in-javascript-2018-async-generators-better-regex/

[45] JS в примерах: 8 различных вариантов использования JavaScript Array Slice: https://zendev.com/2018/08/29/uses-for-javascript-slice.html

[46] aiji: https://aijs.rocks/

[47] Быстрое введение в веб-воркеры: https://auth0.com/blog/speedy-introduction-to-web-workers/

[48] Обзор таймеров JavaScript в вебе: https://nolanlawson.com/2018/09/01/a-tour-of-javascript-timers-on-the-web/

[49] TypeScript и Babel 7: https://blogs.msdn.microsoft.com/typescript/2018/08/27/typescript-and-babel-7/

[50] Быстрое руководство по TypeScript: https://levelup.gitconnected.com/typescript-quick-start-guide-7257c2b71538

[51] Как моя команда случайно перешла на TypeScript и полюбила его: https://www.telerik.com/blogs/how-my-team-accidentally-moved-to-typescript-and-loved-it

[52] Хорошие практики написания кода с React и Redux: https://blog.scottlogic.com/2018/08/28/Good-code-practices-with-React-and-Redux.html

[53] Валидация React Component Props с помощью prop-types: https://blog.logrocket.com/validating-react-component-props-with-prop-types-ef14b29963fc

[54] React Performance – полное руководство по оптимизации основных проблем производительности в React: https://www.simform.com/react-performance/

[55] Props и PropTypes в React: https://css-tricks.com/props-and-proptypes-in-react/

[56] Урок по React: создание и защита твоего первого приложения: https://auth0.com/blog/react-tutorial-building-and-securing-your-first-app/

[57] Эволюция React: https://hackernoon.com/the-evolution-of-react-48409fac2efd

[58] code-surfer: https://github.com/pomber/code-surfer

[59] boilerplate.react.spa.full-server — заготовка для создания SPA на React, с полноценным сервером.: https://github.com/the0neWhoKnocks/boilerplate.react.spa.full-server

[60] Величие Vue.js 2: https://leanpub.com/vuejs2-russian

[61] Тестирование компонентов Vue.js с помощью Jest: https://leanpub.com/testingvueru/c/happycoding

[62] Освоение Vuex — с нуля до героя: https://habr.com/post/421551/

[63] Создание приложений на Vue.js: https://www.telerik.com/blogs/building-apps-with-vuejs

[64] vue-goodshare: https://koddr.github.io/vue-goodshare/en/

[65] Полное руководство по использованию иконок Font Awesome в приложениях Vue.js : https://blog.logrocket.com/full-guide-to-using-font-awesome-icons-in-vue-js-apps-5574c74d9b2d

[66] tiptap: https://tiptap.scrumpy.io/#/

[67] Angular: неочевидные возможности селекторов директив: https://habr.com/company/ruvds/blog/421345/

[68] Механизм биндинга событий в Angular: https://blog.bitsrc.io/event-binding-mechanism-in-angular-b38f0e46d2ed

[69] Angular 6 CRUD с нуля, руководство с примером: https://investmentnovel.com/angular-6-crud-example-tutorial-from-scratch/

[70] Как использовать Material Design в Angular 6: https://code.tutsplus.com/tutorials/how-to-use-material-design-in-angular-6--cms-31671

[71] turbo-json-parse: https://github.com/mafintosh/turbo-json-parse

[72] shimport: https://github.com/rich-harris/shimport

[73] reworm: https://github.com/pedronauck/reworm

[74] lazyestload.js: https://github.com/Paul-Browne/lazyestload.js

[75] В Firefox решено по умолчанию блокировать отслеживание перемещений между сайтами: http://www.opennet.ru/opennews/art.shtml?num=49201

[76] Для Firefox развивается система контекстной рекомендации дополнений: http://www.opennet.ru/opennews/art.shtml?num=49199

[77] Анализ переносимости API современных web-браузеров: http://www.opennet.ru/opennews/art.shtml?num=49214

[78] Компания Mozilla опубликовала статистику по использованию Firefox: https://www.opennet.ru/opennews/art.shtml?num=49195

[79] Mozilla опубликовала отчёт о том, как люди используют настольные версии Firefox: https://itc.ua/news/mozilla-opublikovala-otchyot-o-tom-kak-lyudi-ispolzuyut-nastolnyie-versii-firefox/

[80] Google мешает защитным решениям осуществлять инжекты в процессы Chrome: https://xakep.ru/2018/08/29/chrome-incompatible-apps/

[81] Экологическое влияние разнообразия браузеров: https://css-tricks.com/the-ecological-impact-of-browser-diversity/

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

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

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

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