Как добавить кастомные стили 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️⃣ … подробнее

Vue.js не выводится контент router-view в production mode

В dev режиме контент выводится без проблем, но на билде в месте вывода контента <router-view></router-view> появляется только блок с пустым комментарием <!—->. Проблема в том, что файл открывается в браузере через file:///: Некоторые API браузера работают только при открытии файла через http://…. Таким образом, если убрать в файле routes.js history mode или поменять на hash … подробнее

Vue router: router-link не поддерживает v-on:click

При написание небольшого проекта на VueJS столкнулся с проблемой при настройке роутинга на кнопках, а именно при подвешивании события:

– роутинг отрабатывал, но никакого запланированного события не происходило. На сколько я понял, директива v-on работает только с нативными HTML-элементами, т.к. это браузерное событие, а не событие Vue. Одним из выходом из этой ситуации может … подробнее

ToDo лист на LocalStorage и jQuery с возможностью редактирования задач

Здравствуйте, коллеги. Чуть ниже представлен алгоритм написания ToDo листа на jQuery с использованием локального хранилища LocalStorage + возможность редактирования и удаления каждой отдельной задачи из списка. В результате получиться должно следующее –  демо. За код прошу строго не судить, т.к. в JS я только начинаю. Однако дельным советам я буду только рад. Поехали. Для начала … подробнее