Дайджест свежих материалов из мира фронтенда за последнюю неделю №217 (20 — 26 июня 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Новости и занимательное: #news

[6] Подкаст Веб-стандарты, Выпуск №21 : https://soundcloud.com/web-standards/episode-21

[7] Подкаст radiojs, выпуск 40: Ужасы нашего CSS: https://radiojs.ru/

[8] HTML5.0 уходит в прошлое: http://css-live.ru/vecssti-s-polej/html5-0-uxodit-v-proshloe.html

[9] Google запустил инструмент проверки корректности кода AMP-страниц: https://www.searchengines.ru/valid-amp.html

[10] Как стать профессиональным веб-разработчиком: практическое руководство: https://habrahabr.ru/post/303896/

[11] Позвольте представить, Shadow DOM API на основе слотов: https://habrahabr.ru/post/304112/

[12] Нельзя так просто взять и научиться писать код: https://medium.com/@ABatickaya/%D0%BD%D0%B5%D0%BB%D1%8C%D0%B7%D1%8F-%D1%82%D0%B0%D0%BA-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D0%BE-%D0%B2%D0%B7%D1%8F%D1%82%D1%8C-%D0%B8-%D0%BD%D0%B0%D1%83%D1%87%D0%B8%D1%82%D1%8C%D1%81%D1%8F-%D0%BF%D0%B8%D1%81%D0%B0%D1%82%D1%8C-%D0%BA%D0%BE%D0%B4-8a39f50ccfb8

[13] One does not simply learn to code: https://medium.freecodecamp.com/one-does-not-simply-learn-to-code-f25bacdc5b62

[14] Что ожидать от собеседования на должность HMTL-Верстальщик/Junior frontend программист.: https://medium.com/@ermo4enkov/%D1%87%D1%82%D0%BE-%D0%BE%D0%B6%D0%B8%D0%B4%D0%B0%D1%82%D1%8C-%D0%BE%D1%82-%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D0%BD%D0%B0-%D0%B4%D0%BE%D0%BB%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D1%8C-hmtl-%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%B0%D0%BB%D1%8C%D1%89%D0%B8%D0%BA-junior-frontend-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82-a916de106283

[15] Валидация форм на HTML и CSS: https://medium.com/@ABatickaya/%D0%B2%D0%B0%D0%BB%D0%B8%D0%B4%D0%B0%D1%86%D0%B8%D1%8F-%D1%84%D0%BE%D1%80%D0%BC-%D0%BD%D0%B0-html-%D0%B8-css-c34c982d42a0

[16] Form Validation UX in HTML and CSS: https://css-tricks.com/form-validation-ux-html-css/

[17] Запись конференции Web Standards Days: https://www.youtube.com/watch?v=FlxpXoiiiT4

[18] Frontend United 2016 — Ghent: https://www.youtube.com/playlist?list=PL7xqy2B8uXNK5L7ROxqY_CxKCVPE2IAJx

[19] Progressive Web App Summit 2016: https://www.youtube.com/playlist?list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb

[20] Курс из 16-ти уроков по использованию Webpack для разработки приложений на JS: https://egghead.io/courses/production-webpack-working-title

[21] Обзор мета-тегов для использования возможностей социальных медиа: https://css-tricks.com/essential-meta-tags-social-media/

[22] Что я узнал, анализируя 1.65м Node.js модулей в NPM: https://blog.nodeswat.com/what-i-learned-from-analysing-1-65m-versions-of-node-js-modules-in-npm-a0299a614318

[23] Обработка фоллбек-ресурсов с помощью Service Workers : http://blog.cloudfour.com/service-workers-at-scale-part-ii-handling-fallback-resources/

[24] Повышение продуктивности с помощью таск раннеров: https://www.smashingmagazine.com/2016/06/harness-machines-productive-task-runners/

[25] Внедрение AMP для повышения скорости загрузки страниц: https://speckyboy.com/2016/06/20/implementing-amp-boost-page-loading-times/

[26] Все, что я должен знать о тэге Script: https://eager.io/blog/everything-I-know-about-the-script-tag/

[27] Начало работы со статическими сайтами: http://blog.teamtreehouse.com/getting-started-static-sites

[28] Запуск npm скриптов в git pre-commit хуке: http://elijahmanor.com/npm-precommit-scripts/

[29] Симпатичные эффекты для визуализации данных с помощью прилипающего эффекта: http://www.visualcinnamon.com/2016/06/fun-data-visualizations-svg-gooey-effect.html

[30] CSS LCD Text Effect: http://www.bypeople.com/css-lcd-text-effect/

[31] Эффектная визуализация экспериментов компьютерных вычислений: http://beautifulprogramming.com/

[32] Еженедельная подборка красивых эффектов на CSS/SVG/JS #43: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-43.html

[33] Магия CSS. Глава 5. Типографика. Типографика — это сложно: https://medium.com/@ABatickaya/%D0%BC%D0%B0%D0%B3%D0%B8%D1%8F-css-%D0%B3%D0%BB%D0%B0%D0%B2%D0%B0-5-%D1%82%D0%B8%D0%BF%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0-93f848a3240f#.xhpfj6729

[34] Как хорошо вы знаете свойство display в CSS?: https://www.chenhuijing.com/blog/how-well-do-you-know-display/

[35] Don’t Overthink It (Flexbox) Grids: https://css-tricks.com/dont-overthink-flexbox-grids/

[36] Самые большие ошибки в CSS и как их избегать: http://www.creativebloq.com/css/biggest-css-mistakes-and-how-avoid-them-61620990

[37] Улучшаем качество фронтенд-проектов, автоматически. Часть 2 — CSS и Sass: http://developer.telerik.com/featured/improving-quality-front-end-projects-automatically-pt-2-css-sass/

[38] Включаем грядущие свойства CSS с помощью PostCSS: https://www.sitepoint.com/enabling-upcoming-css-features-with-postcss/

[39] Повышаем уровень CSS: https://medium.freecodecamp.com/leveling-up-css-44b5045a2667

[40] Советы по кросс-браузерному CSS-коду: https://speckyboy.com/2016/06/23/cross-browser-css-styling-tips/

[41] Справочник по веб-типографике: http://typographyhandbook.com/

[42] Редактор объемных карт на чистом CSS: http://codepen.io/onediv/pen/NrNebj

[43] Два столпа JavaScript, Часть 2: функциональное программирование: http://frontender.info/the-two-pillars-of-javascript-pt-2-functional-programming/

[44] 15 советов по написанию самодокументируемого JavaScript: http://prgssr.ru/development/15-sovetov-po-napisaniyu-samodokumentiruemogo-javascript.html

[45] 12 книг, которые должен прочесть каждый JavaScript разработчик: https://medium.com/javascript-scene/12-books-every-javascript-developer-should-read-9da76157fb3

[46] 15 способов написания самодокументированного JavaScript: https://www.sitepoint.com/self-documenting-javascript/

[47] Как построить нейрон: изучаем ИИ в Javascript: https://medium.com/javascript-scene/how-to-build-a-neuron-exploring-ai-in-javascript-pt-1-c2726f1f02b2

[48] Объяснение JSONP в jQuery на примерах: https://www.sitepoint.com/jsonp-examples/

[49] Начинаем работать с JavaScript Robotics: https://medium.com/@leo/getting-started-with-javascript-robotics-5c54e716562c

[50] Быстрый совет по определению вашей локации с помощью Javascript: http://tutorialzine.com/2016/06/quick-tip-detecting-your-location-with-javascript/

[51] 6 способов объявления функций в JavaScript: http://rainsoft.io/6-ways-to-declare-javascript-functions/

[52] Введение в TypeScript: статическая типизация для веба: https://www.sitepoint.com/introduction-to-typescript/

[53] Javascript JIT баг в V8: https://www.reddit.com/r/javascript/comments/4oxtgk/javascript_developers_be_warned_about_this_crazy/

[54] Отладка Node.js Nightly с Chrome DevTools: https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27

[55] flatpickr — легкий и мощный плагин для выбора даты: https://chmln.github.io/flatpickr/

[56] Введение в React Horizon: https://medium.com/@roman01la/introducing-react-horizon-4c26f9ef628c

[57] Жизненный цикл React-компонентов : https://medium.com/react-ecosystem/react-components-lifecycle-ce09239010df

[58] Aurelia vs AngularJS 1.x — сравнение свойств и возможностей: https://www.sitepoint.com/aurelia-vs-angular-feature-comparison/

[59] Интеграция React с Backbone: https://blog.engineyard.com/2015/integrating-react-with-backbone

[60] Начинаем работать с React: http://code.tutsplus.com/articles/getting-started-with-react--cms-25031

[61] Скринкаст: создание React и Webpack проекта: http://javascriptplayground.com/blog/2016/06/react-webpack-workflow-screencast/

[62] react-enroute: https://github.com/tj/react-enroute

[63] Представление Nova: нового подхода к организации back-end-а для React-приложений: http://www.telescopeapp.org/blog/introducing-nova-a-new-kind-of-back-end-for-react-apps/

[64] Оглядываясь на React Europe: http://blog.mojotech.com/a-look-back-at-react-europe/

[65] Релиз Aurelia RC: http://blog.durandal.io/2016/06/22/the-aurelia-release-candidate-is-here-2/

[66] Взлетит ли Angular 2?: http://developer.telerik.com/featured/will-angular-2-take-off/

[67] Клон Trello с Angular Dragula: https://github.com/shekhargulati/52-technologies-in-2016/blob/master/25-angular-dragula/README.md

[68] Opera утверждает, что ее браузер ощутимо превосходит Microsoft Edge по энергоэффективности: http://itc.ua/news/opera-utverzhdaet-chto-ee-brauzer-oshhutimo-prevoshodit-microsoft-edge-po-energoeffektivnosti/

[69] Обновления производительности JavaScript в Microsoft Edge и Chakra: http://microsoftportal.net/windows-9/7256-obnovleniya-proizvoditelnosti-javascript-v-microsoft-edge-i-chakra.html

[70] Обновления производительности JavaScript в Microsoft Edge и Chakra: https://blogs.windows.com/msedgedev/2016/06/22/javascript-performance-updates-anniversary-update/

[71] Войны производительности JS в браузерах: https://adtmag.com/blogs/dev-watch/2016/06/javascript-wars.aspx

[72] Как остановить эту мельтешащую анимацию в вашем браузере: http://lifehacker.ru/2016/06/26/no-gifs/

[73] Google упростила двухфакторную аутентификацию: http://itc.ua/news/google-uprostila-dvuhfaktornuyu-autentifikatsiyu/

[74] Почему Prisma — это российский Pied Piper из «Кремниевой долины»: https://tjournal.ru/30136-pochemu-prisma-eto-rossiiskii-pied-piper-iz-kremnievoi-dolini

[75] Призма Моисеенкова: Как устроен проект Prisma и сможет ли он повторить успех MSQRD: https://vc.ru/p/what-is-prisma

[76] Малоизвестный Facebook: какими сервисами для бизнеса, разработки и безопасности располагает компания: https://vc.ru/p/besides-facebook

[77] Форрест Гамп интернета: как основатель Medium и Twitter Эван Уильямс борется за открытый веб: https://vc.ru/p/evan-williams

[78] Новый робот Boston Dynamics — SpotMini: сам встанет, подаст тебе пиво, уберет со стола: http://disgustingmen.com/techo/spotmini-boston-dynamics

[79] 7 глобальных SEO-трендов, с которыми столкнётся e-commerce в 2016 году: http://www.searchengines.ru/7-globalnyh-seo-trendov-s-kotorymi-stolknyotsya-e-commerce-v-2016-godu.html

[80] Роковой рекурсивный вызов и фейковая децентрализация: http://blogerator.ru/page/rekursivnyj-vyzov-i-fejkovaja-decentralizacija-ethereum

[81] Легендарный Гарвардский курс CS50 на русском: http://javarush.ru/cs50.html

[82] Сооснователь Google Сергей Брин порекомендовал стартаперам не открывать бизнес в Кремниевой долине: https://vc.ru/n/brin-valley

[83] Замена Flash на HTML5 не поможет сделать рекламу безопаснее: https://xakep.ru/2016/06/24/flash-html5-ad/

[84] Мошенники создают поддельные компании, чтобы получить адрес IPv4: https://xakep.ru/2016/06/24/ipv4-black-market/

[85] Проект Mozilla распределил 385 тысяч долларов между значимыми открытыми проектами: http://www.opennet.ru/opennews/art.shtml?num=44648

[86] Facebook представил новые рекламные форматы: http://www.cossa.ru/news/244/133028/

[87] Четверть россиян заклеивают веб-камеру ноутбука: http://gagadget.com/announce/22687-chetvert-rossiyan-zakleivayut-veb-kameru-noutbuka/

[88] Fuck, I’m old: 20 лет Quake: http://disgustingmen.com/games/fuck-im-old-20-quake/

[89] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/303620/

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

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

[92] Источник: https://habrahabr.ru/post/304152/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

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