Frontend Study

Переключение тем Темы оформления с возможностью переключения, реализованные с помощью PostCSS и JavaScript. https://codepen.io/argyleink/pen/vYxrrpd

Modal Mitosis Растягиваемое расширяющееся поле со скрытым контентом, написанное на чистом CSS с помощью фильтра goo для SVG и checkbox toggle. https://codepen.io/ste-vg/pen/dENPjO

Responsive House При передвижении слайдера изменяются значения дата-атрибутов, которые влияют на отображаемый дом. https://codepen.io/davidkpiano/pen/xLKBpM

Sliding Icon Menu Меню с анимацией скольжения между пунктами-иконками. Реализовано с помощью CSS и JavaScript. https://codepen.io/ste-vg/pen/jONPjoV

#вопросы_с_собеседований Что такое Веб-компоненты и какие технологии в них используются? Веб-компоненты — технология, которая позволяет создавать многократно используемые компоненты в веб-документах и веб-приложениях. Веб-компоненты поддерживаются веб-браузерами напрямую и не требуют дополнительных библиотек для работы. Веб-компоненты включают четыре технологии, каждая из которых может использоваться отдельно от других: Custom Elements — API для создания собственных HTML элементов. HTML Templates — тег позволяет реализовывать изолированные DOM-элементы. Shadow DOM — изолирует DOM и стили в разных элементах. HTML Imports — импорт HTML документов.

#вопросы_с_собеседований по React Что такое ComponentWillUnmount()? Эта функция вызывается после того, как элемент удаляется из DOM, и она очищает память, что помогает увеличить доступное пространство. Укажите разницу между getIntialState() и constructor()? Если вы хотите создать один компонент, расширив «React. Component», constructor поможет вам инициализировать состояние. Но если вы хотите создавать с помощью «React.createClass», вам следует использовать genInitialState. Какая польза от пустых тегов <> </>? Пустые теги используются в React для объявления фрагментов. Объясните использование «ключа» в списке React Ключи позволяют предоставить каждому элементу списка стабильную идентичность. Ключи должны быть уникальными. Что такое чистые компоненты? Чистые компоненты — это самые быстрые компоненты, которые могут заменить любой компонент только с помощью функции render(). Это помогает повысить простоту кода и производительность приложения.

Text Morph Анимация трансформации текста. Написана на чистом CSS. https://codepen.io/Valgo/pen/PowZaNY

Курс «Разработчик 1С» от Яндекса. За 6 месяцев освоите один из самых простых языков программирования и пройдёте стажировку Зарегистрироваться #реклама 16+ practicum.yandex.ru О рекламодателе

Custom Tooltip Меню при нажатии на которое появляется пользовательская подсказка. Написано на чистом CSS. https://codepen.io/Adir-SL/pen/VwXGPmy

Low code vs Hard code при построении интеграции Тема Low code становится все более популярной среди ИТ-компаний. Звучит заманчиво – забрать часть работ по построению ИТ-решений у разработчиков и отдать аналитикам, чтобы они с помощью drag-and-drop могли сами строить интеграции с другими системами. Но работает ли это в реальности, особенно в крупном высоконагруженном бизнесе с нетиповыми бизнес-задачами и высокими требованиями к отказоустойчивости и перформансу решений? Зарегистрироваться #реклама platformv.sbertech.ru О рекламодателе