Заметка о том, как узнать и использовать порядок ключей в 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 #лекции #кпи
Оптимизация быстродействия основного лендинга Netflix. Рассказ Эдди Османи: TTI уменьшились на 50%, предзагрузка ресурсов сократила TTI после переходов между страницами на 30%, JS-бандл уменьшился на 200 КБ → https://medium.com/p/c0bcde26a9d9
Что и как тестировать с помощью Jest и Enzyme. Полная инструкция по тестированию React-компонентов в переводе на Medium → https://medium.com/devschacht/d3504f3fbc54
От сервера к клиенту: как браузер загружает страницы/ресурсы и как на это влияют сервис-воркеры, кеширование и origin model? Подробное объяснение Али Алабаса → https://alistapart.com/article/server-to-client