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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #86 – Александр Коротаев о том, как и зачем писать игры на JavaScript и выступать за рубежом: https://soundcloud.com/frontend-weekend/fw-86

[8] Новости 512 — Выпуск №33: https://soundcloud.com/csssr/novosti-512-vypusk-33

[9] #64: ECMAScript модули в Node.js — новый план: https://medium.com/devschacht/nightly-64-3abf29dc5862

[10] #79 Монопаразитории и полиперы: https://soundcloud.com/frontend_u/e79/

[11] «Ползающие полоски»: https://www.youtube.com/watch?v=9uGyaLHpFS0

[12] Новый год, новый GitHub: неограниченные бесплатные приватные репозитории: https://habr.com/company/microsoft/blog/435432/

[13] Что не так с GraphQL: https://habr.com/post/425041/

[14] И как с этим бороться: https://habr.com/post/435690/

[15] Визуализация концепций GraphQL: https://medium.com/devschacht/dhaivat-pandya-graphql-concepts-visualized-114bfdf83021

[16] Chrome DevTools: пять самых популярных советов для DevTools с 2018 года: https://umaar.com/dev-tips/190-five-popular-2018-tips/

[17] Чеклист производительности фронтенда 2019 от Виталия Фридмана [PDF, Apple Pages, MS Word]: https://www.smashingmagazine.com/2019/01/front-end-performance-checklist-2019-pdf-pages/

[18] Этика веб-производительности: https://timkadlec.com/remembers/2019-01-09-the-ethics-of-performance/

[19] Создание доступных SVG: https://www.deque.com/blog/creating-accessible-svgs/

[20] Состояние доступности: https://dev.to/rick_viscomi/the-state-of-accessibility-5gfa

[21] Использование Animation Worklet: https://blog.logrocket.com/using-animation-worklet-4a3914c19112

[22] Анимация меш-линий: https://tympanus.net/codrops/2019/01/08/animated-mesh-lines/

[23] Подводные камни пользовательских CSS-свойств: https://habr.com/company/netologyru/blog/435654/

[24] CSS — не отстой : https://andy-bell.design/wrote/css-doesnt-suck/

[25] Новые горизонты в CSS: Houdini и Paint API: https://blog.logrocket.com/new-horizons-in-css-houdini-and-the-paint-api-8b307cf387bb

[26] Техники Sass из окопов: https://css-tricks.com/sass-techniques-from-the-trenches/

[27] Стилизация веб-компонентов: https://css-tricks.com/styling-a-web-component/

[28] Как работает специфичность CSS в браузере: https://medium.freecodecamp.org/how-css-specificity-works-in-the-browser-3a7504176eda

[29] Зачем нам CSS subgrid: https://dev.to/kenbellows/why-we-need-css-subgrid-53mh

[30] Когда и как использовать CSS Multi-Column Layout: https://www.smashingmagazine.com/2019/01/css-multiple-column-layout-multicol/

[31] Объединяем подходы к созданию Masonry Layout на CSS: https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/

[32] Введение в CSS Containment: https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/

[33] JavaScript: топ тем и фреймворков для изучения в 2019 году: https://medium.com/web-standards/top-js-2019-1116718b2b67

[34] Результаты опроса 2018 JavaScript Rising Stars: https://risingstars.js.org/2018/en/

[35] Computer science в JavaScript 2019: связанный список: https://humanwhocodes.com/blog/2019/01/computer-science-in-javascript-linked-list/

[36] Защищенный JavaScript.: https://www.javascriptjanuary.com/blog/defensive-javascript

[37] Советы и рекомендации, которые могут вам понадобиться при работе с JavaScript (вопросы и ответы): https://medium.com/@alexmaisiura/tips-and-tricks-that-you-may-need-to-know-when-you-work-in-javascript-q-a-799ce3c4b4d2

[38] 9 хитростей для крутых разработчиков JavaScript в 2019 году: https://levelup.gitconnected.com/9-tricks-for-kickass-javascript-developers-in-2019-eb01dd3def2a

[39] Удаление ключевого слова «this» в JavaScript делает его лучшим языком. B вот почему: https://medium.freecodecamp.org/removing-javascripts-this-keyword-makes-it-a-better-language-here-s-why-db28060cc086

[40] Я ненавижу циклы for, и вот почему: https://blog.bitsrc.io/i-hate-javascripts-for-loops-let-me-tell-you-why-c18bc651d04a

[41] Пятничный JS: квайн, который играет в крестики-нолики: https://habr.com/post/435732/

[42] Как написать собственный Custom Mouse UI Class на ванильном JavaScript: https://medium.freecodecamp.org/how-to-write-your-own-custom-mouse-ui-class-in-vanilla-javascript-287115be0729

[43] Как начать работать с соревновательным программированием на JavaScript: https://medium.freecodecamp.org/how-to-get-started-with-competitive-programming-in-javascript-76ad2e760efe

[44] Преобразование цветовых пространств в JavaScript: https://css-tricks.com/converting-color-spaces-in-javascript/

[45] Как создать просмотрщик PDF файлов на JavaScript: https://code.tutsplus.com/tutorials/how-to-create-a-pdf-viewer-in-javascript--cms-32505

[46] Новые возможности ES2018, которые должен знать каждый разработчик JavaScript: https://css-tricks.com/new-es2018-features-every-javascript-developer-should-know/

[47] Как освоить Async / Await с помощью примера из реального мира: https://medium.freecodecamp.org/how-to-master-async-await-with-this-real-world-example-19107e7558ad

[48] Улучшите свой асинхронный JS-код с помощью async/await: https://medium.com/@wesharehoodies/improve-your-asynchronous-javascript-code-with-async-and-await-c02fc3813eda

[49] Нет, вам не нужен Express в вашем REST API на Node.js: https://medium.com/webbdev/js-da655318e937

[50] Анонс Matterhorn — Node.js API Server Boilerplate: https://medium.freecodecamp.org/announcing-matterhorn-a-node-js-api-server-boilerplate-4994759f1bf6

[51] Руководство для начинающих по серверной веб-разработке с Node.js: https://blog.bitsrc.io/a-beginners-guide-to-server-side-web-development-with-node-js-17385da09f93

[52] Создание персонального бота в Facebook Messenger за 10 минут с NodeJS и библиотекой Standard: https://hackernoon.com/build-a-personal-facebook-messenger-bot-in-10-minutes-a7a237f3f018

[53] Руководство по созданию React шаблона с нуля: https://vanillaweb.ru/create-react-boilerplate/

[54] Как начать работать заниматься веб-разработкой с нуля to Create-React-App на Windows: https://medium.freecodecamp.org/how-to-go-from-scratch-to-create-react-app-on-windows-a8a24687d595

[55] Начало работы с веб-доступностью в React: https://blog.usejournal.com/getting-started-with-web-accessibility-in-react-9e591fdb0d52

[56] Подробное руководство по React Boilerplate — от нуля до героя: https://medium.freecodecamp.org/a-complete-react-boilerplate-tutorial-from-zero-to-hero-20023e086c4a

[57] Справочник React: https://medium.freecodecamp.org/the-react-handbook-b71c27b0a795

[58] Как я создал асинхронную библиотеку для валидации форм в ~ 100 строках кода с помощью React Hooks: https://medium.freecodecamp.org/how-i-built-an-async-form-validation-library-in-100-lines-of-code-with-react-hooks-81dbff6c4a04

[59] Создание Snapping Image Swiper в стиле Instagram на React: https://codedaily.io/tutorials/67/Create-a-Snapping-Image-Swiper-like-Instagram-with-React

[60] React Kawaii — Милые React SVG компоненты: https://react-kawaii.now.sh/

[61] Vue.js, TypeScript и TSX в 2019 году: https://vanillaweb.ru/vuejs-typescript-i-tsx-v-2019/

[62] 8 Vue.js UI компонентов для 2019: https://medium.com/swlh/8-vue-js-ui-component-for-2019-79fc43d6da79

[63] 10 лучших советов для изучения Vue от мастеров Vue : https://medium.com/vue-mastery/10-best-tips-for-learning-vue-from-vue-masters-a21c794b1e6e

[64] 30 Days of Vue: https://github.com/fullstackio/30-days-of-vue

[65] Прокачиваем Angular NGSW с помощью кастомной логики в Service Worker: https://habr.com/post/435718/

[66] Хочешь выучить Angular?: https://medium.com/@splincode/%D1%85%D0%BE%D1%87%D0%B5%D1%88%D1%8C-%D0%B2%D1%8B%D1%83%D1%87%D0%B8%D1%82%D1%8C-angular-90ffecef68f2

[67] Angular Material Starter для поддержки Ng-Bootstrap : https://medium.com/@udbhav1995/angular-material-starter-with-ng-bootstrap-support-46bdc8de27c6

[68] Создай приложение со всем новым и интересным в Angular 7: https://www.sitepoint.com/build-an-app-with-everything-new-noteworthy-in-angular-7/

[69] На пути к Angular 8: зарелизили Angular 7.2: https://helpdev.eu/on-the-way-to-angular-8-angular-7-2-released/

[70] Анимации в Angular 7: https://medium.com/@onejohi/angular-7-animations-eef6410f2492

[71] Библиотека для создания веб-анимации Anime.js обновилась до версии v3.0.0.: https://animejs.com/

[72] karin: элегантный HTTP клиент на базе промисов для браузеров и node.js : https://github.com/vaheqelyan/karin

[73] Ваши помощники при работе с WebGL: https://areknawo.com/your-webgl-aiders/

[74] Встроенный в Chrome блокировщик рекламы заработает для всех стран летом текущего года: https://xakep.ru/2019/01/10/chrome-adblock/

[75] Mozilla разрабатывает новый мобильный браузер Fenix: http://www.opennet.ru/opennews/art.shtml?num=49940

[76] Разработка Flexbox Inspector: https://hacks.mozilla.org/2019/01/designing-the-flexbox-inspector/

[77] Что произошло в сфере IT-безопасности в 2018 году — утечки, атаки, майнинг и мемный хакинг: https://tproger.ru/articles/2018-cybersecurity-review/

[78] Глава NVIDIA заявил, что закон Мура мертв: https://itc.ua/news/glava-nvidia-zayavil-chto-zakon-mura-mertv/

[79] Типографика в дополненной реальности: сделать шрифт более читаемым под разным углом обзора: https://vc.ru/design/54706-tipografika-v-dopolnennoy-realnosti-sdelat-shrift-bolee-chitaemym-pod-raznym-uglom-obzora

[80] Что программист не должен был пропустить в 2018 — мнение экспертов: https://tproger.ru/experts/if-you-missed-in-2018/

[81] Python назвали языком 2018 года в январском рейтинге TIOBE: https://tproger.ru/news/tiobe-january-2019/

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

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

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

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

Нажмите здесь для печати.