Создание компонента Timeline с React

При работе над новой страницей своего веб-сайта я решил добавить Timeline, чтобы показать свои профессиональные достижения за последние годы. С помощью временной шкалы можно не только отследить собственные достижения, но и привлечь новых клиентов. На изображении выше показана временная шкала, которую мы будем создавать с ПОДРОБНЕЕ

Я никогда не понимал замыкания в JavaScript

Перед тем, как начать Простой базовый пример Область видимости Функция, которая возвращает функцию Наконец, замыкания Не такие обычные замыкания Заключение Пока мне не объяснили их вот так… Как понятно из названия, замыкания JavaScript всегда были для меня немного таинственны. Я прочитал множество статей, я использовал ПОДРОБНЕЕ

Пишем занимательный слайдер на чистом JavaScript

Доброго времени суток, друзья! Решил вернуться к теме слайдеров. Вдохновением послужила эта статья. Статья про генератор галереи изображений со встроенным слайдером находится здесь. Слайдер, который мы напишем, работает по принципу бесконечной карточной колоды или стопки изображений. Верхнее изображение отбрасывается в одно из трех направлений — ПОДРОБНЕЕ

Пишем генератор галереи изображений со встроенным слайдером

Доброго времени суток, друзья! Вместо введения (постановка задачи) Все началось с изучения чужих слайдеров (готовых решений в сети, типа bxslider, owlcarousel и slick). Когда-нибудь я напишу подробные руководства по работе с этими инструментами (sweet dreams). Появилось желание написать свой слайдер. Однако вскоре (в том числе, ПОДРОБНЕЕ

Гайд по виртуальным мирам: AR и VR

С чего начать разработку приложений дополненной и виртуальной реальностей: устройства, платформы для написания кода, языки программирования, онлайн-уроки и курсы. 1. Дополненная реальность (AR) Дополненная реальность (англ. augmented reality) – это технология, которая расширяет физический мир, накладывая на него слои цифровой информации: звуки, видео, графику. 1.1. ПОДРОБНЕЕ

Поиск и использование компонентов с bit.dev

Bit упрощает использование компонентов из библиотек и приложений. Bit’s hub (bit.dev) облегчает поиск и взаимодействие с этими компонентами. В этой статье мы узнаем, как найти и установить UI-компонент из bit.dev для использования в приложении. Мы будем использовать Material-UI, самую популярную UI-библиотеку. Для начала… Используем компоненты ПОДРОБНЕЕ

Веб-скрапинг для веб-разработчиков: краткие сведения

Для извлечения данных с веб-страницы существует множество решений и инструментов. Каждый метод обладает своими сильными и слабыми сторонами, знание которых сохранит время и повысит эффективность решения задач. С помощью каких способов можно извлечь данные с веб-страницы? Каковы плюсы и минусы каждого подхода? Как использовать облачные ПОДРОБНЕЕ

Совершенный код: интерфейсы модулей

В некоторых языках, таких Python или JavaScript, переменные или константы, определенные на уровне модуля, могут быть импортированы в других частях программы. С одной стороны, это открывает больше возможностей по сравнению с языками, где любые данные должны находиться внутри функций, классов и так далее. С другой ПОДРОБНЕЕ

Веб-скрапинг с помощью Node.js — Часть 1

Что такое веб-скрапинг? Веб-скрапинг — это метод, используемый для извлечения данных с веб-сайтов с помощью скрипта. Он помогает автоматизировать трудоемкую работу по копированию данных с различных веб-сайтов. Обычно его используют в тех случаях, когда нужные веб-сайты не предоставляют API для извлечения данных. Рассмотрим несколько общих сценариев использования ПОДРОБНЕЕ

Станьте экспертом в разработке с этими продвинутыми советами по кодировани. Часть 2

Предыдущие части: Часть 1 Добро пожаловать во вторую часть продвинутых советов по написанию кода. В данной статье мы продолжим изучение остальных code smells с реальными примерами и способами исправления ситуации. — Одержимость примитивами Этот code smell проявляется всякий раз, когда в своем приложении вы начинаете ПОДРОБНЕЕ