Долгое время большая часть того, что я публиковал в интернете, касалась криптовалют и блокчейна.
Мне нравилось исследовать проекты, писать аналитические статьи и делиться своими мыслями с сообществом. Но со временем мои интересы изменились: вместо описаний технологических продуктов, мне захотелось понять, как они устроены.
В моей голове постоянно возникали вопросы: как создаются информационные панели? как сайты становятся интерактивными? как разные пользователи взаимодействуют с одной и той же платформой?
В конце концов любопытство взяло верх.
Я решил изучить фронтенд-разработку.
И это решение полностью изменило направление того, что я создаю и чем делюсь в интернете.
Изучение фронтенд-разработки
Я начал с основ: HTML — CSS — JavaScript
На первых порах освоение программирования казалось мне непосильной задачей. Всюду встречались новые понятия: макеты, адаптивность, DOM, обработка событий и так далее. Но все стало на свои места, как только я перестал просто читать и начал создавать реальные проекты.
Вместо небольших упражнений по программированию, я поставил перед собой задачу создавать проекты, которые выглядели бы как настоящие продукты. Этот подход привел меня к работе над двумя самыми важными на сегодняшний день проектами.
Проект 1: SkillLink
Одним из первых проектов, над которым я работал, был SkillLink — платформа, предназначенная для связи квалифицированных специалистов с клиентами, организациями и государственными учреждениями. Идея SkillLink заключалась в том, чтобы улучшить доступ к проверенным профессионалам, таким как техники, водители, плотники и другие квалифицированные рабочие.
Я сосредоточился на создании фронтенд-интерфейса, чтобы платформа была интуитивно понятной и доступной.
Проект SkillLink можно посмотреть здесь: https://anienam.github.io/SkillLink-Vephla-Project/
Работа над SkillLink помогла мне понять, как проектировать интерфейсы для платформ, где разные пользователи взаимодействуют с системой по-разному. Этот опыт подготовил меня к следующему проекту.
Проект 2: TrashBeta
Мой самый последний проект — TrashBeta. Это многопользовательская платформа для управления отходами. Вместо разработки очередного сайта, я стремился создать продукт, приближенный к реальным условиям использования.
Платформа TrashBeta поддерживает три основные категории пользователей: администраторов, сотрудников по сбору отходов и жильцов. Каждая категория имеет доступ к индивидуальной панели управления и соответствующему функционалу.
В число функциональных возможностей платформы входят:
- процессы аутентификации и авторизации;
- дэшборды для каждой категории пользователей;
- модуль отчетов о проблемах;
- система управления задачами;
- управление профилями пользователей;
- адаптивный дизайн для различных устройств.
В целом проект вырос до более чем 40 экранов, связанных между собой единой навигационной архитектурой.
Ознакомитться с проектом TrashBeta можно здесь: https://thrashbeta.vercel.app/
Работа над этим проектом заставила меня задуматься о структуре системы, пользовательских сценариях и согласованности интерфейса, а не только о внешнем виде.
Чему я научился, создавая эти проекты
Работа над этими проектами преподала мне несколько важных уроков.
Во-первых, этап планирования гораздо важнее, чем я думал. Когда создаешь что-то с множеством экранов и функций, наличие четкой структуры значительно облегчает задачу.
Во-вторых, согласованность — это все. Небольшие различия в макетах могут быстро сделать интерфейс неопрятным, когда работаешь с дюжинами страниц.
И наконец, отладка — неотъемлемая часть процесса. Что-то ломается, ссылки ведут не туда, макеты съезжают. Но именно в решении этих проблем и происходит самое главное обучение.
Заключение
Вот самое главное, что я усвоил во время своего перехода от блокчейна к программированию: лучший способ понять технологию — это просто создавать что-то.
Можно целыми днями читать руководства, но реальное обучение происходит, когда ты экспериментируешь, ломаешь все, чинишь и продолжаешь двигаться дальше.
TrashBeta и SkillLink — только начало, не терпится двигаться дальше в этом направлении.
Читайте также:
- Про эти понятия фронтенд-архитектуры спрашивают почти на каждом собеседовании
- Команда chromium, меняющая подход к отладке фронтенда с помощью ИИ
- Тенденции развития фронтенд-разработки в 2025 году
Читайте нас в Telegram, VK и Дзен
Перевод статьи Anienamakan Udo: From Writing About Crypto to Building Software: My Journey into Frontend Development
