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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018)

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018) - 1

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


Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018) - 2 Медиа

podcast Подкаст «Веб-стандарты», Выпуск №142: Safari и Edge, бюджет на перфоманс, новые теги в HTML, киевское сообщество, кто такие Котаны? [7]
podcast Подкаст «Frontend Weekend» #75 – Никита Дубко о том, как за год стремительно прокачать свою карьеру frontend-разработчика [8]
podcast Подкаст «CSSSR» Новости 512 — Выпуск №25 (15.10 — 21.10) [9]
podcast Подкаст «Фронтенд Юность (18+)» #68 Бабуля стала олимпийским чемпионом по фронтенду [10]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018) - 7 Веб-разработка

Google полностью отказался от схемы ajax сканирования [11]
en История фронтенд фреймворков [12]
en Как растет фронтенд долг? [13]
en Умный бандлинг: как отдавать устаревший код старым браузерам [14]
en Удивительный мир браузерной производительности – как быть производительным [15]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018) - 17 CSS

habr Примеры использования Flexbox [23]
habr CSS: интересные возможности border-radius [24]
Свойство appearance и стандартизация стилей элементов форм: новая надежда [25]
en Ритм в веб-типографике [26]
en Негативные линии в гридах [27]
en Использование определение функций, условные обозначения и группы с селекторами [28]
en Стилизация блока с колонками в Gutenberg [29]
en Справочник по CSS Layout на MDN [30]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018) - 25 JavaScript

habr Школа магии TypeScript: дженерики и расширение типов [31]
Джон Мюллер советует оптимизаторам учить JavaScript [32]
0-day баг в популярном jQuery плагине эксплуатировали как минимум несколько лет [33]
en 33 концепта, которые должен знать каждый JavaScript разработчик [34]
en Testing Javascript [35] — узнайте самый эффективный способ тестирования любого JavaScript приложения
en podcast Подкаст «JS Party» – Episode #48: Foundation foundations (live at Node + JS Interactive) [36]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018) - 68 Браузеры

habr Chrome 70 поддерживает [список фич] и AV1 – почему поддержка этого кодека так важна? [71]
Вышел Chrome 70 с возможностью отключения пресловутой функции автоматической авторизации и поддержкой приложений PWA на Windows [72]
Модернизация TLS-подключений в Microsoft Edge и Internet Explorer 11 [73]
Firefox, Chrome, Edge и Safari прекратят поддержку TLS 1.0 и TLS 1.1 [74]
Mozilla экспериментирует с добавлением платного VPN в Firefox [75]
Признаки «Оперы». Йон фон Течнер об идеологии браузера Vivaldi [76]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №335 (15 — 21 октября 2018) - 70 Занимательное

Twenty Nineteen: первый взгляд на новую дефолтную тему в WordPress [77]
Atlassian выпустила полностью переработанный Jira Software [78]
Google добавила в Gmail интеграцию некоторых функций сервисов Dropbox, Box, Jira и Egnyte [79]
Adobe Max 2018 и новые инструменты дизайна [80]
«Грязное бельишко Google+»: исповедь бывшего сотрудника проекта, который возненавидел Google [81]
Новый Winamp будет представлен в 2019 году [82]

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

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

Автор: alexzfort

Источник [86]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Выпуск №142: Safari и Edge, бюджет на перфоманс, новые теги в HTML, киевское сообщество, кто такие Котаны?: https://medium.com/web-standards/episode-142-e9fd604e2736

[8] #75 – Никита Дубко о том, как за год стремительно прокачать свою карьеру frontend-разработчика: https://soundcloud.com/frontend-weekend/fw-75

[9] Новости 512 — Выпуск №25 (15.10 — 21.10) : https://soundcloud.com/csssr/novosti-512-vypusk-25-1510-2110

[10] #68 Бабуля стала олимпийским чемпионом по фронтенду: https://soundcloud.com/frontend_u/e68

[11] Google полностью отказался от схемы ajax сканирования: https://www.searchengines.ru/ajax-rip.html

[12] История фронтенд фреймворков: https://logrocket.com/blog/history-of-frontend-frameworks/

[13] Как растет фронтенд долг?: https://logrocket.com/blog/how-does-front-end-debt-grow/

[14] Умный бандлинг: как отдавать устаревший код старым браузерам: https://www.smashingmagazine.com/2018/10/smart-bundling-legacy-code-browsers/

[15] Удивительный мир браузерной производительности – как быть производительным: https://moduscreate.com/blog/browser-performance-how-to-be-performant/

[16] GitHub анонсировал собственный CI/CD и начал раздавать инвайты: https://habr.com/post/426681/

[17] Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1): http://css-live.ru/faq/prokachivaem-navyki-otladki-s-pomoshhyu-instrumentov-razrabotchika-chrome-chast-1.html

[18] Typekit теперь Adobe Fonts: https://theblog.adobe.com/typekit-is-adobe-fonts/

[19] Как работает Facebook 3D Photos: https://medium.com/@akella/how-facebook-3d-photos-work-8424cf48f061

[20] Эффект наведения в виде полноэкранных зацикленных изображений: https://tympanus.net/codrops/2018/10/16/fullscreen-hover-loop-effect/

[21] SVG Marching Ants: https://css-tricks.com/svg-marching-ants/

[22] Эксперименты с SVG Menu с viewBox Zoom: https://codepen.io/PointC/full/vVpvBE/

[23] Примеры использования Flexbox: https://habr.com/post/426627/

[24] CSS: интересные возможности border-radius: https://habr.com/company/ruvds/blog/426731/

[25] Свойство appearance и стандартизация стилей элементов форм: новая надежда: http://css-live.ru/vecssti-s-polej/svojstvo-appearance-i-standartizaciya-stilej-elementov-form-novaya-nadezhda.html

[26] Ритм в веб-типографике: https://betterwebtype.com/rhythm-in-web-typography

[27] Негативные линии в гридах: https://css-irl.info/negative-grid-lines/

[28] Использование определение функций, условные обозначения и группы с селекторами: https://css-tricks.com/using-feature-detection-conditionals-and-groups-with-selectors/

[29] Стилизация блока с колонками в Gutenberg: https://css-tricks.com/styling-the-gutenberg-columns-block/

[30] Справочник по CSS Layout на MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook

[31] Школа магии TypeScript: дженерики и расширение типов: https://habr.com/company/ruvds/blog/426729/

[32] Джон Мюллер советует оптимизаторам учить JavaScript: https://www.searchengines.ru/seo-js.html

[33] 0-day баг в популярном jQuery плагине эксплуатировали как минимум несколько лет: https://xakep.ru/2018/10/19/jquery-file-upload/

[34] 33 концепта, которые должен знать каждый JavaScript разработчик: https://github.com/leonardomso/33-js-concepts

[35] Testing Javascript: https://testingjavascript.com/

[36] Foundation foundations (live at Node + JS Interactive): https://changelog.com/jsparty/48

[37] Таймеры JavaScript: все что нужно знать: https://habr.com/company/piter/blog/426709/

[38] Полное руководство по контекстам выполнения, всплытию, контексту и замыканиям в JavaScript: https://tylermcginnis.com/ultimate-guide-to-execution-contexts-hoisting-scopes-and-closures-in-javascript/

[39] Шпаргалка по промисам и async/await: https://frontarm.com/toolbox/promises-async-await-cheatsheet/

[40] Понимание каррирования в JS: https://blog.bitsrc.io/understanding-currying-in-javascript-ceb2188c339

[41] Понимание паттернов проектирования в JavaScript: https://blog.bitsrc.io/understanding-design-patterns-in-javascript-13345223f2dd

[42] Как изучать Vue.js в 2018: https://zendev.com/2018/10/18/how-to-learn-vue-js.html

[43] Экосистема Vue растет… Точно так же, как это было с React: https://zendev.com/2018/10/16/vue-growth-taking-off-like-react.html

[44] Продвинутая отладка Vue: детективная история: https://vuejsdevelopers.com/2018/10/16/vue-js-advanced-debugging/

[45] gridsome: https://gridsome.org/

[46] Как сделать импорт Sass файла в любой компонент Vue приложения: https://css-tricks.com/how-to-import-a-sass-file-into-every-vue-component-in-an-app/

[47] Lazy Loading Images с директивами Vue.js и Intersection Observer: https://css-tricks.com/lazy-loading-images-with-vue-js-directives-and-intersection-observer/

[48] Kanban доска на Vue.js: добавление функции PWA: https://auth0.com/blog/vuejs-kanban-board-adding-progressive-web-app-features/

[49] Архитектура Redux. Да или нет?: https://habr.com/company/ruvds/blog/426473/

[50] Как стать React разработчиком в 2018 году: https://medium.com/webbdev/react-9cf527ed63a7

[51] Собеседование на позицию разработчика React с точки зрения рекрутера: https://medium.com/@baphemot/a-react-job-interview-recruiter-perspective-f1096f54dd16

[52] Финальный релиз styled-components v4: https://medium.com/styled-components/styled-components-v4-new-final-finalest-for-real-final-final-psd-fa4d83398a77

[53] Styled components V4: хорошее, плохое, и что-то совсем другое : https://medium.com/@david.gilbertson/styled-components-v4-the-good-the-bad-and-something-completely-different-e891139e0138

[54] Как применять принципы SOLID в приложения на React: https://medium.com/@tomgold_48918/how-to-apply-solid-principles-in-react-applications-6c964091a982

[55] Создание 100% типобезопасного React приложения на ванильном JavaScript: https://medium.com/@martin_hotell/build-100-type-safe-react-apps-in-vanilla-javascript-bd29a8364078

[56] Профилирование React компонентов с User Timing API: https://www.telerik.com/blogs/profiling-react-components-with-the-user-timing-api

[57] React Podcast 25: Make Brilliant Messes with Diana Mounter and Emily Plummer: https://reactpodcast.com/25

[58] Вышло обновление платформы Angular до версии 7.0: https://tproger.ru/news/angular-7-0-release/

[59] Angular версии 7 — CLI Prompts, Virtual Scroll, Drag and Drop и многое другое: https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c

[60] Желаете изучить Angular? Вот бесплатный курс Dan Wahlin, состоящий из 33-х частей: https://medium.freecodecamp.org/want-to-learn-angular-heres-our-free-33-part-course-by-dan-wahlin-fc2ff27ab451

[61] Создание оптимизированного для поисковых движков PWA на Angular — Part 2: https://blog.bitsrc.io/building-an-search-engine-optimized-pwa-with-angular-part-2-4473aed90c14

[62] Основные выводы после AngularMix 2018: https://auth0.com/blog/top-takeaways-from-angularmix-2018/

[63] Все про Angular Bindings: https://www.telerik.com/blogs/all-about-angular-bindings

[64] Профессиональная публикация Angular библиотек: https://medium.com/@hjalmers/publish-angular-libraries-like-a-pro-d6329e1b8ec

[65] Как мигрировать с angular 6 на 7: https://medium.com/@sendilkumarn/how-to-migrate-from-angular-6-to-7-1efc0da86d4f

[66] Virtual Scroll с Angular CDK — что нового в v7: https://www.youtube.com/watch?utm_campaign=Angular+Ninja+Newsletter&utm_medium=email&utm_source=Revue+newsletter&v=0HZWMCees20

[67] 5 опенсорсных HTML5 видеоплееров для 2018: https://blog.bitsrc.io/5-open-source-html5-video-players-for-2018-38fa85932afb

[68] omi: веб-фреймворк нового поколения всего в 4kb JavaScript (Веб компоненты + JSX + Proxy + Store + обновление путей): https://github.com/Tencent/omi

[69] Tea-School.js: https://itnext.io/tea-school-js-generate-a-pdf-file-from-html-and-css-in-node-js-32529f9b0f37

[70] Colorblindly: https://github.com/oftheheadland/Colorblindly

[71] Chrome 70 поддерживает [список фич] и AV1 – почему поддержка этого кодека так важна?: https://habr.com/company/Voximplant/blog/427021/

[72] Вышел Chrome 70 с возможностью отключения пресловутой функции автоматической авторизации и поддержкой приложений PWA на Windows: https://itc.ua/news/vyishel-chrome-70-s-vozmozhnostyu-otklyucheniya-preslovutoy-funktsii-avtomaticheskoy-avtorizatsii-i-podderzhkoy-prilozheniy-pwa-na-windows/

[73] Модернизация TLS-подключений в Microsoft Edge и Internet Explorer 11: http://microsoftportal.net/microsoft/10155-modernizaciya-tls-podklyucheniy-v-microsoft-edge-i-internet-explorer-11.html

[74] Firefox, Chrome, Edge и Safari прекратят поддержку TLS 1.0 и TLS 1.1: http://www.opennet.ru/opennews/art.shtml?num=49443

[75] Mozilla экспериментирует с добавлением платного VPN в Firefox: http://www.opennet.ru/opennews/art.shtml?num=49476

[76] Признаки «Оперы». Йон фон Течнер об идеологии браузера Vivaldi: https://xakep.ru/2018/10/16/vivaldi-interview/

[77] Twenty Nineteen: первый взгляд на новую дефолтную тему в WordPress: http://oddstyle.ru/wordpress-2/temy-wordpress-2/twenty-nineteen-pervyj-vzglyad-na-novuyu-defoltnuyu-temu-v-wordpress.html

[78] Atlassian выпустила полностью переработанный Jira Software: https://tproger.ru/news/jira-software-transformation/

[79] Google добавила в Gmail интеграцию некоторых функций сервисов Dropbox, Box, Jira и Egnyte: https://itc.ua/news/google-dobavila-v-gmail-integratsiyu-nekotoryih-funktsiy-servisov-dropbox-box-jira-i-egnyte/

[80] Adobe Max 2018 и новые инструменты дизайна: https://vc.ru/design/48518-adobe-max-2018-i-novye-instrumenty-dizayna

[81] «Грязное бельишко Google+»: исповедь бывшего сотрудника проекта, который возненавидел Google: https://ain.ua/2018/10/16/gryaznoe-belishko-google/

[82] Новый Winamp будет представлен в 2019 году: https://xakep.ru/2018/10/16/winamp-is-alive/

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

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

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

[86] Источник: https://habr.com/post/427239/?utm_campaign=427239