- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа [1] | Веб-разработка [2] | CSS [3] | Javascript [4] | Браузеры [5] | Занимательное [6]
• Подкаст «Веб-стандарты», Выпуск №142: Safari и Edge, бюджет на перфоманс, новые теги в HTML, киевское сообщество, кто такие Котаны? [7]
• Подкаст «Frontend Weekend» #75 – Никита Дубко о том, как за год стремительно прокачать свою карьеру frontend-разработчика [8]
• Подкаст «CSSSR» Новости 512 — Выпуск №25 (15.10 — 21.10) [9]
• Подкаст «Фронтенд Юность (18+)» #68 Бабуля стала олимпийским чемпионом по фронтенду [10]
• Google полностью отказался от схемы ajax сканирования [11]
• История фронтенд фреймворков [12]
• Как растет фронтенд долг? [13]
• Умный бандлинг: как отдавать устаревший код старым браузерам [14]
• Удивительный мир браузерной производительности – как быть производительным [15]
• Примеры использования Flexbox [23]
• CSS: интересные возможности border-radius [24]
• Свойство appearance и стандартизация стилей элементов форм: новая надежда [25]
• Ритм в веб-типографике [26]
• Негативные линии в гридах [27]
• Использование определение функций, условные обозначения и группы с селекторами [28]
• Стилизация блока с колонками в Gutenberg [29]
• Справочник по CSS Layout на MDN [30]
• Школа магии TypeScript: дженерики и расширение типов [31]
• Джон Мюллер советует оптимизаторам учить JavaScript [32]
• 0-day баг в популярном jQuery плагине эксплуатировали как минимум несколько лет [33]
• 33 концепта, которые должен знать каждый JavaScript разработчик [34]
• Testing Javascript [35] — узнайте самый эффективный способ тестирования любого JavaScript приложения
• Подкаст «JS Party» – Episode #48: Foundation foundations (live at Node + JS Interactive) [36]
• 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]
• 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
Нажмите здесь для печати.