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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019)

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019) - 1

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019) - 2 Медиа

• podcast Подкаст «Веб-стандарты» [7], Выпуск №178: W3C + WHATWG, SEO, быстродействие, Ember.js, Elm, Puppeteer
• podcast Подкаст «Frontend Weekend» [8] #92 – Артём Кобзарь о преподавании, Харькове и вещах, которые должен знать junior-разработчик
• podcast Подкаст «devschacht» [9] #82: Круглый стол о деповсе
• podcast Подкаст «Пятиминутка React» [10]: MSK VUE.JS MEETUP
• podcast Подкаст «Фронтенд Юность (18+)» [11] #95 Как стать CTO
• podcast Подкаст «CSSSR» [12]: Новости 512 – WebAssembly на eBay, современный hoisting, Chrome 75 и другие релизы, Huawei-битвы
• podcast Подкаст «CSSSR» [11]: Новости 512 – Снова о Svelte, донат на Github, паттерны для React Hooks и документалка об Ember.js
• video Frontreview #12 [13]: «Что обязательно должен спросить Junior на собеседовании»
• video proConf #15 [14]: ng-conf 2019 | ngRx на примере банана | модные гриды | полеты на марс
• video «Repozitorro #17 [15]: Подозревака, что код чужой...
• video en JSHeroes 2019 [16], 20 видео

Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019) - 15 Веб-разработка

• en Как использовать API веб-ресурса [17]
• en SEO требования для нового сайта [18]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019) - 28 CSS

• CSS Flexbox в Bootstrap 4 [29]
• en Предотвращаем прокрутку страницы при открытии модального окна [30]
• en Анимация движения модального окна по заданной траектории [31]
• en CSS менталитет [32]
• en Архитектура CSS — структура папок и файлов [33]
• en CSS Grid Level 2 — subgrid скоро появятся в Firefox [34]
• en Вариативные шрифты и нестандартные оси [35]
• en Поддержание вашего CSS in JS в чистоте [36]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019) - 36 JavaScript

• habr Готовимся к 2020 году: 8 трендов клиентской JavaScript-разработки, о которых нужно знать [37]
• habr Рекомендации по написанию чистого кода на JavaScript [38]
• Что нового в Node 12 [39]
• en Как управлять музыкой с помощью PS4 DualShock и JavaScript [40]
• en Включение современного JavaScript на npm [41]
• en video JavaScript: опровержение SEO мифов [42]
• en video JAVASCRIPT SEO МЕРТВО! Что теперь? [43]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019) - 67 Браузеры

• habr Mozilla назвала «вредным» предложение Google о распространении веб-пакетов с цифровой подписью [62]
• Релиз Chrome 75 [63]
• Mozilla планирует запустить платный сервис Firefox Premium [64]
• en Новая функция Firefox Dev Tools, подcказывающая, почему CSS свойство не несет никакого эффекта [65]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №368 (3 — 9 июня 2019) - 70 Занимательное

• «Сейчас произойдёт музыкальная революция»: история запуска iTunes и причины закрытия сервиса [66]
• Вычислительная Фотография [67]. Будущее фотографии — это код
• 19 отличных бесплатных нейросетей [68]
• Вопросы морали и права: готово ли общество доверить себя искусственному интеллекту [69]
• Бывший техдиректор NPM развивает распределённый репозиторий пакетов Entropic [70]


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

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

Автор: alexzfort

Источник [74]

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Подкаст «Веб-стандарты»: https://medium.com/web-standards/episode-178-8d81ee119def

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

[9] Подкаст «devschacht»: https://medium.com/devschacht/devschacht-82-6326a375c0de

[10] Подкаст «Пятиминутка React»: https://5minreact.ru/53-msk-vuejs-meetup/

[11] Подкаст «Фронтенд Юность (18+)»: https://soundcloud.com/frontend_u/e95

[12] Подкаст «CSSSR»: https://soundcloud.com/csssr/novosti-512-webassembly-na-ebay-sovremennyy-hoisting-chrome-75-i-drugie-relizy-huawei-bitvy

[13] Frontreview #12: https://www.youtube.com/watch?v=n5hbeJrGoj8

[14] proConf #15: https://www.youtube.com/watch?v=nIs7iEXRMJ0

[15] «Repozitorro #17: https://www.youtube.com/watch?v=E2W4W3Rt7n0

[16] JSHeroes 2019: https://www.youtube.com/playlist?list=PLB9NqTp0uKrR8WFXitMvLMGd-kGGZ4RkX

[17] Как использовать API веб-ресурса: https://css-tricks.com/how-to-use-the-web-share-api/

[18] SEO требования для нового сайта: https://www.contentkingapp.com/academy/seo-requirements-new-website/

[19] Производительность фронтенда: разбираем важные метрики: https://habr.com/ru/company/mailru/blog/454920/

[20] Извлечение критического CSS: https://web.dev/extract-critical-css

[21] Эффективно повышаем производительность вашего (мобильного) сайта: https://medium.com/wehkamp-techblog/effectively-boost-your-mobile-website-performance-af6c16af75e6

[22] Создаём максимально недоступный сайт с идеальной оценкой Lighthouse: https://habr.com/en/post/455016/

[23] Указание на фокус для улучшения доступности: https://hacks.mozilla.org/2019/06/indicating-focus-to-improve-accessibility/

[24] Анатомия доступных форм: проблема с Placeholders: https://www.deque.com/blog/accessible-forms-the-problem-with-placeholders/

[25] Доступность форм: практическое руководство: https://itnext.io/form-accessibility-a-practical-guide-4062b7e2dd14

[26] Веб-доступность в контексте: https://www.smashingmagazine.com/2019/06/web-accessibility-context/

[27] Подборка вдохновляющих сайтов Roundup #5: https://tympanus.net/codrops/2019/06/04/inspirational-websites-roundup-5/

[28] Подборка креативных демок Roundup #5: https://tympanus.net/codrops/2019/06/06/awesome-demos-roundup-5/

[29] CSS Flexbox в Bootstrap 4: https://medium.com/@stasonmars/css-flexbox-%D0%B2-bootstrap-4-b734ba200ea2

[30] Предотвращаем прокрутку страницы при открытии модального окна: https://css-tricks.com/prevent-page-scrolling-when-a-modal-is-open/?ref=heydesigner

[31] Анимация движения модального окна по заданной траектории: https://css-tricks.com/movin-modals-along-a-path/

[32] CSS менталитет: https://mxb.dev/blog/the-css-mindset/

[33] Архитектура CSS — структура папок и файлов: https://medium.com/@elad/css-architecture-folders-files-structure-f92b40c78d0b?ref=heydesigner

[34] CSS Grid Level 2 — subgrid скоро появятся в Firefox: https://hacks.mozilla.org/2019/06/css-grid-level-2-subgrid-is-coming-to-firefox/

[35] Вариативные шрифты и нестандартные оси: https://rwt.io/typography-tips/variable-fonts-and-quirky-custom-axes

[36] Поддержание вашего CSS in JS в чистоте: https://medium.com/@montezume/keeping-your-css-in-js-clean-with-stylelint-8822c8c1543a?sk=92908ee873e92289421b319d95842530

[37] Готовимся к 2020 году: 8 трендов клиентской JavaScript-разработки, о которых нужно знать: https://habr.com/ru/company/ruvds/blog/455144/

[38] Рекомендации по написанию чистого кода на JavaScript: https://habr.com/en/company/ruvds/blog/454520/

[39] Что нового в Node 12: https://medium.com/webbdev/node-393f91950ed8

[40] Как управлять музыкой с помощью PS4 DualShock и JavaScript: https://itnext.io/how-to-control-music-with-a-ps4-dualshock-and-javascript-54237206c104

[41] Включение современного JavaScript на npm: https://jasonformat.com/enabling-modern-js-on-npm/

[42] JavaScript: опровержение SEO мифов: https://www.youtube.com/watch?v=EZtCgrpa6ss&list=PLKoqnv2vTMUN6lFDz6qMBsz7-Jm8YRV9H&index=2&t=3s&linkId=68656091

[43] JAVASCRIPT SEO МЕРТВО! Что теперь?: https://www.youtube.com/watch?v=kdbL8n6FIgg&t=

[44] Массивы в JavaScript: https://medium.com/swlh/arrays-in-javascript-e64b873ad801

[45] Волшебные, мистические трансдьюсеры в JavaScript: https://jrsinclair.com/articles/2019/magical-mystical-js-transducers/

[46] Создание анимации с использованием React Spring: https://css-tricks.com/creating-animations-using-react-spring/

[47] Топ 5 навыков для изучения для junior JavaScript developer: https://zendev.com/2019/06/04/top-skills-to-learn-junior-javascript-developer.html

[48] Как я сделал свое приложение на React в 4 раза быстрее.: https://hackernoon.com/how-i-made-my-react-app-4-times-faster-7b929479cac4

[49] В чем смысл React hooks?: https://itnext.io/whats-the-big-deal-with-react-hooks-d73145eb14e0

[50] Кэшируйте React event listeners для повышения производительности.: https://medium.com/better-programming/cache-your-react-event-listeners-to-improve-performance-769bf74d3a4f

[51] Angular 8: https://medium.com/webbdev/angular-4c42d86eaa62

[52] Angular & RxJS: Глубокое погружение в Async Pipe : https://medium.com/better-programming/angular-rxjs-async-pipe-deep-dive-2510b56f793a

[53] Путешествие в Angular анимацию: https://medium.com/@GrandSchtroumpf/a-journey-into-angular-animation-f3360739c705

[54] Под капотом Angular CLI — демистификация билдеров: https://blog.angularindepth.com/angular-cli-under-the-hood-builders-demystified-v2-e73ee0f2d811

[55] Angular: путешествие одного из самых популярных фронтенд-инструментов на сегодняшнем рынке труда: https://www.freecodecamp.org/news/angular-a-journey-into-one-of-the-most-popular-front-end-tools-in-todays-job-market/

[56] Tutorial: Как сделать анимированный интерактивный слайдер на Vue.js: https://codepen.io/xdesro/post/tutorial-vue-slider

[57] Подводные камни Vue.js. Распространенные фиксы для основных проблем: https://medium.com/swlh/vue-js-gotchas-common-fixes-for-major-headaches-ef22a903b8bc

[58] Построение динамической древовидной диаграммы с помощью SVG и Vue.js: https://medium.com/@krutie/building-a-dynamic-tree-diagram-with-svg-and-vue-js-a5df28e300cd

[59] Подкаст „Crash Log“: https://crashlog.transistor.fm/episodes/product-hunt-launch-speed-vs-quality-integrations

[60] Подкаст „EmberMap“, Ep. 64: https://www.youtube.com/watch?v=cXhokDhT02Y&feature=youtu.be

[61] React Response Hot Loading: https://nullvoxpopuli.com/2019-06-01-react-response--hot-loading/

[62] Mozilla назвала «вредным» предложение Google о распространении веб-пакетов с цифровой подписью: https://habr.com/ru/company/globalsign/blog/454568/

[63] Релиз Chrome 75: http://www.opennet.ru/opennews/art.shtml?num=50814

[64] Mozilla планирует запустить платный сервис Firefox Premium: https://www.opennet.ru/opennews/art.shtml?num=50834

[65] Новая функция Firefox Dev Tools, подcказывающая, почему CSS свойство не несет никакого эффекта: https://twitter.com/nicolaschevobbe/status/1135798960361263104

[66] «Сейчас произойдёт музыкальная революция»: история запуска iTunes и причины закрытия сервиса: https://vc.ru/story/70219-seychas-proizoydet-muzykalnaya-revolyuciya-istoriya-zapuska-itunes-i-prichiny-zakrytiya-servisa

[67] Вычислительная Фотография: https://vas3k.ru/blog/computational_photography/

[68] 19 отличных бесплатных нейросетей: https://www.computerra.ru/238333/19-otlichnyh-besplatnye-nejrosetej/

[69] Вопросы морали и права: готово ли общество доверить себя искусственному интеллекту: https://dou.ua/lenta/articles/trusting-ai/

[70] Бывший техдиректор NPM развивает распределённый репозиторий пакетов Entropic: http://www.opennet.ru/opennews/art.shtml?num=50830

[71] Дайджест за прошлую неделю: https://habr.com/ru/post/454540/

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

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

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