​Подробное руководство по оптимизации производительности с помощью webpack

Ссылка: https://prglb.ru/40ksb

#tools #webpack #performance

​Как в Sports.ruSports.ru писали свой WYSIWYG-редактор

Читать: https://prglb.ru/50msf

#wysiwyg

​SVG-фавикон для темной и светлой темы

Изменяющийся фавикон с помощью SVG и prefers-color-scheme

Ссылка: https://prglb.ru/510g5

#design #css #svg

Что фронтендерам нужно знать о бэкенде

Узнать: https://prglb.ru/3ouu8

#backend

Как создавать карты с помощью React и Leaflet

https://prglb.ru/51hxl

#react #interface #tools

🎓Нормальные люди программируют на html. Но пробовали ли вы программировать на json?

А если серьезно, инструментарий jsonschema-form позволяет до безобразия упростить процесс написания пользовательского интерфейса для SQL выборки с использованием библиотеки React. Посмотрите статью по ссылке

Правильный ответ: 225px

У свойства flex-basis есть приоритет перед свойством width, но также его значение должно быть в диапазоне значений свойств min-width и max-width. В нашем случае 250px (flex-basis) не укладывается в диапазон, и поэтому значение ширины ограничивается 225px.

Много вопросов по CSS для самопроверки вы найдете здесь: https://prglb.ru/3ju8g

Mousetrap.js

Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.

На github: https://prglb.ru/3mbx7

#tools #library

Интернационализация в ES2020

Новинки и доработки в новом стандарте: https://prglb.ru/1ljz

#javascript

Дизайн сайта

Плейлист с разбором и применением интерфейсов веб-страниц: https://prglb.ru/fmqw

#design #interface #video

Как создавать с помощью React.js серьезные проекты? Освойте продвинутые навыки на демо-уроке «Разработка библиотеки компонентов на React + Storybook».

22 сентября на бесплатном вебинаре вы научитесь разрабатывать презентационные компоненты используя storybook. А также рассмотрите настройки, возможные расширения и как правильно выстроить библиотеку презентационных компонентов. Узнаете, как сделать snapshot тестирование с помощью Loki.

Демо-занятие является частью программы онлайн-курса «React.js Developer», который поможет вам раскрыть возможности этого фреймворка. Пройдите вступительный тест для регистрации https://otus.pw/BvK7/

Изучаем React Практическое руководство


#books #frameworks #react

Дизайнер интерфейсов делает цифровые продукты удобными. Эту профессию можно освоить за 7 месяцев. Всё в онлайн-тренажёре от Яндекс.Практикума.

Вы получите сертификат и соберёте портфолио из проектов. Научим вас работать с Figma, Photoshop, Miro и Trello. А ещё подготовим к собеседованию и поможем с составлением резюме.

70% заинтересованных выпускников находят новую работу за 2-4 месяца.

Начните учиться. Бесплатный вводный курс поможет выбрать профессию.

Основы JavaScript за неделю в формате марафона

Короткие видеоуроки, домашние задания, которые нужно выполнить, чтобы пройти дальше, поддержка и code review от ментора с 14-летним опытом.
В результате — собственная браузерная игра в жанре файтинг.

Старт 21 сентября. Чтобы присоединиться, запустите бота.

Правильный ответ: 30px, так как внешние отступы внутри флекс-контейнера не схлопываются.

Mo.js

JS-библиотека для создания motion графики на JavaScript. Предоставляет полный контроль над анимацией и множество встроенных компонентов.

Ссылка: https://prglb.ru/35orb

#tools #library #animation