Как добавить кастомные стили CSS в storybook (темизация Canvas и Docs вкладок)

Я столкнулся с этой проблемой, когда передо мной встала задача добавить кастомные стили (а конкретно шрифт) в сторисы сторибука, чтобы они полностью соответствовали моим react-компонентам. Добавлять их отдельно в каждую сторю не продуктивно, поэтому нужно это сделать где-то в корне. В официальной документации есть раздел, посвященный темизации storybook. И он вполне решает большинство вопросов, но … подробнее

Вопросы на собеседовании для middle frontend-разработчика в 2022 году (часть 4)

И снова подборка актуальных вопросов в собеседовании на frontend-разработчика. На этот раз ребята искали девелопера на позицию middle/senior. Вопросы по Javascript: Рассказать про асинхронность в Javascript; Рассказать о промисах; Будет ли вызван then после catch? Пример на async/await (не помню суть вопроса, к сожалению); Рассказать про Event Loop; Вопрос про кеширование. Как его можно оптимизировать если … подробнее

Вопросы на собеседовании для middle frontend-разработчика в 2022 году (часть 3)

Продолжаю тему актуальных для текущего года вопросов для frontend-разработчика. На этот раз я хочу привести список вопросов на позицию middle+/senior в одном известном банке ✅🤫 Вопросы по Javascript: Методы Promise (Promise.all, Promise.allSettled, Promise.race) Какие состояния имеет Promise и что они обозначают (речь о pending, fulfilled, rejected)? Задача. Дан массив [1,1,1,2,4,5]. Нужно вернуть true в случае если … подробнее

Вопросы на собеседовании для middle frontend-разработчика в 2022 году (часть 2)

В части 1 были рассмотрены вопросы, которые достались мне в одной из компаний. В этом материале хочу поделиться с вами вопросами, которые достались моему коллеге. Погнали. 1️⃣ Что выведет консоль? Аргументируйте свой ответ.

2️⃣ Что выведет консоль? Аргументируйте свой ответ.

3️⃣ Создайте метод у объекта String, который многократно повторяет строку (не используя метод … подробнее

Вопросы на собеседовании для middle frontend-разработчика в 2022 году (часть 1)

Проходя собеседования в этом году на позицию middle frontend-разработчик, я решил собрать вопросы, которые сейчас задают наши с вами опытные коллеги. И так, поехали: 0️⃣ Что выведет консоль?

1️⃣ Что выведет консоль?

2️⃣ Классы, наследование, доступ к родительскому классу через super(); 3️⃣ Что такое new? 4️⃣ Что такое замыкание? 5️⃣ Рассказать про контекст … подробнее

Как исключить node modules в конфигах webpack, но оставить несколько для транспиляции babel’ом

Если вы хотите транспилировать javascript-файлы проекта с помощью Babel и webpack – вам потребуется babel-loader, но это и без меня вам известно, но что если некоторые пакеты из исключенных node_modules вы все же хотите скормить транспилятору…? Относительно недавно в работе я столкнулся с такой проблемой: на сборке проекта в dependencies попали модули, юзающие пакеты, которые IE … подробнее

Отзыв о том, как я учился в ИТМО (design.ifmo.ru) на “Frontend-разработчика”

К слову сказать, я много на каких курсах побывал (LoftSchool, HTML-академия, GeekBrains, Дмитрий Лаврик, Нетология, уч. центр “Статус”, подкасты и каналы на YouTube и т.д.) и, думаю, имею более-менее достаточное представление о рынке образовательных услуг в Веб-индустрии, потому надеюсь, что мой отзыв будет достаточно объективным. Итак… В первую очередь меня завлекли 4 важных момента: 0️⃣ … подробнее

Как очистить кэш браузера пользователя? Не обновляется CSS после изменений на сайте.

Очень часто при работе с клиентскими сайтами на различных CMS меня раздражала одна проблема – после изменений в верстке (а именно CSS) мне приходилось просить клиентов обновить кеш браузера. Это очень не правильно и на каждое изменение писать пользователю “почисти кеш” – предельно не удобно для всех. Для решения данной проблемы существует не один способ. … подробнее

Как перенести inline элемент на другую строку

Совсем не частый случай, тем не менее я с ним столкнулся и потратил определенное время на то, чтобы перенести inline элемент на другую строку. Кейс заключался в том, чтобы элементы списка, выстроенные в строку (горизонтальная менюшка), расположить в три строки: Разные варианты пробовал, но получилось следующим образом:

Потыкать пример можно ниже 🙂    

WordPress wp-admin 503 Service Temporarily Unavailable

Столкнулся сейчас с проблемой на одном из ранее обслуживаемых сайтов, связанной с входом в админку WordPress. Страница авторизации wp-admin отображается, а вот на проходе авторизации, либо при клике на “забыли пароль” и прочих манипуляция сайт моментально выдавал 503 Service Temporarily Unavailable Ввиду того, что системный администратор из меня так себе (впрочем, как и бэкендщик), то начал … подробнее