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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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