Опыт в разработке - Виталий Шутенко

Виталий Шутенко

Технологический стек

Основные технологии и инструменты

Веб-технологии

  • HTML5, CSS3
  • JavaScript (ES6+)
  • JSON, XML
  • Responsive Design
  • Cross-browser compatibility

Базы данных

  • MySQL
  • SQLite
  • SQL (DDL, DML, DQL)
  • Database design
  • Query optimization

Языки программирования

  • Python (Flask, Django)
  • C# (.NET, ASP.NET)
  • Twig templating
  • Basic TypeScript

Инструменты разработки

  • WebStorm
  • Visual Studio Code
  • Visual Studio 2022
  • Notepad++
  • Chrome DevTools

Также владею: автоматизированным тестированием (Selenium WebDriver, NUnit), работой с API (Postman, Swagger), системами контроля версий (Git, GitHub, GitLab), управлением проектами (Jira, Trello), проектированием интерфейсов (Figma, Draw.io) и развертыванием на хостингах (HostiMan, HostLand).

Инструменты разработки

Работа с WebStorm

Интегрированная среда разработки

WebStorm — это интегрированная среда разработки (IDE) для современных веб-технологий, которая обеспечивает поддержку JavaScript, TypeScript, Node.js, HTML и CSS.

Основные задачи и достижения:

  • Разработка и управление проектами на Python, JavaScript и HTML
  • Организация структуры проекта с использованием папок и файлов для различных технологий
  • Создание и редактирование HTML-документов с использованием современных стандартов
  • Настройка метаданных, заголовков и тела документа для обеспечения адаптивного дизайна
  • Интеграция и управление базами данных SQLite через встроенные инструменты IDE
  • Проведение тестирования кода с использованием встроенных инструментов отладки
  • Использование систем контроля версий (Git) и плагинов для повышения эффективности разработки

Работа с Visual Studio Code

Редактор кода

Разработка веб-приложения с использованием Flask:

  • Создание и настройка Flask-приложения для обработки веб-запросов
  • Реализация маршрутизации для отображения главной страницы и других HTML-страниц
  • Обработка ошибок и исключений для обеспечения стабильной работы приложения
  • Использование шаблонов для динамической генерации HTML-контента
  • Запуск и тестирование приложения в режиме разработки

Разработка HTML и CSS:

  • Создание HTML-документов с использованием стандартных тегов и атрибутов
  • Интеграция внешних ресурсов, таких как изображения и иконки, для улучшения внешнего вида веб-страниц
  • Применение CSS для стилизации элементов страницы, включая настройку шрифтов, цветов и расположения
  • Использование Flexbox для создания адаптивных макетов и улучшения пользовательского интерфейса

Автоматизированное тестирование

Selenium WebDriver, C#, NUnit

Разработка и выполнение автотестов на C# с использованием Selenium WebDriver в Visual Studio 2022.

  • Разрабатывал и поддерживал фреймворк автоматизированного тестирования веб-приложений на C# (.NET 4.8) с использованием Selenium WebDriver, NUnit и SpecFlow
  • Автоматизировал end-to-end сценарии для ключевых функций: аутентификация, управление проектами, бюджетами и сервисами, а также проверка отчетности
  • Интегрировал систему отчетности ExtentReports и параметризацию тестов через CSV-файлы для повышения наглядности и гибкости тестирования
  • Обеспечивал поддержку CI/CD-процессов и кросс-браузерное тестирование через WebDriverManager

Тестирование API

Работа с Swagger

API документация и тестирование

Интерактивное тестирование API с помощью Swagger:

  • Использование Swagger для визуализации и тестирования API-эндпоинтов, что упрощает процесс разработки и улучшает взаимодействие с API
  • Выполнение GET-запросов для извлечения данных с сервера, что позволяет быстро проверять корректность работы API и получать необходимую информацию в формате JSON
  • Отправка POST-запросов для добавления новых данных, обеспечивая возможность динамического взаимодействия с сервером и проверки функциональности создания ресурсов

Анализ и документирование API:

  • Генерация автоматической документации для API, что облегчает понимание структуры и функциональности доступных эндпоинтов для всех участников команды
  • Проверка корректности запросов и ответов, включая проверку заголовков и тел запросов, что способствует повышению качества и надежности API
  • Использование Swagger для демонстрации возможностей API клиентам и заинтересованным сторонам, предоставляя им возможность самостоятельно тестировать и взаимодействовать с системой

Работа с Postman

Тестирование и разработка API
  • Тестирование и разработка API: Использование Postman для тестирования и разработки API, включая создание и отправку HTTP-запросов для различных конечных точек
  • Создание и управление коллекциями: Организация API-запросов в коллекции для удобного управления и повторного использования
  • Работа с различными HTTP-методами: Использование методов GET, POST, PUT, PATCH, DELETE для взаимодействия с API
  • Работа с JSON-данными: Отправка и получение данных в формате JSON, проверка и валидация JSON-ответов
  • Использование переменных и окружений: Настройка переменных и окружений в Postman для динамического тестирования
  • Автоматизация тестирования: Создание автоматизированных тестов для проверки ответов API
  • Документирование API: Генерация документации для API на основе созданных коллекций и запросов

Базы данных

Работа с базами данных в phpMyAdmin

MySQL управление

Создание и управление базами данных:

  • Создание новой базы данных с использованием интерфейса phpMyAdmin
  • Управление существующими базами данных, включая создание, удаление и изменение структуры таблиц
  • Создание таблиц с определением типов данных для каждого столбца (int, varchar, text, decimal)
  • Настройка автоинкремента для первичных ключей
  • Управление индексами для оптимизации производительности запросов

Работа с базами данных в SQLite

Локальные базы данных

Создание и управление базами данных:

  • Создание новой базы данных и таблиц с использованием SQLite Database Browser
  • Определение структуры таблиц, включая типы данных для каждого столбца (INTEGER, VARCHAR, TEXT)
  • Добавление и изменение столбцов в существующих таблицах
  • Управление индексами и первичными ключами для оптимизации производительности запросов
  • Выполнение SQL-запросов для выборки, вставки, обновления и удаления данных

Хостинг и серверы

Работа с хостингом и управлением веб-серверами

Развертывание и поддержка
  • Управление доменами и сайтами: Использование панели управления хостингом для прикрепления доменов к сайтам, настройка DNS-записей
  • Настройка веб-серверов: Опыт работы с настройкой веб-серверов (Nginx, Apache)
  • Работа с SSL-сертификатами: Установка и управление SSL-сертификатами для обеспечения безопасного соединения
  • Управление файлами через FTP: Использование FTP-клиента для загрузки, редактирования и управления файлами на сервере
  • Разработка и развертывание веб-приложений: Написание и развертывание веб-приложений с использованием Python и Flask
  • Мониторинг и оптимизация производительности: Наблюдение за производительностью сайтов и приложений
  • Техническая поддержка: Обеспечение технической поддержки пользователей, диагностика и устранение проблем

Навыки отладки с помощью браузерных DevTools

Chrome Developer Tools

Активно использую инструменты разработчика в браузерах для тестирования фронтенда и анализа проблем. Провожу инспекцию и валидацию HTML-разметки и CSS-стилей на соответствие макетам.

Анализ сетевой активности: Отслеживаю API-запросы через вкладку Network, проверяю корректность эндпоинтов, параметров, форматов данных (JSON) и кодов ответа.

Отладка клиентской части: Использую Console для мониторинга логов фронтенда и выполнения отладочных сценариев, инспектор элементов (Elements) для выявления структурных и стилевых несоответствий.

Эмуляция различных сценариев: Использую Device Toolbar для имитации различных условий: разрешения экранов, мобильные устройства, режим офлайн, медленное интернет-соединение, ограниченные цветовые схемы.

Документирование проблем: В процессе работы документирую обнаруженные аномалии, прикрепляя снимки экрана с вкладок DevTools для передачи разработчикам.