Рубрика «frontend-разработка» - 2
Virtual Mirror Library — Библиотека виртуального макияжа и онлайн примерки аксессуаров
2025-06-12 в 7:00, admin, рубрики: backend, canvas, development, e-commerce, frontend-разработка, javascript, makeup, библиотека javascript, маркетинг, разработкаПривет! Я Аня, и очень люблю писать интересные интерености под E-commerce.
Ранее я уже писала о том, как создала POC модуля визуального поиска, сегодня хочу поделиться своей наработкой виртуального зеркала.
Библиотеку написала еще год-полтора назад, на то время было мало информации на эту тему, но зато большое количество предложений о покупке готовых модулей. Мне, как разработчику, стало интересно, а как же это все работает, и начала погружаться детальнее в эту тему.
Для нетерпеливых - вот ссылка на Github
Как набираться опыта в разработке
2025-06-11 в 19:52, admin, рубрики: frontend разработчик, frontend-разработка, курсы программирования, опыт работы, работа в it-компании, развитие в it, ХакатоныНемного о себе
Всем привет! Меня зовут Ник Уайт, я frontend-разработчик. Начинал обучение на Яндекс Практикуме по фронтенду, параллельно учился сам и двигался в нужном направлении. За плечами — пет-проекты, хакатоны и даже коммерческие проекты.
Для меня важно не просто выучить что-то быстро и применить, а понять суть. Когда знаешь, как всё работает, проще строить архитектуру проекта, выбирать подходящие технологии, масштабировать систему. Опыт и практика — это не одно и то же.
Опыт ≠ практика
ПрактикаЧитать полностью »
Код-ревью: борьба или мотивация?
2025-06-01 в 8:16, admin, рубрики: frontend-разработка, javascript, качество кода, командная разработка, мотивация в ИТ, мотивация программистовПривет! Меня зовут Илья, последние 7 лет я занимаюсь фронтендом и наконец решил отметиться на Хабре. Стартую с темы, которая, как кажется, уже успела приесться, но всё ещё вызывает жаркие споры — код ревью (CR). Не смотря на сотни статей и мануалов, каждая команда подходит к этому процессу по-своему. Хочется зафиксировать и осмыслить собственный опыт, показать, как мы подходили к настройке процесса в реальном проекте, и почему, на мой взгляд, код-ревью не может быть универсальным, а должен опираться на контекст команды.
Почему нужно знать историю фронтенда, даже если просто пишешь на React
2025-05-10 в 15:14, admin, рубрики: AngularJS, frontend-разработка, React, solid, svelte, vue, фронтенд-фреймворкиСегодня во фронтенде многое кажется очевидным: интерфейс обновляется при изменении данных, код удобно разбивается на части, архитектура уже встроена в инструменты. Но раньше всё это приходилось писать вручную, и каждое решение рождалось из конкретной боли разработчиков.
Если разобраться, откуда взялись подходы, с фреймворками проще работать:
-
Понятно, что делает инструмент, а что нужно настраивать вручную.
-
Меньше ситуаций, когда поведение кажется неправильным, хотя всё работает по логике самого фреймворка.
Создание интерактивных карт с D3.js и Leaflet: Визуализация объектов и графов
2025-05-02 в 6:15, admin, рубрики: d3.js, frontend-разработка, javascript, Leaflet, графы, картаКомбинация библиотек D3.js и Leaflet предоставляет мощный инструментарий для создания интерактивных географических визуализаций. Leaflet отвечает за отображение карт и управление слоями, а D3.js позволяет добавлять кастомные элементы, такие как маркеры, линии или сложные графы. В этой статье мы рассмотрим, как интегрировать D3.js с Leaflet для размещения объектов и построения графов на карте, центрированной в Казани, а также предоставим пример кода для практического применения.
Почему выбирают D3.js и Leaflet?
Календарь тренировок — когда пет-проект чуть больше to-do листа
2025-03-28 в 11:16, admin, рубрики: frontend-разработка, javascript, TypeScript, vue, vue.js, исходный код, открытый код, фронтендВ декабре 2023 я впервые задумался о похудении. Тогда при росте 194 см я весил 116 кг. Раньше я только играл в мини-футбол, вообще не следил за едой и даже не заглядывал в спортзал.
Начал нормально питаться, поменял привычки, добавил силовые тренировки, к сентябрю 2024 скинул около 30 кг. Это был рекорд по минимальному весу.
Сейчас, через полгода, вешу 89 кг. Оказалось, что нарастить мышцы намного труднее, чем избавиться от жира. Надеюсь, что эти +3 кг в основном мышцы. Почему так: теперь могу подтянуться 11 раз вместо 9, и на фото видны изменения — делаю такие сравнения каждые пару месяцев.
Классическая жизнь фронтенд-приложений и их сопровождение
2025-03-22 в 13:16, admin, рубрики: frontend-разработка, react.js, vue.js, архитектура, Программирование, сопровождение проектов, функциональное программирование, функциональностьПроблемы больших проектов: сопровождение компонентов и фанатичность принципу DRY
Рассмотрим типичный сценарий разработки фронтенд-приложений. Бизнес выдвигает требования, которые постепенно усложняют компоненты. Это приводит к проблемам сопровождения, особенно в больших проектах.
Пример: компонент для вывода суммы двух чисел
Первое требование: сумма двух чисел в кавычках
const SumComponent = (a, b) => `"${a + b}"`;Второе требование: добавить вывод знака в конце
const SumComponent = (a, b, tag) => `"${a + b}"-${tag}`;Третье требование: добавить умножение
Читать полностью »Элегантная реализация Long Press обработчика с помощью CSS анимации
2024-11-23 в 5:15, admin, рубрики: css, front-end, frontend-разработка, html, javascript, web-разработкаВ веб-разработке часто возникает необходимость обрабатывать различные типы взаимодействий пользователя, включая короткие и длинные нажатия. В этой статье мы рассмотрим изящный способ реализации обработчиков для этих двух взаимодействий.
▎Зачем нужен Long Press?
Long Press — это взаимодействие, при котором пользователь удерживает палец на экране или кнопку в течение определенного времени. Это может быть полезно для вызова дополнительных действий, таких как контекстное меню, всплывающие подсказки или специальные функции, которые не должны выполняться при обычном клике.
▎Стандартное решение
О чем плачет Frontend-developer
2024-11-15 в 12:34, admin, рубрики: frontend-разработка, команда разработки, накипело, работа в it, юмор
1. Первый рабочий день — обман ожиданий
Ты приходишь в новую компанию, всё кажется крутым: светлый офис (или уютный хоум‑офис), дружелюбная команда, проекты мечты. И тут начинается: