-
Notifications
You must be signed in to change notification settings - Fork 5
/
project.html
208 lines (208 loc) · 18.3 KB
/
project.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<title>Максим Егоров - Senior Frontend Developer</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Proglib">
<link rel="shortcut icon" href="assets/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<script defer src="assets/fonts/all.min.js"></script>
<link id="theme-style" rel="stylesheet" href="assets/css/style.css">
<link id="additional-style" rel="stylesheet" href="assets/css/resume.css">
</head>
<body>
<div class="main-wrapper">
<div class="container px-3 px-lg-5">
<article class="resume-wrapper mx-auto theme-bg-light p-5 mb-5 my-5 shadow-lg rounded">
<div class="resume-header">
<div class="row align-items-center">
<div class="resume-title col-12 col-md-6 col-lg-8 col-xl-9">
<h2 class="resume-name mb-0 text-uppercase">Максим Егоров</h2>
<div class="resume-tagline mb-3 mb-md-0">Senior Фронтенд-разработчик</div>
</div>
<!--//resume-title-->
<div class="resume-contact col-12 col-md-6 col-lg-4 col-xl-3">
<ul class="list-unstyled mb-0">
<li class="mb-2"><i class="fas fa-phone-square fa-fw fa-lg me-2 "></i><a class="resume-link" href="tel:#">+7(920)655-78-45</a></li>
<li class="mb-2"><i class="fas fa-envelope-square fa-fw fa-lg me-2"></i><a class="resume-link" href="mailto:#">maxim@maxegorov.com</a></li>
<li class="mb-2"><i class="fas fa-globe fa-fw fa-lg me-2"></i><a class="resume-link" href="#">www.maxegorov.com</a></li>
<li class="mb-0"><i class="fas fa-map-marker-alt fa-fw fa-lg me-2"></i>Самара</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="resume-intro py-3">
<div class="row align-items-center">
<div class="col-12 col-md-3 col-xl-2 text-center">
<img class="resume-profile-image mb-3 mb-md-0 me-md-5 ms-md-0 rounded mx-auto rounded-circle" src="assets/img/photo.png" alt="image">
</div>
<div class="col text-start">
<p class="mb-0">Имею обширный опыт в создании качественных и эффективных веб-интерфейсов, успешно решаю задачи любой сложности. Знаю все о создании отзывчивых и кросс-браузерных интерфейсов, а также об использовании современных технологий и стандартов веб-разработки. Работал в крупнейших российских ИТ-компаниях. Готов применять свои знания и навыки для достижения общих целей и развития в команде профессионалов. </p>
</div>
</div>
</div>
<hr>
<div class="resume-body">
<div class="row">
<div class="resume-main col-12 col-lg-8 col-xl-9 pe-0 pe-lg-5">
<section class="work-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Подробнее о проекте</h3>
<div class="container my-4">
<div class="row g-4">
<div class="col-lg-12">
<div class="project-box">
<img src="assets/img/projects/project5.png" class="project-img rounded" alt="Project Image">
<div class="project-content mb-5">
<h3 class="text-uppercase resume-section-heading mb-4">Стек проекта</h3>
<ul class="list-unstyled">
<li><i class="fas fa-check-circle text-primary me-2"></i>React, Bootstrap</li>
<li><i class="fas fa-check-circle text-primary me-2"></i>Node.js, MongoDB</li>
<li><i class="fas fa-check-circle text-primary me-2"></i>Docker</li>
</ul>
<p>Для веб-сайта туристического агенства были использованы следующие технологии:
<h3 class="text-uppercase resume-section-heading mb-4">Фронтенд</h3>
<ul class="list-unstyled">
<li><strong>React.js</strong> - библиотека JavaScript для построения пользовательских интерфейсов, особенно подходит для создания одностраничных приложений.</li>
<li><strong>Bootstrap</strong> - популярный фреймворк для быстрой и эффективной разработки адаптивных сайтов.</li>
<li><strong>HTML/CSS/JavaScript</strong> - основные технологии веб-разработки для создания структуры, стилей и интерактивных элементов веб-страниц.</li>
</ul>
<h3 class="text-uppercase resume-section-heading mb-4">Бэкенд</h3>
<ul class="list-unstyled">
<li><strong>Node.js</strong> - платформа, которая позволяет разрабатывать серверные приложения на JavaScript.</li>
<li><strong>Express.js</strong> - минимальная и гибкая платформа для создания веб-приложений на Node.js.</li>
<li><strong>MongoDB</strong> - NoSQL база данных, которая хорошо подходит для хранения документов, структурированных с помощью JSON.</li>
</ul>
</p>
<h3 class="text-uppercase resume-section-heading mb-4">Процесс разработки</h3>
<p>Разработка и развертывание сайта для туристического агентства включили в себя несколько ключевых этапов:
<ul class="list-unstyled">
<li>
<strong>Анализ требований.</strong> На этом этапе мы определяли функциональные и технические требования к сайту. Среди прочего мы определили целевую аудиторию, ключевые функции сайта (бронирование билетов, поиск туров, обработка заказов и т. д.), а также требования к дизайну и пользовательскому опыту.
</li>
<li><strong>Проектирование.</strong> На этом этапе мы создали дизайн сайта, включая макеты страниц, прототипы и спецификации - выбор цветовой палитры, шрифтов, изображений и других элементов дизайна.</li>
<li><strong>Разработка.</strong> Написали код сайта, используя выбранные технологии (HTML, CSS, JavaScript и т. д.). Удостоверились, что код хорошо структурирован, легок для чтения и поддержки.</li>
<li><strong>Тестирование.</strong> После того как основная часть сайта была готова, мы провели тестирование, чтобы убедиться, что все работает корректно и без ошибок. Это этап включал в себя функциональное тестирование (проверку функциональности сайта), тестирование производительности (проверку скорости загрузки страниц), тестирование безопасности (проверку защиты данных пользователей) и другие виды проверок.</li>
<li><strong>Развертывание.</strong> После того как сайт был протестирован, мы развернули его на сервере. Это шаг включал в себя настройку сервера, установку необходимого ПО, импорт базы данных и другие задачи.</li>
<li><strong>Поддержка и обслуживание.</strong> После запуска сайта мы продолжаем поддерживать его, регулярно обновляем и вносим изменения в соответствии с отзывами пользователей и меняющимися требованиями рынка.</li>
</ul>
</p>
</div>
<div class="mt-5">
<a href="https://url_of_your_site.com" target="_blank" class="btn btn-primary text-white"><i class="fas fa-globe"></i> Перейти на сайт</a>
<a href="https://github.com" target="_blank" class="btn btn-secondary"><i class="fab fa-github me-2"></i>Репозиторий</a>
<a href="index.html" target="_self" class="btn btn-danger">Назад к резюме</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<aside class="resume-aside col-12 col-lg-4 col-xl-3 px-lg-4 pb-lg-4">
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Навыки</h3>
<div class="item">
<h4 class="item-title">Технические</h4>
<ul class="list-unstyled resume-skills-list">
<li class="mb-2">JavaScript/Angular/React/Vue</li>
<li class="mb-2">Основы Python/Ruby/PHP
<li>
<li class="mb-2">Node.js/ASP.NET</li>
<li class="mb-2">PostgreSQL/MySQL</li>
<li class="mb-2">Адаптивный дизайн</li>
<li class="mb-2">Backend-driven UI</li>
</ul>
</div>
<div class="item">
<h4 class="item-title">Личные</h4>
<ul class="list-unstyled resume-skills-list">
<li class="mb-2">Работоспособность</li>
<li class="mb-2">Стрессоустойчивость
<li>
<li class="mb-2">Быстрая обучаемость</li>
<li class="mb-2">Высокая эффективность</li>
<li class="mb-2">Критическое мышление</li>
</ul>
</div>
</section>
<section class="education-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Образование</h3>
<ul class="list-unstyled resume-education-list">
<li class="mb-3">
<div class="resume-degree font-weight-bold">Разработчик ПО (магистр)</div>
<div class="resume-degree-org text-muted">ИТМО</div>
<div class="resume-degree-time text-muted">2016 - 2018</div>
</li>
<li>
<div class="resume-degree font-weight-bold">Инженер-программист (бакалавр)</div>
<div class="resume-degree-org text-muted">Копьютерный колледж</div>
<div class="resume-degree-time text-muted">2012 - 2016</div>
</li>
</ul>
</section>
<section class="education-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Сертификаты</h3>
<ul class="list-unstyled resume-awards-list">
<li class="mb-3">
<div class="font-weight-bold">Frontend Developer</div>
<div class="text-muted">Udemy (2021)</div>
</li>
<li>
<div class="font-weight-bold">Advanced Javascript</div>
<div class="text-muted">Coursera (2020)</div>
</li>
</ul>
</section>
<section class="education-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Награды</h3>
<ul class="list-unstyled resume-awards-list">
<li class="mb-3">
<div class="font-weight-bold">Лучший интерфейс</div>
<div class="text-muted">ИТ Хакатон (2022)</div>
</li>
<li>
<div class="font-weight-bold">Лучший дизайн</div>
<div class="text-muted">Самарский хакатон (2020)</div>
</li>
</ul>
</section>
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Языки</h3>
<ul class="list-unstyled resume-lang-list">
<li class="mb-2">English <span class="text-muted">C2</span></li>
<li>Deutsch <span class="text-muted">B2</span></li>
</ul>
</section>
<!--//certificates-section-->
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Интересы</h3>
<ul class="list-unstyled resume-interests-list mb-0">
<li class="mb-2">Робототехника</li>
<li class="mb-2">Машинное обучение</li>
<li class="mb-2">Блокчейн</li>
<li>3D-моделирование</li>
</ul>
</section>
</aside>
</div>
</div>
<hr>
<div class="resume-footer text-center">
<ul class="resume-social-list list-inline mx-auto mb-0 d-inline-block text-muted">
<li class="list-inline-item mb-lg-0 me-3"><a class="resume-link" href="#"><i class="fab fa-github-square fa-2x me-2" data-fa-transform="down-4"></i><span class="d-none d-lg-inline-block text-muted">github.com/maxegor</span></a></li>
<li class="list-inline-item mb-lg-0 me-3"><a class="resume-link" href="#"><i class="fab fa-linkedin fa-2x me-2" data-fa-transform="down-4"></i><span class="d-none d-lg-inline-block text-muted">linkedin.com/maxegor</span></a></li>
<li class="list-inline-item mb-lg-0 me-lg-3"><a class="resume-link" href="#"><i class="fab fa-telegram fa-2x me-2" data-fa-transform="down-4"></i><span class="d-none d-lg-inline-block text-muted">@maxegor</span></a></li>
</ul>
</div>
</article>
</div>
<footer class="footer text-center py-4">
</footer>
</div>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>