valitovgaziz/tp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
61cffcf26c8c01c30eeb741efa42d63b6df4007e
tp/main_dc/valitovgaziz/html/index.html
T

681 lines
29 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="
Fullstack-разработчик, Fullstack developer, Backend разработка, Frontend разработка, Веб-разработка, Программист Java, Программист Golang, Vue3.js разработка, JavaScript разработчик, Разработка веб-приложений, Создание сайтов, Микросервисная архитектура, REST API, PostgreSQL, Docker, Системное проектирование, Поиск тимейтов, Нетворкинг разработчиков, IT сообщество, Open-source проекты, Присоединиться к команде, Команда мечты, Рекрутинг разработчиков, Поиск программистов, Поиск дизайнеров, Поиск аналитиков, Удаленная команда, Профессиональный рост в IT, Совместная разработка, Технический предприниматель, Стартап партнерство, Инвестиции в IT, Соучредитель проекта, Бизнес-партнер, Tech Lead, Развитие проекта, Стратегическое партнерство, Венчурные инвестиции, Digital-продукты, Монетизация проектов, Travel Tech, Туристическая платформа, Планирование путешествий, Yalarba.ru, Туризм Башкортостан, Разработка платформы, Экосистема проектов, Маркетплейс туризма, Сайт-визитка разработчика, Портфолио программиста, Удаленная работа, Фриланс, Аутсорс разработка, Создание продукта с нуля, Agile разработка, Управление IT проектами, Цифровая трансформация
" />
<link rel="icon" href="./images/favicon/code_orange.png" />
<link rel="stylesheet" href="style.css" />
<script src="scripts.js"></script>
<script src="darkThemeToggle.js"></script>
<script src="digital_background.js"></script>
<script src="JavaScript/analytics.js"></script>
<title>ValitovGaziz - Предприниматель - Fullstack-разработчик</title>
</head>
<body>
<header class="hero">
<div class="hero-content">
<div class="hero-text">
<h1>ВАЛИТОВ ГАЗИЗ</h1>
<h3 class="hero-subtitle">
Технологический предриниматель & Fullstack-разработчик
</h3>
<p class="hero-description">
Создаю цифровое решение для отдыха. Развиваю проект
<strong>Yalarba.ru</strong> — платформу, которая меняет подход к
путешествиям по Башкортостану.
</p>
<div class="hero-buttons">
<button onclick="sendMessageTelegram()" class="btn btn-primary">
Обсудить сотрудничество
</button>
<button onclick="sendMessageTelegram()" class="btn btn-secondary">
Написать мне
</button>
<a href="blog.html" class="btn btn-secondary">
📝 Читать блог
</a>
</div>
</div>
</div>
<!-- Кнопка переключения темы -->
<button class="theme-toggle" onclick="toggleTheme()">
🌙 Темная тема
</button>
<div class="social_links_block">
<div class="social_link_block">
<h4>Подписывайтесь в ВК</h4>
<a href="https://vk.com" target="_blank">
<div class="social_link">
<img src="./images/favicon/brand-vk.svg" alt="VK - вконтакте" />
</div>
</a>
</div>
<div class="social_link_block">
<h4>Пишите в телеграм</h4>
<a href="https://t.me/valitovgaziz" target="_blank">
<div class="social_link">
<img src="./images/favicon/brand-telegram.svg" alt="телеграмм" />
</div>
</a>
</div>
</div>
</header>
<div class="section about">
<div class="about-valitovgaziz-photo-box">
<img src="./images/ValitovGaziz/valitovgaziz3.jpg" alt="Valitov Gaziz" id="valitovgaziz-photo-img"
loading="lazy" />
</div>
<div class="about-text">
<h2>Технический предприниматель и Fullstack-разработчик</h2>
<ul>
<li>г. Кумерау, 1985 год родиля</li>
<li>1992 - 2002 г. Кумертау, БРГИ 3</li>
<li>2002 - 2005 г.Уфа, УГАТУ, специальность "Сварочное производство"</li>
<li>2005 - 2009 Росстовская область, СКВО, служба в армии по контракту</li>
<li>2009 - 2012 г. Кумертау, станочник "Токарь-расточник" КумАПП</li>
<li>2012 -2015 село Старосубхангулово, ремонт электроники. ООО "БААС - сервис" владелец</li>
<li>2015 - 2020 г. Уфа, учеба в УКСиВТ "Техник по Информационным Системам"</li>
<li>с 2021 самообучние и работа над проектом Ял Арба, владелец</li>
</ul>
<div class="resume-block">
<a href="resume/resume.html" id="resume-link" target="_blank">resume</a>
</div>
<p>
Мой подход:
<strong>"Технологии как инструмент для решения реальных проблем"</strong>. Именно этот принцип лежит в основе
моего флагманского проекта
<a href="https://yalarba.ru" target="_blank">
Yalarba.ru
</a> <a href="https://easysite102.ru" target="_blank">
easysite102.ru
</a> —
платформы, которая упрощает планирование путешествий и открывает новые
возможности для туризма.
</p>
<div class="entrepreneur-highlights">
<div class="highlight-item">
<h4>🎯 Техническое видение</h4>
<p>
Создаю архитектуру, которая масштабируется и адаптируется под
растущие потребности бизнеса
</p>
</div>
<div class="highlight-item">
<h4>💡 Бизнес-ориентация</h4>
<p>
Фокусируюсь на создании ценности для пользователей и устойчивых
бизнес-моделях
</p>
</div>
<div class="highlight-item">
<h4>🚀 Практический подход</h4>
<p>
От прототипа к продукту: быстрое тестирование гипотез и
итерационная разработка
</p>
</div>
<div class="highlight-item">
<h4>❤️‍🔥 Меня мотивирует</h4>
<p>
Процесс создания проекта с большой пользой многим людям - это то,
что по-настоящему подпитывает меня, давая энергию для ежедневного
стремления к лучшему будущему.
</p>
</div>
</div>
</div>
</div>
<!-- НОВАЯ СЕКЦИЯ: О репозитории -->
<div class="section repository">
<h2>
👨‍💻 О репозитории
<a href="https://github.com/valitovgaziz" class="link-style-none" target="_blank">
ValitovGaziz-GitHub.com
</a>
</h2>
<p>
Добро пожаловать! Этот репозиторий — моё цифровое портфолио и
пространство для экспериментов.
</p>
<div class="projects-grid">
<div class="project-card">
<h3>
🌐
<a href="https://valitovgaziz.ru" class="link-style-none" target="_blank">ValitovGaziz.ru</a>
</h3>
<p>
Сайт-визитка, который вы сейчас просматриваете. Здесь собрана
информация о моих навыках, проектах и способах связи.
</p>
</div>
<div class="project-card">
<h3>
🏞️
<a href="https://yalarba.ru" class="link-style-none" target="_blank">Yalarba.ru</a>
</h3>
<p>
Платформа для туризма по Башкортостану. Помогает путешественникам
открывать новые места и планировать маршруты.
</p>
</div>
<div class="project-card">
<h3>
🏃‍♂️
<a href="https://BegushiyBashkir.ru" class="link-style-none" target="_blank">BegushiyBashkir.ru</a>
</h3>
<p>
Сайт бегового клуба "Бегущий Башкир", основанного моим другом
<a href="https://t.me/zagir_aminev">Аминевым Загиром.</a>
</p>
</div>
</div>
<div class="current-info">
<h3>
Что сейчас в работе?
<a href="https://easysite102.ru" class="link-style-none" target="_blank"
title="Конструктор сайтов для туристических объектов">easysite102.ru</a>
</h3>
<ul>
<li>
<strong>Разрабатываю:</strong> easysite102.ru - как часть экосистемы
YalArba.ru.
</li>
<li>
<strong>Открыт к сотрудничеству:</strong> Участвую в разработке
open-source проектов.
</li>
<li><strong>Нужна помощь:</strong> В развитии моих проектов.</li>
</ul>
<p>
<strong>Задавайте вопросы</strong> по моим проектам или всему, в чём
могу быть полезен.
</p>
</div>
</div>
<!-- НОВАЯ СЕКЦИЯ: Команда мечты -->
<div class="section team-section">
<div class="team-header">
<h2>🚀 Ищем тимейтов для роста и прорыва</h2>
<p class="team-tagline">
Создаем digital-будущее вместе через разработку цифровых решений
</p>
</div>
<div class="team-content">
<div class="team-mission">
<h3>💫 Наша миссия</h3>
<p>
Мы строим сообщество профессионалов, которые через технологии
создают реальную пользу для людей. Это не коммерческая работа — это
возможность расти, решая сложные задачи и открывая новые горизонты.
</p>
</div>
<div class="team-roles">
<h3>👥 Кого мы ищем:</h3>
<div class="roles-grid">
<div class="role-card">
<h4>💻 Программисты</h4>
<p>
Fullstack, Backend, Frontend, Mobile — все, кто готов строить
масштабируемые решения
</p>
</div>
<div class="role-card">
<h4>🎨 Дизайнеры</h4>
<p>UI/UX, продуктовые дизайнеры, креативные мыслители</p>
</div>
<div class="role-card">
<h4>📊 Аналитики</h4>
<p>
Ищем аналитика (системного и бизнес‑аналитика) для анализа
процессов, сбора требований и перевода бизнес‑потребностей в
технические решения.
</p>
</div>
<div class="role-card">
<h4>🚀 Продавцы-стратеги</h4>
<p>Кто понимает, как digital-продукты меняют рынки</p>
</div>
</div>
</div>
<div class="team-value">
<h3>🎯 Что получаете взамен:</h3>
<ul>
<li>
✅ <strong>Реальный опыт</strong> — задачи уровня коммерческих
проектов
</li>
<li>
✅ <strong>Профессиональный рост</strong> — следующий уровень
навыков гарантирован
</li>
<li>
✅ <strong>Нетворкинг</strong> — сообщество сильных специалистов
</li>
<li>
✅ <strong>Портфолио</strong> — проекты, которые впечатляют
работодателей
</li>
<li>
✅ <strong>Горизонтальное развитие</strong> — возможность
пробовать себя в смежных ролях
</li>
</ul>
</div>
<div class="team-challenge">
<h3>⚡ Уровень сложности:</h3>
<p>
Спектр задач достаточно высок — решая их, вы гарантированно
подниметесь на следующую ступень развития. Мы работаем с
технологиями, которые определяют будущее: микросервисы, AI/ML,
масштабируемые архитектуры, современный UX и бизнес-модели.
</p>
</div>
<div class="team-cta">
<h3>Готовы расти вместе?</h3>
<p>
Если вы ищете не просто проект, а сообщество для профессионального
прорыва — давайте знакомиться!
</p>
<button class="btn btn-primary" onclick="sendMessageTelegram()">
Присоединиться к команде
</button>
</div>
</div>
</div>
<!-- ОБНОВЛЕННАЯ СЕКЦИЯ: Yalarba -->
<div id="yalarba-invest" class="section yalarba-section">
<div class="yalarba-header">
<h2>
🚀 <a href="https://yalarba.ru" target="_blank">Yalarba.ru</a> —
Travel Tech проект
</h2>
<p class="yalarba-tagline">
Платформа для планирования путешествий нового поколения
</p>
</div>
<div class="yalarba-content">
<div class="yalarba-stats">
<div class="stat">
<h3>❤️</h3>
<p>проект, рожденный от любви к краю</p>
</div>
<div class="stat">
<h3>🤝</h3>
<p>открыт для помощи и сотрудничества</p>
</div>
<div class="stat">
<h3>🚀</h3>
<p>готов к росту с правильной командой</p>
</div>
</div>
<div class="yalarba-value">
<h3>Технологический стек проекта:</h3>
<ul>
<li>✅ Микросервисная архитектура на Golang (Gorm, Chi)</li>
<li>✅ Современный фронтенд на Nuxt.js 4, Vue3.js</li>
<li>✅ Оптимизированная база данных PostgreSQL</li>
<li>
✅ Контейнеризация и легкое масштабирование через Docker, Docker
Swarm
</li>
<li>✅ Полный цикл разработки от идеи до продукта</li>
</ul>
</div>
<div class="investment-cta">
<h3>Инвестиционные возможности</h3>
<p>
Проект открыт для стратегических партнерств и инвестиций. Если вас
заинтересовала платформа, давайте обсудим перспективы
сотрудничества.
</p>
<button class="btn btn-primary" onclick="sendMessageTelegram()">
Обсудить детали
</button>
</div>
</div>
</div>
<div class="section">
<h2>Опыт работы</h2>
<div class="timeline">
<div class="timeline-item">
<h3>Основатель и Tech Lead - Yalarba.ru</h3>
<p><strong>2020 — настоящее время</strong> (5+ лет)</p>
<p>
Разработка и продвижение инновационной платформы для планирования
путешествий с полным циклом разработки:
</p>
<ul>
<li>Создание архитектуры микросервисов на Nuxt.js 4 и Golang</li>
<li>Разработка современного фронтенда на Nuxt.js 4 & Vue3.js</li>
<li>Проектирование и оптимизация баз данных PostgreSQL</li>
<li>Внедрение Docker и контейнеризации для масштабирования</li>
<li>Управление проектом, планирование развития продукта</li>
</ul>
</div>
<div class="timeline-item">
<h3>Fullstack-разработчик (Проектная работа)</h3>
<p><strong>2017 — настоящее время</strong> (7+ лет)</p>
<p>Участие в различных IT-проектах:</p>
<ul>
<li>Разработка лендинг-страниц и сайтов-визиток</li>
<li>Создание маркетплейсов и туристических агрегаторов</li>
<li>
Проектирование REST API на Golang (gorm, chi), PostgresQL, https
</li>
<li>Разработка фронтенда на Nuxt.js 4 (vue3.js)</li>
</ul>
</div>
</div>
</div>
<!-- Обновленная секция навыков в index.html -->
<div class="section">
<h2>Навыки</h2>
<div class="skills-container">
<div class="skill-card">
<div class="skill-header">
<h3 class="skill-name">Golang</h3>
<span class="skill-level advanced">Продвинутый</span>
</div>
<p class="skill-description">
Высокопроизводительные backend сервисы
</p>
<div class="skill-acquisition">
<strong>Опыт:</strong> 2+ лет коммерческой разработки, REST API,
best practices
</div>
<div class="skill-growth">
Concurrency patterns, advanced Go features
</div>
</div>
<div class="skill-card">
<div class="skill-header">
<h3 class="skill-name">JavaScript</h3>
<span class="skill-level advanced">Продвинутый</span>
</div>
<p class="skill-description">
Fullstack разработка, современный ES6+
</p>
<div class="skill-acquisition">
<strong>Опыт:</strong> 3+ лет коммерческой разработки, Vue.js,
Node.js
</div>
<div class="skill-growth">
TypeScript, advanced patterns, performance optimization
</div>
</div>
<div class="skill-card">
<div class="skill-header">
<h3 class="skill-name">Vue3</h3>
<span class="skill-level intermediate">Средний</span>
</div>
<p class="skill-description">
Современный фронтенд с Composition API
</p>
<div class="skill-acquisition">
<strong>Опыт:</strong> Разработка SPA приложений, Vue Router, Pinia
</div>
<div class="skill-growth">Vue 3 advanced patterns, testing, SSR</div>
</div>
<div class="skill-card">
<div class="skill-header">
<h3 class="skill-name">Nuxt</h3>
<span class="skill-level intermediate">Средний</span>
</div>
<p class="skill-description">SSR/SSG приложения на Vue.js</p>
<div class="skill-acquisition">
<strong>Опыт:</strong> Nuxt 3, server-side rendering, static site
generation
</div>
<div class="skill-growth">Nuxt 4, advanced caching strategies</div>
</div>
<div class="skill-card">
<div class="skill-header">
<h3 class="skill-name">PostgreSQL</h3>
<span class="skill-level intermediate">Средний</span>
</div>
<p class="skill-description">
Реляционные базы данных, оптимизация запросов
</p>
<div class="skill-acquisition">
<strong>Опыт:</strong> Проектирование схем, индексы, сложные запросы
</div>
<div class="skill-growth">
Advanced SQL, partitioning, replication
</div>
</div>
<div class="skill-card">
<div class="skill-header">
<h3 class="skill-name">Docker</h3>
<span class="skill-level intermediate">Средний</span>
</div>
<p class="skill-description">Контейнеризация приложений</p>
<div class="skill-acquisition">
<strong>Опыт:</strong> Docker Compose, multi-stage builds,
оптимизация образов
</div>
<div class="skill-growth">
Kubernetes, Docker Swarm, orchestration
</div>
</div>
<div class="skill-card">
<div class="skill-header">
<h3 class="skill-name">Java</h3>
<span class="skill-level beginner">Начинающий</span>
</div>
<p class="skill-description">
Backend разработка микросервисов и enterprise приложений
</p>
<div class="skill-acquisition">
<strong>Опыт:</strong> Коммерческая разработка 2+ лет, Spring
Framework, Hibernate
</div>
<div class="skill-growth">
Углубление в Spring Boot 3, reactive programming
</div>
</div>
<div class="skill-card">
<div class="skill-header">
<h3 class="skill-name">Spring Framework</h3>
<span class="skill-level beginner">Начинающий</span>
</div>
<p class="skill-description">
Создание масштабируемых enterprise приложений
</p>
<div class="skill-acquisition">
<strong>Опыт:</strong> Spring Boot, Spring Security, Spring Data,
Spring MVC
</div>
<div class="skill-growth">
Изучение Spring Cloud, микросервисная архитектура
</div>
</div>
</div>
</div>
<div class="section">
<h2>Образование</h2>
<div class="timeline">
<div class="timeline-item">
<h3>УКСИВТ</h3>
<p>Уфимский колледж статистики и информатики</p>
<p>Техник по информационным системам</p>
<p><strong>2016 - 2020</strong></p>
</div>
<div class="timeline-item">
<h3>
Автономная некоммерческая организация высшего образования
«Университет Иннополис»
</h3>
<p>Java enterprise, Java enterprise developer</p>
<p><strong>2021 - 2021</strong></p>
</div>
<div class="timeline-item">
<h3>МТИ - Московский технологический институт.</h3>
<p>Разработка программного обеспечения</p>
<p><strong>2025 - ></strong></p>
</div>
</div>
</div>
<div class="section">
<h2>Курсы и сертификаты</h2>
<ul>
<li>2024: Управление проектами (Skillbox, Эффективный руководитель)</li>
<li>2022: Java Full Stack Developer (JetBrains Academy)</li>
<li>2021: Java Enterprise developer (Университет Иннополис)</li>
<li>
2020: Управление по Agile: Scrum, Kanban, Lean (Нетология-групп)
</li>
<li>2019: English intermediate (Frog-school)</li>
</ul>
</div>
<div class="section">
<h2>Языки</h2>
<ul>
<li>Башкирский — Родной</li>
<li>Русский — C1 (Продвинутый)</li>
<li>Английский — B2 (Средне-продвинутый)</li>
</ul>
</div>
<div class="section">
<h2>Контакты</h2>
<p>
Всегда рад новым знакомствам и интересным предложениям о сотрудничестве.
</p>
<div class="contact-info">
<p>
📱 Телеграм:
<a href="https://t.me/valitovgaziz" target="_blank">@valitovgaziz</a>
</p>
<p>
📧 Email:
<a href="mailto:valitovgaziz@yandex.ru" target="_blank">valitovgaziz@yandex.ru</a>
</p>
<p>
📞 Телефон:
<a href="tel:+79625439343" target="_blank">+7(962)543-93-43</a>
</p>
</div>
<button id="saveContactBtn" onclick="saveContact()">
📇 Сохранить контакт
</button>
</div>
<footer>
<div class="footer-links">
<div class="footer-section">
<h4>Технологии:</h4>
<div class="two-column-grid">
<div class="footer-box">
<ul>
<li>FrontEnd:</li>
<li>BackEnd:</li>
<li>DataBase:</li>
</ul>
</div>
<div class="footer-box">
<ul>
<li>Vue3.js Nuxt.js</li>
<li>Golang (Gorm, Chi)</li>
<li>PostgresQL</li>
</ul>
</div>
</div>
</div>
<div class="footer-section">
<h4>Контакты:</h4>
<div class="two-column-grid">
<div class="footer-box">
<ul>
<li>Telegram:</li>
<li>Phone:</li>
<li>Email:</li>
</ul>
</div>
<div class="footer-box">
<ul>
<li>
<a href="https://t.me/valitovgaziz" target="_blank">@valitovgaziz</a>
</li>
<li>
<a href="tel:+79625439343" target="_blank">8 (962) 543-93-43</a>
</li>
<li>
<a href="mailto:valitovgaziz@yandex.ru" target="_blank">valitovgaziz@yandex.ru</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-section">
<h4>Сообщество:</h4>
<div class="two-column-grid">
<div class="footer-box">
<ul>
<li>Telegram channel:</li>
<li>Telegram channel:</li>
<li>VK group:</li>
</ul>
</div>
<div class="footer-box">
<ul>
<li>
<a href="https://t.me/ValitovGaziz_Ufa" target="_blank">Мои новости</a>
</li>
<li>
<a href="https://t.me/+oYymS0r6qG9lYWJi" target="_blank">YalArba.ru team</a>
</li>
<li>
<a href="https://vk.com/club222248484?from=groups" target="_blank">ЯлАрба | Путевозитель</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-end-text">
<p>Уфа Ufa Өфө 2025 © Created by Valitov Gaziz</p>
</div>
</footer>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink