Web Performance 101
Расшифровка доклада Ивана Акулова об оптимизации быстродействия приложения: что и как оптимизировать, какие инструменты использовать для аудита, и какой профит получим в итоге → https://3perf.com/talks/web-perf-101/
Расшифровка доклада Ивана Акулова об оптимизации быстродействия приложения: что и как оптимизировать, какие инструменты использовать для аудита, и какой профит получим в итоге → https://3perf.com/talks/web-perf-101/
Рассылай и властвуй: история развития email-рассылок и обзор нынешнего положенего положения дел в их верстке → https://habr.com/company/2gis/blog/427653/
Интересное интервью с Эдди Османи о нынешнем состоянии экосистемы Javanoscript. Он рассказывает о приемах, помогающих улучшить скорость приложения, и применении performance budget → https://youtu.be/i5R7giitymk
YouTube
The State of JavaScript - The State of the Web
Rick speaks with Addy Osmani about the state of JavaScript. Addy is an Engineering Manager on the Google Chrome team, and he has been a web developer for 17 years. He has a deep understanding of JavaScript, as it is today and how it’s changed over the years…
Заметка о том, как узнать и использовать порядок ключей в js-объекте, если очень нужно (но все-таки лучше использовать ES2015 Map) → https://goo.gl/iYSRgR
Секрет хорошей документации. 4 вида документации и практические рекомендации по составлению и применению каждой → https://www.divio.com/blog/documentation/
Заслуживает ли ваш сайт признания? Чеклист требований доступности, без которых, по мнению Адриана Розелли, сайт нельзя считать сделанным качественно → https://doesmysitedeserverecognition.com/
Начали появляться идеи использования Hooks из React v16.7.0. https://usehooks.com/ от Гейба Рагланда (одна новая идея в день) и полный список со ссылками из документации → https://nikgraf.github.io/react-hooks/
Как CSS-grid может упростить медиазапросы для адаптивной раскладки → https://robots.thoughtbot.com/concise-media-queries-with-css-grid
Бэкенд для фронтенда Годная статья о том как проэктировать API с учетом нужд фронта от инженеров Яндекс. Если последовать их советам, думаю, можно избежать забега по граблям → https://goo.gl/PGAKuU
Новые возможности React 16.6 в React Podcast Евгения Ковальчука → https://youtu.be/vc1shGHGBj0
REST → Batch REST → GraphQL: рассказ инженеров Paypal об эволюции их подхода к общению с сервером на примере Paypal Checkout → https://medium.com/p/3482f724fb53
Статья о том, как избежать пиксельности изображенний и особенностях рендеринга иконок → https://habr.com/company/sibirix/blog/428489/
Кто такие дивелоперы, ручной SVG и волнительное подчёркивание в новом выпуске видеоблога Вадима Макеева → https://youtu.be/Me4j7QeKBCM
YouTube
Кто такие дивелоперы, ручной SVG и волнительное подчёркивание
00:00 Интро
00:35 Дивелоперы
01:37 Разметка
02:17 Browsersync
04:16 Выделение тона
04:57 Стили и подчёркивание
09:52 SVG руками
12:43 Проектирование
13:31 Фигура в SVG
15:53 Вставка фона
19:05 Почему режется
21:05 Компенсация кропа
21:43 Результат
Нравится?…
00:35 Дивелоперы
01:37 Разметка
02:17 Browsersync
04:16 Выделение тона
04:57 Стили и подчёркивание
09:52 SVG руками
12:43 Проектирование
13:31 Фигура в SVG
15:53 Вставка фона
19:05 Почему режется
21:05 Компенсация кропа
21:43 Результат
Нравится?…
Prettier, ESLint, Husky, Lint-Staged и EditorConfig: инструменты для написания аккуратного кода, или как поставить себе рамки для написания чистого кода в переводе на Хабре → https://habr.com/company/ruvds/blog/428173/
Изучаем CSS grid за 5 мин. Заметка о принципах построения сетки с помощью гридов в переводе на Medium → https://medium.com/webbdev/grid-47c3076539c3
Хорошая статья от Дена Абрамова о принципе работы React Hooks, и мотивации, которой руководствовались при их разработке → https://medium.com/@dan_abramov/fdbde8803889
4 способа использования .map() в js. Из необычного - автор показывает как разбивать строку на массив с возможностью форматирования перед этим, и как редактировать объекты массивов → https://scotch.io/tutorials/4-uses-of-javanoscripts-arraymap-you-should-know
Дизайн паттерны javanoscript. В сатье рассказывается о таких шаблонах, как: constructor, prototype, module, singleton, factory, observer. Очень полезна для начинающих, советую → https://blog.logrocket.com/214d888096a3
Дебаг Javanoscript в функциональном стиле. В статье автор сравнивает императивный и декларативный подход к решению одних и тех же задач и описывает преимущества, которые нам дает функциональный стиль программирования → https://itnext.io/545b6ea59660
React hooks: not magic, just arrays. В статье автор схематично разбирает внутреннее устройство React Hooks и наглядно показывает почему их нельзя использовать из условий/циклов и вне функций → https://goo.gl/frvgLR
Видеоурок по использованию функционального подхода в Javanoscript от крутейшего препода КПИ и программиста Тимура Шемсединова → https://youtu.be/0JxSs_GcvbQ
YouTube
Функциональное программирование на JavaScript
Примеры кода: https://github.com/HowProgrammingWorks/FunctionalProgramming
Курс «Основы программирования» с примерами на JavaScript https://habr.com/ru/post/464023/
#функциональное #программирование #парадигма #javanoscript #js #лекции #кпи
Курс «Основы программирования» с примерами на JavaScript https://habr.com/ru/post/464023/
#функциональное #программирование #парадигма #javanoscript #js #лекции #кпи