• Войти
Работа в Новороссийске
наверх
Создать резюме
Подбор персонала

Более 150 000 компаний ждут Ваше резюме

Войти Для работодателей
Работа в Новороссийске
наверх
  1. Работа в Новороссийске
  2. ⚫ Frontend разработчик ✔
  3. Вакансии в Новороссийске

Frontend-разработчик

23 Июля 2025

Перспектива
Перспектива

Город:

Новороссийск

Занятость:

Полная занятость

Опыт:

Нет опыта

Откликнуться

Компания "Перспектива"

Обязанности:

Работа в офисе г. Новороссийск

-Разработка пользовательского интерфейса (UI) и пользовательского опыта (UX):
* Преобразование дизайн-макетов (из Figma, Sketch, Adobe XD и т.д.) в функциональный, интерактивный и адаптивный веб-интерфейс с использованием HTML, CSS и JavaScript.
* Обеспечение кросс-браузерной и кросс-платформенной совместимости разработанных компонентов.
* Создание адаптивных и отзывчивых макетов, которые корректно отображаются на различных устройствах (десктопы, планшеты, мобильные телефоны).
* Использование современных возможностей CSS (Flexbox, Grid) для построения сложных и гибких лейаутов.

-Реализация логики на стороне клиента:
* Написание чистого, поддерживаемого и высокопроизводительного JavaScript-кода с использованием современных стандартов ES6+.
* Разработка интерактивных элементов, форм, валидации данных, анимаций и других динамических частей веб-приложения.
* Управление состоянием пользовательского интерфейса.

-Интеграция с бэкендом:
* Взаимодействие с RESTful API для получения, отправки и обработки данных.
* Реализация асинхронных запросов к серверу и обработка ответов (успех, ошибки).

-Оптимизация производительности:
* Внедрение техник ленивой загрузки (lazy-loading) для изображений, компонентов и других ресурсов, чтобы улучшить начальную скорость загрузки страницы.
* Применение методов кэширования (localStorage, sessionStorage) для уменьшения количества запросов к серверу и ускорения повторных загрузок.
* Анализ производительности веб-приложений с использованием инструментов, таких как Google Lighthouse, Web Vitals, и принятие мер по их улучшению.
* Оптимизация изображений, шрифтов, минимизация и сжатие кода.
* Уменьшение времени отклика интерфейса и обеспечение плавной работы анимаций.

-SEO-оптимизация (если потребуется ):
* Использование семантических HTML-тегов (

,
,
,
,
,
и т.д.) для улучшения структуры страницы и ее понимания поисковыми системами.
* Корректное заполнение мета-тегов (, <meta description>, <meta keywords> и т.д.) для лучшей индексации и отображения в поисковой выдаче.<br>* Работа с доступностью (Accessibility) (например, ARIA-атрибуты) для улучшения пользовательского опыта и SEO.</p> <p><strong>Требования:</strong></p> <p>Опыт работы с HTML, CSS, JavaScript (ES6+),REST API.</p> <p>Оптимизация (важно, но не все сразу).<br>Ленивая загрузка (lazy-loading для изображений и компонентов).<br>Кэширование (localStorage, sessionStorage).<br>Анализ производительности (Lighthouse, Web Vitals).<br><br>SEO (если проект требует)<br>Семантические теги (<article>, <section></p> <strong>Условия:</strong> <ul> <li>График работы 5\2</li> <li>Полностью официальное и прозрачное оформление трудовых отношений, з/п всегда вовремя</li> </ul> </div> <div class="b-b-1" id="contacts"> <p class="text-xs-center"><a href="javascript:" onclick="vfShowInFrame('applicant-quickregisterpopup-94de4730740c093d68f8eb516386c741', 'applicant/quickregisterpopup/76814790',true,true, false);" class="a-accent"><i class="h5">Открыть контакты работодателя</i></a></p> <p class="text-xs-center"><a href="javascript:" onclick="vfShowInFrame('applicant-register-479f1896cf20183816971141e43e2f55', 'applicant/register/76814790?type=contacts',true,true, false);">Зарегистрируйтесь</a> или <a href="javascript:" onclick="vfShowInFrame('user-login-d4cbb45a6e9a13fa6e1930c7bda6caec', 'user/login/?userType=0&reloadPage=1&typeShow=1',true,true, false);">войдите</a>, чтобы открыть контакты работодателя</p> </div> </div> </div><div class="page_builder vacancy-show-responce" id="vacancy-show-responce"> <div class="b-b-1 bg-secondary" id="responceBlock"> <p class="lead">Прикрепите резюме для отклика</p> <div class="row"> <div class="col-xs-12 col-md-6"> <form method="post" enctype="multipart/form-data" style="display:none;" id="quick-file-form"> <input id="quick-file-data" type="file" name="files" data-url="/mscr/ajaxupload/quick-file-load" accept="application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/pdf,text/plain,application/rtf,text/rtf,text/html,text/htm,application/vnd.oasis.opendocument.spreadsheet,application/vnd.oasis.opendocument.text,.doc,.docx"> </form> <div class="m-b-10 fileinput-block"> <a href="javascript:void(0);" class="load" onclick="$('#quick-load-error').html('').hide(); $('#quick-file-data').click();"> <i></i><span><span class="h6"><strong>Загрузите файл с резюме</strong></span><br><span class="text-muted">до 5 Mb .doc, .docx, .pdf</span></span> </a> <div id="progress"> <div class="bar" style="width: 0%;"></div> </div> <div id="quick-load-error" class="" style="display:none;"></div> </div> <p><a class="create cr-prof-res-butt" href="https://novorossiysk.careerist.ru/register.html?vacancyID=76814790" rel="nofollow"> <i></i><span class="h6"><strong>Создать профессиональное резюме</strong></span> </a> </p> <p><div onclick="location.href = 'https://novorossiysk.careerist.ru/register.html?vacancyID=76814790';" class="btn btn-danger btn-block send-res-from-vac-page">ОТПРАВИТЬ РЕЗЮМЕ</div></p> </div> <div class="col-xs-12 col-md-6"> <p class="text-xs-center text-md-left">Уже с нами?<br> <a href="javascript:" onclick="vfShowInFrame('user-login-7d56a8eccab3a71460ed3e456bc9f4d5', 'user/login/?userType=0&reloadPage=1&typeShow=2&vacancyID=76814790',true,true, false);">Войдите</a>, чтобы отправить резюме </p> </div> <div class="col-xs-12 col-md-4 "> <div class="list-group m-b-1"> </div> </div> </div> <div class="clearfix"></div> </div> <script type="text/javascript"> $(function () { //START FILELOADER $('#quick-file-data').fileupload({ dataType: 'json', progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $('#progress').show(); $('#progress .bar').css( 'width', progress + '%' ); }, done: function (e, data) { $.each(data.result.files, function (index, file) { executeActionByVersion(function(){ helper.addHashParam('position', (helper.getScrollContainer(true).scrollTop() + $('#responceBlock').offset().top - 100)); }); location.reload(); }); }, fail: function (e, data) { $('#progress').hide(); $("#quick-load-error").html("Не удалось распознать загруженый файл").css("color", "red").show(); } }); //END FILELOADER //ЗАГРУЗКА БЫСТРОГО РЕЗЮМЕ $('#quick-file-data').click( function() { dataLayer.push({'event': 'gaEvent','eventId': '22','eventCategory': 'vacancy','eventAction': 'CreateResumeAttempt','eventLabel': 'Fast-File','eventContext': 'vacancy','eventContent': 'vac-76814790'}); }); // СОЗДАТЬ ПРОФФЕСИОНАЛЬНОЕ РЕЗЮМЕ $('.cr-prof-res-butt').click( function() { dataLayer.push({'event':'gaEvent','eventId':'24','eventCategory':'vacancy','eventAction':'CreateResumeAttempt','eventLabel':'Prof','eventContext':'vacancy','eventContent':'vac-76814790'}); }); // ОТПРАВИТЬ РЕЗЮМЕ $('.send-res-from-vac-page').click( function() { dataLayer.push({'event':'gaEvent', 'eventId':'21','eventCategory':'vacancy','eventAction':'SendResumeAttempt','eventLabel':'','eventContext':'vacancy','eventContent':'vac-76814790'}); }); }); // Variable to store your files /* var quick_files; // Grab the files and set them to our variable function prepareQresUpload(event) { quick_files = event.target.files; $('#quick-file-form').submit(); } // Add events $(document).on('change', '#quick-file-data', prepareQresUpload); $(document).on('submit', '#quick-file-form', uploadQresFiles); // Catch the form submit and upload the files function uploadQresFiles(event) { event.stopPropagation(); // Stop stuff happening event.preventDefault(); // Totally stop stuff happening // Create a formdata object and add the files var data = new FormData(); $.each(quick_files, function(key, value) { data.append(key, value); }); $.ajax({ url: '/mscr/resume/quick-file-load', type: 'POST', data: data, cache: false, dataType: 'json', processData: false, // Don't process the files contentType: false, // Set content type to false as jQuery will tell the server its a query string request success: function(data, textStatus, jqXHR) { if(typeof data.error === 'undefined') { // Success so call function to process the form location.reload(); } else{ // Handle errors here $("#quick-load-error").html(data.error).css("color", "red").show(); } }, error: function(jqXHR, textStatus, errorThrown) { // Handle errors here $("#quick-load-error").html(data.error).css("color", "red").show(); } }); }*/ </script> </div><div class="page_builder vacancy-liked-vacancies" id="vacancy-liked-vacancies"> <div class="h4">Похожие вакансии</div> <div class="list send-res-from-catalog-container" id="76486206"> <div class="list-header"> <p class="line-36 card-text text-small ">16 Июля</p> <div class="clearfix"></div> </div> <div class="list-block" onclick="listBlockClick(this);"> <p class="h5 card-text"> <a class="vak_hl_ vacancyLink" href="https://krasnodar.careerist.ru/vakansii/razrabotchik-golang-middle-ofis-set-aptek-aprel-76486206.html" target="_blank">Разработчик Golang (middle, офис)( Сеть аптек Апрель )</a> </p> <p class="card-text"><span class="text-muted room text-small">Краснодар</span></p> <p class="card-text"> от <strong>200 000</strong>  руб. </p> <p class="card-text"> Компания "Сеть аптек Апрель" Федеральная сеть аптек «Апрель» — работаем с заботой о людях! За 23 года успешной работы компании открыто...</p> </div> <div class="clearfix"></div> <div class="list-footer"> <div class="btn btn-danger send-res-from-catalog" href="javascript:void(0);" onclick="location.href = 'https://novorossiysk.careerist.ru/register.html?vacancyID=76486206';" title="Отправить резюме">Отправить резюме</div> <div class="btn btn-info hidden-sm-down linkHref_aHR0cHM6Ly9rcmFzbm9kYXIuY2FyZWVyaXN0LnJ1L3Zha2Fuc2lpL3JhenJhYm90Y2hpay1nb2xhbmctbWlkZGxlLW9maXMtc2V0LWFwdGVrLWFwcmVsLTc2NDg2MjA2Lmh0bWw= vak_hl_">подробнее</div> </div> </div> <div class="list send-res-from-catalog-container" id="76418242"> <div class="list-header"> <p class="line-36 card-text text-small ">14 Июля</p> <div class="clearfix"></div> </div> <div class="list-block" onclick="listBlockClick(this);"> <p class="h5 card-text"> <a class="vak_hl_ vacancyLink" href="https://krasnodar.careerist.ru/vakansii/nastavnik-na-onlayn-kurs-frontend-razrabotchik-s-angular-kurator-mentor-76418242.html" target="_blank">Наставник на онлайн-курс Frontend-разработчик с ANGULAR (куратор, ментор)</a> </p> <p class="card-text"><span class="text-muted room text-small">Краснодар</span></p> <p class="card-text"> </p> <p class="card-text"> Компания "Айтилогия" Мы – Айтилогия , онлайн-школа перспективных и востребованных IT-профессий. С нами люди обретают новую профессию с нуля и...</p> </div> <div class="clearfix"></div> <div class="list-footer"> <div class="btn btn-danger send-res-from-catalog" href="javascript:void(0);" onclick="location.href = 'https://novorossiysk.careerist.ru/register.html?vacancyID=76418242';" title="Отправить резюме">Отправить резюме</div> <div class="btn btn-info hidden-sm-down linkHref_aHR0cHM6Ly9rcmFzbm9kYXIuY2FyZWVyaXN0LnJ1L3Zha2Fuc2lpL25hc3Rhdm5pay1uYS1vbmxheW4ta3Vycy1mcm9udGVuZC1yYXpyYWJvdGNoaWstcy1hbmd1bGFyLWt1cmF0b3ItbWVudG9yLTc2NDE4MjQyLmh0bWw= vak_hl_">подробнее</div> </div> </div> <div class="list send-res-from-catalog-container" id="76555042"> <div class="list-header"> <p class="line-36 card-text text-small ">17 Июля</p> <div class="clearfix"></div> </div> <div class="list-block" onclick="listBlockClick(this);"> <p class="h5 card-text"> <a class="vak_hl_ vacancyLink" href="https://krasnodar.careerist.ru/vakansii/glavnyy-java-razrabotchik-v-komandu-mezhbankovskie-raschety-76555042.html" target="_blank">Главный Java-разработчик в команду Межбанковские расчеты</a> </p> <p class="card-text"><span class="text-muted room text-small">Краснодар</span></p> <p class="card-text"> </p> <p class="card-text"> Компания "Иннотехнум, Группа компаний" Обязанности: Код PRISM написан, возможны исправления дефектов, оптимизация производительности кода...</p> </div> <div class="clearfix"></div> <div class="list-footer"> <div class="btn btn-danger send-res-from-catalog" href="javascript:void(0);" onclick="location.href = 'https://novorossiysk.careerist.ru/register.html?vacancyID=76555042';" title="Отправить резюме">Отправить резюме</div> <div class="btn btn-info hidden-sm-down linkHref_aHR0cHM6Ly9rcmFzbm9kYXIuY2FyZWVyaXN0LnJ1L3Zha2Fuc2lpL2dsYXZueXktamF2YS1yYXpyYWJvdGNoaWstdi1rb21hbmR1LW1lemhiYW5rb3Zza2llLXJhc2NoZXR5LTc2NTU1MDQyLmh0bWw= vak_hl_">подробнее</div> </div> </div> <div class="list send-res-from-catalog-container" id="73239700"> <div class="list-header"> <p class="line-36 card-text text-small ">16 Июля</p> <div class="clearfix"></div> </div> <div class="list-block" onclick="listBlockClick(this);"> <p class="h5 card-text"> <a class="vak_hl_ vacancyLink" href="https://krasnodar.careerist.ru/vakansii/1c-bitrix-razrabotchik-73239700.html" target="_blank">1C Bitrix-разработчик</a> </p> <p class="card-text"><span class="text-muted room text-small">Краснодар</span></p> <p class="card-text"> от <strong>80 000</strong>  до <strong>100 000</strong> руб. </p> <p class="card-text"> Компания "Диджитал Сектор" 1C Bitrix-разработчик (Офис) Привет! DIGITAL SECTOR ищет специалиста в 1C-Bitrix. Сейчас нам нужен программист,...</p> </div> <div class="clearfix"></div> <div class="list-footer"> <div class="btn btn-danger send-res-from-catalog" href="javascript:void(0);" onclick="location.href = 'https://novorossiysk.careerist.ru/register.html?vacancyID=73239700';" title="Отправить резюме">Отправить резюме</div> <div class="btn btn-info hidden-sm-down linkHref_aHR0cHM6Ly9rcmFzbm9kYXIuY2FyZWVyaXN0LnJ1L3Zha2Fuc2lpLzFjLWJpdHJpeC1yYXpyYWJvdGNoaWstNzMyMzk3MDAuaHRtbA== vak_hl_">подробнее</div> </div> </div> <div class="list send-res-from-catalog-container" id="73901282"> <div class="list-header"> <p class="line-36 card-text text-small ">14 Июля</p> <div class="clearfix"></div> </div> <div class="list-block" onclick="listBlockClick(this);"> <p class="h5 card-text"> <a class="vak_hl_ vacancyLink" href="https://krasnodar.careerist.ru/vakansii/veb-razrabotchik-html-wordpress-dizayn-ai-instrumenty-73901282.html" target="_blank">Веб-разработчик (HTML, WordPress, дизайн, AI-инструменты)</a> </p> <p class="card-text"><span class="text-muted room text-small">Краснодар</span></p> <p class="card-text"> от <strong>80 000</strong>  до <strong>250 000</strong> руб. </p> <p class="card-text"> Компания "Академия Бизнеса" Обязанности: Верстка сайтов по макетам из Figma (HTML, CSS, JavaScript) Работа с WordPress / PHP...</p> </div> <div class="clearfix"></div> <div class="list-footer"> <div class="btn btn-danger send-res-from-catalog" href="javascript:void(0);" onclick="location.href = 'https://novorossiysk.careerist.ru/register.html?vacancyID=73901282';" title="Отправить резюме">Отправить резюме</div> <div class="btn btn-info hidden-sm-down linkHref_aHR0cHM6Ly9rcmFzbm9kYXIuY2FyZWVyaXN0LnJ1L3Zha2Fuc2lpL3ZlYi1yYXpyYWJvdGNoaWstaHRtbC13b3JkcHJlc3MtZGl6YXluLWFpLWluc3RydW1lbnR5LTczOTAxMjgyLmh0bWw= vak_hl_">подробнее</div> </div> </div> <div class="p-b-1"></div> <!-- Yandex.RTB R-A-2171533-6 --> <div class="yandex_rtb_3" id="yandex_rtb_R-A-2171533-6"></div> <script> window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ "blockId": "R-A-2171533-6", "renderTo": "yandex_rtb_R-A-2171533-6" }) }) </script> <style> .yandex_rtb_3 { padding-bottom: 10px; } </style> <div class="text-xs-center m-b-2 m-t-2"><a class="btn btn-lg btn-grey-blue active" href="/jobs-frontend-razrabotchik/" target="_blank">Больше похожих вакансий</a></div> <script> // клик для мобильной версии function listBlockClick(block) { if ($(window).width() < WIDTH_SMALL_DEVICES) { var params = helper.getParams(true); var blockData = $(block).parent().find('.btn[class*="linkHref_"]'); var href = '', hl = ''; if(typeof blockData.attr('href') !== 'undefined') { href = blockData.attr('href'); hl = blockData.className.substr(blockData.className.indexOf('vak_hl_')+7); } else { $.each(blockData.classes(), function(key, val){ if(val.indexOf('linkHref_') !== -1) { href = Base64.decode(val.substr(val.indexOf('linkHref_')+9)); } if(val.indexOf('vak_hl_') !== -1) { hl = val.substr(val.indexOf('vak_hl_')+7); } }); } location.href = href + (params.length ? (helper.getParams()['text'] ? '?hl="' + hl : '') : ''); return false; } } $('[class*="linkHref_"], .vacancyLink').off('click').on('click', function(){ var params = helper.getParams(true); var href = ($(this).attr('href') !== 'undefined' ? $(this).attr('href') : $(this).prop('href')); var hl = ''; $.each($(this).classes(), function(key, val){ if(val.indexOf('linkHref_') !== -1 && typeof href === 'undefined') { href = Base64.decode(val.substr(val.indexOf('linkHref_')+9)); } if(val.indexOf('vak_hl_') !== -1) { hl = val.substr(val.indexOf('vak_hl_')+7); } }); var link = href + (params.length ? (helper.getParams()['text'] ? '?hl="' + hl : '') : ''); if($(this).prop('target')){ window.open(link, '_blank'); } else { window.location.href = link; } return false; }); $(function() { $('.send-res-from-catalog').click( function() { dataLayer.push({'event':'gaEvent', 'eventId':'21','eventCategory':'vacancy','eventAction':'SendResumeAttempt','eventLabel':'','eventContext':'vacancy-similar','eventContent':'vac-'+$(this).parents(".send-res-from-catalog-container").attr("id")}); }); }); </script> </div><div class="page_builder vacdelivery-vacancy-bottom" id="vacdelivery-vacancy-bottom"><form target='inv_frame' ENCTYPE='multipart/form-data' id='form-1011615894' onsubmit='afPrepareSubmit();' method='post' action='https://novorossiysk.careerist.ru/mson/ajaxform/post'><input type='hidden' id='afdata-form-1011615894' name='afdata' value='YTo0OntzOjExOiJmb3JtLW9iamVjdCI7czozOToidmFjZGVsaXZlcnkvbWF0ZXJpYWwtZm9ybTp2YWNhbmN5Ym90dG9tIjtzOjEzOiJmb3JtLXNhdmVhYmxlIjthOjE0OntzOjg6ImZvcm1OYW1lIjtzOjE1OiJmb3JtLTEwMTE2MTU4OTQiO3M6NToiY2F0SUQiO2k6MDtzOjY6ImNpdHlJRCI7YToxOntpOjE1Nzk5OTYxO3M6ODoiMTU3OTk5NjEiO31zOjg6ImtleXdvcmRzIjtzOjMxOiJGcm9udGVuZC3RgNCw0LfRgNCw0LHQvtGC0YfQuNC6IjtzOjg6InN1YmNhdElEIjthOjQ6e2k6OTU1O3M6MzoiOTU1IjtpOjk2MDtzOjM6Ijk2MCI7aTo5NjQ7czozOiI5NjQiO2k6OTk0O3M6MzoiOTk0Ijt9czo2OiJwZXJpb2QiO2k6MTtzOjg6InJlZ2lvbklEIjtzOjA6IiI7czo5OiJjb3VudHJ5SUQiO3M6MDoiIjtzOjY6InNhbGFyeSI7aTowO3M6MTA6IndpdGhzYWxhcnkiO2k6MDtzOjEwOiJlbXBsb3ltZW50IjtzOjE6IjEiO3M6MzoiZXhwIjtpOjA7czo3OiJjbXBUeXBlIjtpOjA7czo5OiJvbmx5dGl0bGUiO2k6MDt9czo3OiJ1c2VyLWlkIjtzOjMyOiIzMjY0YzQ5NDVkNDQ2ZmRiOTlhNWRiMzBhNDgzOTc4YyI7czoxMToibGl2ZS1vYmplY3QiO2E6Mzp7czo2OiJvYmplY3QiO3M6MTE6InZhY2RlbGl2ZXJ5IjtzOjI6ImlkIjtpOjA7czo0OiJpbmZvIjthOjA6e319fQ=='><div class="card"> <div class="card-header card-amber"> <h5 class="card-text envelope">Подпишитесь на похожие вакансии</h5> </div> <div class="card-block"> <div class="input-group-table input-group-table-min"> <div class="form-group"> <input type="text" class="form-control " id="Mail" name="Mail" value="" placeholder="Введите ваш e-mail"> </div> <span class="input-group-addon"> <button class="btn btn-danger" type="submit" name="show" onclick="dataLayer.push({'event':'yaEvent', 'eventAction':'Sub-on-vacancy'}); dataLayer.push({'event':'gaEvent', 'eventCategory':'Sub-on-vacancy', 'eventAction':'Button-sub'});">Подписаться</button> </span> <input type="hidden" id="objectID" name="objectID"> </div> </div> </div> </form></div><div class="page_builder vacancy-show-position" id="vacancy-show-position"><div class="m-b-2"> <p class="text-muted text-small">Вакансия размещена в отрасли</p> <div class="text-small"> <a href="https://novorossiysk.careerist.ru/vakansii/it/" class="pull-xs-left m-r-08"><strong>Информационные технологии / IT / Интернет: </strong></a> <ul class="list-inline"> <li class="list-inline-item"><a href="https://novorossiysk.careerist.ru/vakansii/it/programmist-razrabotchik/">Программист / Разработчик,</a></li> <li class="list-inline-item"><a href="https://novorossiysk.careerist.ru/vakansii/it/programmist-1c/">Программист 1С,</a></li> <li class="list-inline-item"><a href="https://novorossiysk.careerist.ru/vakansii/it/web-programmist-razrabotchik/">Web программист / Разработчик</a></li> </ul> <div class="clearfix"></div> </div> </div> </div></div> <div class="col-lg-12 col-xl-4" id="mainPageRight"><div class="page_builder vacancy-diff-hot-block" id="vacancy-diff-hot-block"></div><div class="page_builder banner-on" id="banner-on-14"><div class="banner-banner-car-block m-b-2 hidden-lg-down text-xs-center"><script type="text/javascript" src="https://careerist.ru/scr/banner/get?bPlaceID%5B0%5D=5"></script></div> </div><div class="page_builder banner-on" id="banner-on-15"></div><div class="page_builder banner-on" id="banner-on-16"><div class="banner-banner-car-block m-b-2 hidden-lg-down text-xs-center"><script type="text/javascript" src="https://careerist.ru/scr/banner/get?bPlaceID%5B0%5D=9"></script></div> </div></div> </div> </div> <div class="hidden-md-down col-lg-4 col-lg-pull-8 col-xl-3 col-xl-pull-9" id="mainPageLeft"><div id="leftBlocks"><div class="text-xs-center"> <a class="btn btn-grey-blue m-b-2 btn-triangle-left" id="backSearch" href="https://novorossiysk.careerist.ru/search/?category=vacancy">к поиску вакансий</a> </div><div class="page_builder user-menu" id="user-menu"></div><div class="page_builder banner-on" id="banner-on"><div class="banner-banner-car-block m-b-2 hidden-lg-down text-xs-center"><script type="text/javascript" src="https://careerist.ru/scr/banner/get?bPlaceID%5B0%5D=8"></script></div> </div><div class="page_builder searchtags-liked-auto-complete-left-column" id="searchtags-liked-auto-complete-left-column"><h2 class="h4">Ищут прямо сейчас</h2> <div class="card"> <div class="card-block"> <ul class="list-unstyled card-list-unstyled"> <li><a target="_blank" href="/jobs-razrabotchik/">Разработчик</a></li> </ul> </div> </div> </div><script type="text/javascript"></script><div class="page_builder menu-user" id="menu-user"></div></div></div> </div> <div class="clearfix"></div> </section> <div class="p-b-2"></div> </div> <footer> <div class="container"> <div id="footer" class="mega-footer-middle"> <div class="page_builder menu-footer" id="menu-footer"><div class="row"> <div class="col-xs-12 col-md-6 col-lg-3"> <h5>Популярные специализации</h5> <ul class="nav"> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/vakansii/avtobiznes-sto/drugoe/" class='nav-link'>Другое</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/vakansii/banki-investicii-lizing/menedzher-po-prodazham/" class='nav-link'>Менеджер по продажам</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/vakansii/banki-investicii-lizing/menedzher-po-rabote-s-klientami/" class='nav-link'>Менеджер по работе с клиентами</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/vakansii/prodazhi/prodavec-konsultant/" class='nav-link'>Продавец-консультант</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/vakansii/prodazhi/prodavec-kassir/" class='nav-link'>Продавец-кассир</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/vakansii/administrativnyj-personal/administrator/" class='nav-link'>Администратор</a></li> </ul> </div> <div class="col-xs-12 col-md-6 col-lg-3"> <h5>Инструменты соискателя</h5> <ul class="nav"> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/register.html" class='nav-link'>Разместить резюме</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/" class='nav-link'>Найти работу</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/?category=vacancy" class='nav-link'>Поиск вакансий</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/vakansii/" class='nav-link'>Каталог вакансий</a></li> <li class="nav-item"><a href="https://careerist.ru/news/infolicense/" class='nav-link'>Соглашение по содействию в трудоустройстве</a></li> <li class="nav-item"><a href="https://careerist.ru/news/privacypolicy/" class='nav-link'>Защита персональных данных</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/archive/" class='nav-link'>Архивный каталог</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/jobs-all/" class='nav-link'>Вакансии по профессиям</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/map/" class='nav-link'>Поиск по городам</a></li> </ul> </div> <div class="clearfix hidden-lg-up"></div> <div class="col-xs-12 col-md-6 col-lg-3"> <h5>Инструменты работодателя</h5> <ul class="nav"> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/employer/register.html" class='nav-link'>Разместить вакансию</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/employer/" class='nav-link'>Найти сотрудника</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/?category=resume" class='nav-link'>Поиск резюме</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/resume/" class='nav-link'>Каталог резюме</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/service/" class='nav-link'>Тарифы</a></li> <li class="nav-item"><a href="https://careerist.ru/informer/" class='nav-link'>Информер с вакансиями</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/cvs-all/" class='nav-link'>Резюме по профессиям</a></li> </ul> </div> <div class="col-xs-12 col-md-6 col-lg-3"> <h5>Больше всего ищут</h5> <ul class="nav"> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/?text=бармен&category=vacancy" class='nav-link'>Бармен</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/?text=брокер&category=vacancy" class='nav-link'>Брокер</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/?text=водитель-такси&category=vacancy" class='nav-link'>Водитель такси</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/?text=корреспондент&category=vacancy" class='nav-link'>Корреспондент</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/?text=охранник&category=vacancy" class='nav-link'>Охранник</a></li> <li class="nav-item"><a href="https://novorossiysk.careerist.ru/search/?text=переводчик&category=vacancy" class='nav-link'>Переводчик</a></li> </ul> </div> </div> </div><script type="text/javascript"> // patch links for mobile version $(function(){ setTimeout(function(){ executeActionByVersion(function(){ $('*[target=_blank]').removeAttr('target'); }); },300);}); </script> </div> <div id="copyright" class="mega-footer-bottom"> <div class="pageWidth row"> <div class="col-xs-12 col-md-7 col-lg-6"> <p>© 2007 - 2025 «Карьерист.ру»</p> <!--ul class="list-inline"> <li class="list-inline-item"><a href="https://play.google.com/store/apps/details?id=com.job.careeristapp" rel="nofollow" target="_blank"><img src="https://me-se.careerist.ru/media/mmages/google_play.png" alt="Загрузите в Google play" /></a></li> <li class="list-inline-item"><span><a href="https://itunes.apple.com/app/id1081779267" rel="nofollow" target="_blank"><img src="https://me-se.careerist.ru/media/mmages/app_store.png" alt="Загрузите в App Store"></a></span></li> </ul--> </div> <div class="col-xs-12 col-md-5 col-lg-6 text-md-right"> <ul class="list-inline"> <li class="list-inline-item"><a href="https://careerist.ru/news/about/"> О нас</a></li> <li class="list-inline-item"><i class="material-icons md-6 fiber_manual_record"></i></li> <li class="list-inline-item"><a href="/contacts/"> Обратная связь</a></li> <!--li class="list-inline-item"><i class="material-icons md-6 fiber_manual_record"></i></li--> <!--li class="list-inline-item"> <a href="https://www.setup.ru/?utm_source=partners&utm_medium=careerist&utm_campaign=bmenu"> Создание сайта</a> на Setup.ru </li--> </ul> <ul class="social-block"> <li class="nav"> <a class="nav-link btn telegram" href="//t.me/careerisru" rel="nofollow" target="_blank"></a> <a class="nav-link btn vk" href="//vk.com/club23118019" rel="nofollow" target="_blank"></a> <a class="nav-link btn ok" href="//ok.ru/careerist" rel="nofollow" target="_blank"></a> <a class="nav-link btn twitter" href="//twitter.com/careerist_ru/" rel="nofollow" target="_blank"></a> <!--a class="nav-link btn google_plus" href="//plus.google.com/+CareeristRu_rabota/posts" target="_blank" rel="nofollow"></a--> </li> </ul> </div> <div class="clear"></div> <div class="counter"><img class="lazy" data-src="//counter.rambler.ru/top100.cnt?3065504" alt="" style="width:1px;height:1px; position:absolute; left:-2000px;"> <script type="text/javascript" src="https://careerist.ru/js/main.js?v=02272"></script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.webvisor.org/metrika/tag_ww.js", "ym"); ym(15771862, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/15771862" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!-- Yandex.RTB R-A-2171533-8 --> <script> window.yaContextCb.push(() => { Ya.Context.AdvManager.render({ "blockId": "R-A-2171533-8", "type": "floorAd", "platform": "touch" }) }) </script> </div> </div> </div> </div> </footer> </div> </div> <script type="text/javascript"> $(function () { if (Bshows.length) $.get('/scr/banner/show/' + Bshows.toString()); }); </script> <script type="text/javascript"> $(document).ready(function(){ $(".jumbotron").addClass("jumbotron-img2"); } ); $("#start").validate( { errorElement: "div", invalidHandler: function(form, validator) {validator.settings.invalidSubmit = true;}, showErrors:afShowErrors });afSetFormValues("start", "[]");afInitForm("start");initGeoDomainComponent('domainSelector','city', 'region', 'country', 'Выбрать из списка',1,0,0);addCityToList('domainSelector','city', 'region', 'country', 15799961, 15789540, 0, 'Новороссийск');$('#domainSelector_a span s').text('Новороссийск');cityListVisible('domainSelector',false);afSetSelectValues("changeSearch", {"_0":"\u0412\u0430\u043a\u0430\u043d\u0441\u0438\u0439","_1":"\u0420\u0435\u0437\u044e\u043c\u0435","_2":"\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0439"}, {"id":"changeSearch","classStyle":"","defaultSel":"","onlyVal":false,"removeStart":false,"reverse":false,"inputClass":"","disableKeys":"[]","hideElementsKeys":"[]","elementIcons":"[]"} ); $("#multytypetop").validate( { errorElement: "div", invalidHandler: function(form, validator) {validator.settings.invalidSubmit = true;}, showErrors:afShowErrors });afSetFormValues("multytypetop", "{\"text\":\"Frontend-\\u0440\\u0430\\u0437\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\"}");afInitForm("multytypetop");var hash = helper.getHashParams(); if(hash['search']){ $('#backSearch').prop('href', '/search/?' + Base64.decode(hash['search'])); window.location.hash = ''; } window.history.replaceState({}, '', 'https://novorossiysk.careerist.ru/vakansii/frontend-razrabotchik-76814790.html' + (hash['position'] ? '#position=' + hash['position'] : '')); var hash = helper.getHashParams(); if(hash['search']){ $('#backSearch').prop('href', '/search/?' + Base64.decode(hash['search'])); window.location.hash = ''; } $("#form-1011615894").validate( { errorElement: "div", debug:true, submitHandler:afSubmitForm, invalidHandler: function(form, validator) {validator.settings.invalidSubmit = true;}, showErrors:afShowErrors });afSetFormValues("form-1011615894", "{\"userID\":\"\",\"catID\":0,\"keywords\":\"Frontend-\\u0440\\u0430\\u0437\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\",\"regionID\":\"\",\"cityID\":{\"15799961\":\"15799961\"},\"createDate\":\"\",\"sendTime\":\"\",\"active\":\"\",\"resumeID\":\"\",\"cmpType\":0,\"period\":1,\"Mail\":\"\",\"employment\":\"1\",\"salary\":0,\"withsalary\":0,\"exp\":0,\"sentCount\":\"\",\"Name\":\"Frontend-\\u0440\\u0430\\u0437\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\",\"vdCrstId\":\"\",\"onlytitle\":0,\"ObjectID\":\"\",\"Deleted\":\"\"}");afInitForm("form-1011615894");vfStyleControls(); vfAutoUpdateSession();vfStyleControls(); vfAutoUpdateSession();vfStyleControls(); vfAutoUpdateSession();</script> <script type="text/javascript"><!-- window.name = document.location.href; //--></script> </body> </html>