Practical Highcharts with Angular: Your Essential Guide to Creating Real-time Dashboards, 2nd Edition (2023)

Научитесь создавать потрясающие анимированные и интерактивные диаграммы с помощью Highcharts и Angular. В этом обновленном издании на основе имеющихся знаний HTML, CSS и JavaScript вы сможете создавать впечатляющие информационные панели, которые будут работать во всех современных браузерах.

👉 @frontendInterview

Посчитайте девятки

Я хочу посчитать от 0 до n. Сколько раз мне встретится цифра 9 ?
9, 19, 91... добавляют девятку
99, 199, 919... добавляют две девятки
И так далее

Примеры:
number9(8) //вернет 0
number9(9) //вернет 1
number9(10) //вернет 1
number9(98) //вернет 18
number9(100) //вернет 20

👉 @frontendInterview

Что такое интерфейсы (interfaces) в TypeScript и как они используются?

Интерфейсы в TypeScript - это способ определения формы (shape) объекта. Они позволяют определять типы для объектов и классов, что упрощает проверку типов и предотвращает ошибки во время выполнения.

Интерфейсы могут определять свойства объекта, их типы и обязательность, а также методы и их параметры. Они также могут наследоваться от других интерфейсов и использоваться в качестве типов для переменных и функций.

Использование интерфейсов позволяет более точно определять типы данных в приложении, что упрощает отладку и обеспечивает более надежную работу приложения.

👉 @frontendInterview

Какие инструменты вы используете для тестирования фронтенд-кода?

Для тестирования фронтенд-кода я использую инструменты, такие как Jest, Mocha, Chai, Enzyme, Puppeteer, Cypress и другие. Они позволяют создавать тесты для различных аспектов кода, таких как логика, стили, взаимодействие с API и т.д.

Я также использую инструменты для автоматического тестирования, такие как Travis CI и Gitlab CI, чтобы убедиться, что код проходит все тесты на каждом коммите.

👉 @frontendInterview

👉 @frontendInterview

Что вы думаете о применении микрофронтендов?

Микрофронтенды — это практика разбиения большого приложения на несколько независимых, связанных между собой микро-приложений. Это позволяет уменьшить количество кода, повысить производительность и упростить масштабирование. Они могут быть полезны для больших приложений, где требуется разделить функциональность на отдельные модули

Однако, микрофронтенды также могут привести к усложнению архитектуры приложения и увеличению количества зависимостей между различными модулями. Кроме того, микро-фронтенды требуют более тщательного тестирования и контроля качества.

👉 @frontendInterview

GitHub For Dummies, 2nd Edition (2023)

Написанная инженером GitHub, эта книга содержит подробную информацию о том, как работает GitHub и как вы можете использовать его, чтобы стать более эффективным, результативным и ценным членом любой совместной команды программистов.

👉 @frontendInterview

React counter

Ваша задача дописать данный React код - а именно написать функции increment, decrement и reset для счетчика. Кроме того, вам нужно создать функцию getRandomColor, которая будет применяться к компоненту каждый раз при изменении счетчика. Эта функция должна изменять цвет границы элемента.

👉 @frontendInterview

Что такое модули в TypeScript и каковы их особенности?

В TS, как и в ECMAScript2015, любой файл, содержащий import или export верхнего уровня (глобальный), считается модулем.
Файл, не содержащий указанных ключевых слов, является глобальным скриптом.

Модули выполняются в собственной области видимости, а не в глобальной. Это означает, что переменные, функции, классы и т.д., объявленные в модуле, недоступны за пределами модуля до тех пор, пока они в явном виде не будут из него экспортированы. Кроме того, перед использованием экспортированных сущностей, их следует импортировать в соответствующий файл.

👉 @frontendInterview

alert()
Разработчики делают красивые модальные окна неделю, но у нас всегда есть готовое некрасивое.

При помощи директивы alert() можно вывести на экран пользователя модальное окно с каким-нибудь текстом.

Из-за того, что окно модальное — работа с интерфейсом браузера и страницами будет заблокирована. Это неудобно, и может восприниматься пользователем как попытка ограничивать его свободу. Модальное окно для пользователя — окно, которое блокирует его работу с браузером до тех пор, пока он это окно не закроет.

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

​В чём разница между null, undefined и объявленной переменной без начального значения? (let foo;)

null обычно задаётся переменной явно и означает, что она ничего не содержит. undefined показывает, что значение переменной «не определено». undefined обычно присваивается переменной, когда она была объявлена, но не было определено её начальное значение. Также, undefined может возвращаться и из функции — это происходит, если функции явно не возвращает ничего другого. null же обычно возвращают из функции явно, чтобы показать, что результат функции равен «ничему».

Без начального значения можно оставлять только переменную объявленную через let или var. Если объявить переменную через const и не задать ей начального значения, будет ошибка: Uncaught SyntaxError: Missing initializer in const declaration.

Оператор typeof для null работает странно. typeof(null) выдаст нам строку 'object'. Это официально признанная ошибка в языке, сохраняемая для совместимости. Ошибка тут в том, что null это отдельный тип данных, а не объект. С undefined всё куда лучше и typeof(undefined) выдаст нам 'undefined'. Почитать ещё о typeof можно здесь.

👉 @frontendInterview