Онлайн-университет любимой работы
Обучение профессиям с нуля с гарантией новой работы
если ваша суперсила:
эмпатия
HR-менеджер
20 мастер-классов с экспертами
если ваша суперсила:
критика
Инженер по тестированию
Дополнительно учим: автоматизации
если ваша суперсила:
адаптивность
Веб-разработчик
Дополнительно дарим: курс по дизайну
если ваша суперсила:
гармония
Графический дизайнер
Дополнительно учим: бизнес-мышлению
если ваша суперсила:
внимательность
Интернет-маркетолог
Специализация на выбор: контекст, smm или crm
Нейросети: практический курс
актуальные знания
если ваша суперсила:
гибкость
если ваша суперсила:
собранность
Менеджер проектов в IT
Дополнительно учим: самопрезентации
Аналитик данных
если ваша суперсила:
логика
гарантия трудоустройства
Python-разработчик
если ваша суперсила:
точность
гарантия трудоустройства
Java-разработчик
если ваша суперсила:
обучаемость
гарантия трудоустройства
если ваша суперсила:
критика
Инженер по тестированию
Дополнительно учим: автоматизации
если ваша суперсила:
адаптивность
Веб-разработчик
Дополнительно дарим: курс по дизайну
Аналитик данных
если ваша суперсила:
логика
гарантия трудоустройства
Python-разработчик
если ваша суперсила:
точность
гарантия трудоустройства
Java-разработчик
если ваша суперсила:
обучаемость
гарантия трудоустройства
если ваша суперсила:
эмпатия
HR-менеджер
стажировка в Skypro
если ваша суперсила:
гармония
Графический дизайнер
Дополнительно учим: бизнес-мышлению
если ваша суперсила:
внимательность
Интернет-маркетолог
Специализация на выбор: контекст, smm или crm
если ваша суперсила:
собранность
Менеджер проектов в IT
Дополнительно учим: самопрезентации
Выбираем только те профессии, которые нужны рынку труда.
Почему именно эти курсы?
У нас получается уделить больше внимания каждой профессии, потому что самих курсов немного. Нам нет смысла учить вас тому, что не пригодится в будущем, — иначе вы не найдете работу. Поэтому мы изучаем рынок и составляем программу так, чтобы работодатель скорее взял вас к себе.
А какая ваша суперсила?
Узнаете, когда пройдете быстрый профтест, — он с высокой точностью определит перспективные для вас сферы.
05:00
8%
Я предпочитаю:
Работать самостоятельно и не зависеть от других
Работать самостоятельно и не зависеть от других
Работать самостоятельно и не зависеть от других
${questionData.question}
Рисуйте прямо по экрану${questionData.question}
${questionData?.subtitle ?? 'Рисуйте прямо по экрану'} 00:00
Выберите из списка
${text}
`)
})
$('.selectAnswer .select').on('click', (e) => {
// if (e.target.tagName !== 'SPAN') {
$('.selectAnswer').addClass('selectAnswer--selected')
$('.selectAnswer .answers').css('display', 'flex').show()
// }
})
} else {
//если просто вопрос
questionData.answers.forEach(function ({ id, text, persona_type }, index) {
$('.z-skypro-proftest__answers').append(`
${text}
`)
})
}
// Если мы уже отвечали на этот вопрос
const answerId = USER_ANSWER.get(QUESTION_HEAD.value)?.answerId
if (answerId) {
$(`.z-skypro-proftest__answer[data-id="${answerId}"]`).addClass('z-skypro-proftest__answer--selected')
}
setTimeout(() => {
addHandlerBtns()
}, 100)
}
//Отрисовка текущего процента прогресса по тесту
function renderProgress() {
const progress = PROFTEST_QUESTIONS.get(QUESTION_HEAD.value).progress
$('.z-skypro-proftest__progress').text(progress)
}
// Рисуем кнопки вперед/назад
function renderButtons() {
if (!USER_ANSWER.has(QUESTION_HEAD.value)) {
$('.z-skypro-proftest__button--next').addClass('z-skypro-proftest__button--disable')
} else {
$('.z-skypro-proftest__button--next').removeClass('z-skypro-proftest__button--disable')
}
if (QUESTION_HEAD.value === 'q1') {
$('.z-skypro-proftest__button--prev').addClass('z-skypro-proftest__button--disable')
} else {
$('.z-skypro-proftest__button--prev').removeClass('z-skypro-proftest__button--disable')
}
}
//Логика при нажатии на ответ
function handlerClickAnswer() {
const questionId = $(this).data('qid')
const answerId = $(this).data('id')
const persona_type = $(this).data('persona_type')
const question = PROFTEST_QUESTIONS.get(questionId)
//что-то типо такого
Logger.log(
`Пользователь на вопрос "${question.question}" ответил "${question.answers.find((answer) => answer.id === answerId)?.text}"`,
)
$('.z-skypro-proftest__answer').removeClass('z-skypro-proftest__answer--selected')
$(this).addClass('z-skypro-proftest__answer--selected')
if (!USER_ANSWER.has(QUESTION_HEAD.value)) {
$('.z-skypro-proftest__answer').addClass('z-skypro-proftest__answer--blocked')
setTimeout(next, 500)
}
USER_ANSWER.set(questionId, {
answerId,
persona_type,
})
triggeringYM()
if (QUESTION_HEAD.value && QUESTION_HEAD.value !== LAST_QUESTION_ID) return
ymControl.send('proftest_survey_end')
// penultimateQuestionTriggeringYM(answerId)
}
//Вешаем слушателей на кнопки вперед/назад и на нажатие ответа на вопрос
function addHandlerBtns() {
$('.z-skypro-proftest__button--prev').click(prev)
$('.z-skypro-proftest__button--next').click(next)
$('.z-skypro-proftest__answers').on('click', '.z-skypro-proftest__answer', handlerClickAnswer)
}
//яндекс метрики по текущему вопросу,
const triggeringYM = (function () {
let isTriggering = false
return function () {
if (isTriggering) {
return
}
isTriggering = true
ymControl.send('proftest_survey_start')
}
})()
function lastQuestionTriggeringYM(value) {
if (QUESTION_HEAD.value && QUESTION_HEAD.value !== LAST_QUESTION_ID) return
ymControl.send('proftest_survey_end')
// Старая логика, когда последний вопрос был не рисовалкой, пока не надо
// const intValue = Number(value)
// if (intValue >= 2) ymControl.send('proftest_not_freeloaders')
// if (intValue >= 4) ymControl.send('proftest_solvent')
}
// Старая логика, когда последний вопрос был не рисовалкой, пока не надо
// function penultimateQuestionTriggeringYM(value) {
// if (CURRENT_QUESTION_INDEX !== ALL_QUESTIONS - 2) return
// const intValue = Number(value)
// if (intValue === 0) {
// try {
// ym(69215599, 'reachGoal', 'proftest_ready_learn')
// console.log('Событие proftest_ready_learn')
// } catch {
// console.error('Ошибка вызова событий метрики proftest_ready_learn')
// }
// }
// }
function showResultButton() {
const $button = $('.z-proftest-link-result-button .tn-atom')
if ($button.length) {
$button.attr('href', getResultProfByProfName(0)[1].link)
}
}
//получение json форматат конечной профы и всех результатов
function getJsonResultForAmoCrm() {
const [title, profession] = getResultProfByProfName(0)
const answers = []
const entires = USER_ANSWER.entries()
for (let [questionId, answer] of USER_ANSWER.entries()) {
const question = PROFTEST_QUESTIONS.get(questionId)
const text = getTextAnswer(questionId)
answers.push({
question: question.question,
answer: text,
})
}
return {
profession_result: {
title,
percent: profession.userProggress,
},
answers,
}
}
function getResultForAmoCrmOnlyProfs() {
const prof1 = getResultProfByProfName(0)
const prof2 = getResultProfByProfName(1)
const prof3 = getResultProfByProfName(2)
const prof4 = getResultProfByProfName(3)
const prof5 = getResultProfByProfName(4)
const age = getTextAnswer('q25')
const current_salary = getTextAnswer('q31')
const chooce_prof = getTextAnswer('q38')
const persona_type = windowVariable.get('persona_type')
const main_reason = getTextAnswer('q26')
const future_way = getTextAnswer('q27')
const { PersName, PersProfs, PersString } = getProfsByPersonaType(persona_type)
return `
Возраст: ${age}
Текущий доход: ${current_salary}
Выбрал профессию: ${chooce_prof}
Тип личности: ${PersName}
Какая главная причина, по которой вы рассматриваете новую профессию: ${main_reason}
Какой вариант будущего вы для себя рассматриваете?: ${future_way}
Результат:
${PersString}
`
}
function getResultForAmoCrm() {
const prof1 = getResultProfByProfName(0)
const prof2 = getResultProfByProfName(1)
const prof3 = getResultProfByProfName(2)
const prof4 = getResultProfByProfName(3)
const prof5 = getResultProfByProfName(4)
return `
Результат:
Топ-1: ${prof1[0]} (${prof1[1].userProggress}%)
Топ-2: ${prof2[0]} (${prof2[1].userProggress}%)
Топ-3: ${prof3[0]} (${prof3[1].userProggress}%)
Топ-4: ${prof4[0]} (${prof4[1].userProggress}%)
Топ-5: ${prof5[0]} (${prof5[1].userProggress}%)
Ответы на вопросы:
${getTextUserAnswers()}
`
}
//функция получения различных данных и преобразования в квери для тг сейл бота
function createLinkForTg() {
let baseTgUrl = ''
const mainProf = getResultProfByProfName(0)
switch (mainProf[0]) {
case 'Аналитик':
baseTgUrl = 'https://salebot.site/dataanalystanketa_1?'
break
case 'Front-разработчик':
baseTgUrl = 'https://salebot.site/developeranketa_1?'
break
case 'Backend-разработчик':
baseTgUrl = 'https://salebot.site/developeranketa_1?'
break
case 'Тестировщик':
baseTgUrl = 'https://salebot.site/qaanketa_1?'
break
case 'Маркетолог':
baseTgUrl = 'https://salebot.site/marketologanketa_1?'
break
case 'Дизайнер':
baseTgUrl = 'https://salebot.site/designeranketa_1?'
break
case 'Менеджер проектов':
baseTgUrl = 'https://salebot.site/projectmananketa_1?'
break
case 'HR-менеджер':
baseTgUrl = 'https://salebot.site/3e17df99c834dd9_1?'
break
}
// if (getNumberAnswerByIndex('q25') === 'a1') {
// baseTgUrl = 'https://salebot.site/63430faa390a3d6c22600265b5d2f53f_1?'
// }
const qvalAnswer = {}
for (let [questionId, question] of PROFTEST_QUESTIONS.entries()) {
if (question.qval) {
const { name, values } = question.qval
const answerId = USER_ANSWER.get(questionId)?.answerId
qvalAnswer[name] = values[answerId]
}
}
const queryUUIDs = queryControl.objectToQueryString(uuidsControl.UUIDs)
const queryFromAddressBar = queryControl.getAllQueryUser()
const queryQval = queryControl.objectToQueryString(qvalAnswer)
const queryAdditional = queryControl.objectToQueryString({
phone: localStorage.getItem('user_phone'),
name: localStorage.getItem('user_name'),
email: localStorage.getItem('user_email'),
intent: windowVariable.get('intent'),
phone_segment: windowVariable.get('phone_segment'),
persona_type: windowVariable.get('persona_type'),
})
//если идем по платной ветке
let KKrequested = ''
if (windowVariable.get('intent') === 'var1_paid_res') {
KKrequested = '&KKrequested=true'
}
baseTgUrl = `${baseTgUrl}${queryUUIDs}&${queryFromAddressBar}&${queryQval}&${queryAdditional}${KKrequested}`
Logger.log(`TG: ${baseTgUrl.replace(/(.{80})/g, '$1\n')}`)
return baseTgUrl
}
function customEncodeURI(url) {
return encodeURI(url).replace(/%2540|%40/g, '@')
}
function showResult() {
const prof1 = getResultProfByProfName(0)
const prof2 = getResultProfByProfName(1)
const prof3 = getResultProfByProfName(2)
const prof4 = getResultProfByProfName(3)
const prof5 = getResultProfByProfName(4)
// меняем текст в блоке какие профессии так же подходят
$('.z-proftest-result__1 .tn-atom').html(`Вы ${markText(hideText(prof1[0]))} на ${prof1[1].userProggress || 71}%`)
$('.z-proftest-result__2 .tn-atom').html(hideText(prof2[0]))
$('.z-proftest-result__2-value .tn-atom').html(`подходит вам на ${prof2[1].userProggress || 68}%`)
$('.z-proftest-result__3 .tn-atom').html(hideText(prof3[0]))
$('.z-proftest-result__3-value .tn-atom').html(`подходит вам на ${prof3[1].userProggress || 60}%`)
$('.z-proftest-result__4 .tn-atom').html(hideText(prof4[0]))
$('.z-proftest-result__4-value .tn-atom').html(`подходит вам на ${prof4[1].userProggress || 51}%`)
$('.z-proftest-result__5 .tn-atom').html(hideText(prof5[0]))
$('.z-proftest-result__5-value .tn-atom').html(`подходит вам на ${prof5[1].userProggress || 50}%`)
//Скрываем и показываем нужные блоки
ZERO_BLOCK_PROFTEST.hide()
ZERO_BLOCK_FORM.show()
ZERO_BLOCK_FORM_SECOND.show()
prof1[1].finalBlocks.forEach((fb) => $(fb).show())
dataLayerControl.sendDataLayer('viewing', 'success', 'contact_page')
//Вызываем метод которые подгружает изображения
updateImage()
const inputsSplitPhone = document.querySelectorAll('[aria-label="phone"]')
const inputsSplit = document.querySelectorAll('[name="SkyPro_form_split"]')
//Вешаем обработкич для отслеживания введенного номера
inputsSplitPhone.forEach((input) => {
input.addEventListener('blur', function (event) {
try {
if (event.currentTarget.value.length > 0) {
const phone = input.value.replace(/\D/g, '')
const lastNumber = +phone[phone.length - 1]
inputsSplit.forEach((inSp) => {
inSp.value = lastNumber % 2 === 0
})
const noTargetPhone = ['7949', '7959', '7978', '7990']
noTargetPhone.forEach((code) => {
if (phone.includes(code)) {
window.phone_segment = 'nontarget'
}
})
}
} catch (e) {
console.log(e)
}
})
})
//Функция определения импрот групп на основании ответа сколько готов платить в год пользователь
function getOtherFieldsForm() {
const topDownOther = [
{
answers: ['a1'],
result: 'down',
},
{
answers: ['a4', 'a5'],
result: 'top',
},
{
answers: ['a2', 'a3', 'a6'],
result: 'other',
},
]
let target_lead = true
let funnel = 'televox'
let televox_import_group_id = '10569'
const topDownOtherGroupIds = {
top: '10569',
down: '10571',
other: '10570',
}
for (let rule of topDownOther) {
let question = PROFTEST_QUESTIONS.get('q33')
let answerId = USER_ANSWER.get('q33')?.answerId
if (rule.answers.includes(answerId)) {
televox_import_group_id = topDownOtherGroupIds[rule.result]
if (rule.result == 'down') {
target_lead = false
}
break
}
}
if (target_lead) {
dataLayerControl.sendDataLayer('lead', 'target', 'became')
}
switch (USER_ANSWER.get('q25').answerId) {
case 'a1':
case 'a6':
televox_import_group_id = '9824'
break
}
return { target_lead, funnel, televox_import_group_id }
}
function setFieldsForm(form) {
const comment_analytics = getResultForAmoCrm()
const comment = getResultForAmoCrmOnlyProfs()
const proftest_result_json = JSON.stringify(getJsonResultForAmoCrm())
// const { target_lead, funnel, televox_import_group_id } = getOtherFieldsForm()
console.log(`comment_analytics: \n ${comment_analytics}`)
console.log(`comment: \n ${comment}`)
Logger.log(`comment: \n ${comment}`)
Logger.log(`proftest_result_json: \n ${proftest_result_json}`)
// form.find('input[name="comment_analytics"]').val(comment_analytics)
form.find('input[name="thank-you-page"]').val('')
// form.find('input[name="proftest_result_json"]').val(proftest_result_json)
form.find('input[name="comment"]').val(comment)
// form.find('input[name="target_lead"]').val(target_lead)
// form.find('input[name="televox_import_group_id"]').val(televox_import_group_id)
// form.find('input[name="funnel"]').val(funnel)
// form.find('input[name="sourceKey"]').val(windowVariable.get('variantResult'))
// form.find('input[name="intent"]').val(windowVariable.get('intent'))
// window.variantResult === 'tgbot' && FORM.find('input[name="tgUserLink"]').val(createLinkForTg())
}
function subscribeSendForm(form) {
const selector = `#${form.attr('id')} .t-submit`
$('.tn-atom__form').delegate(selector, 'click', function () {
safeUserDataForLingTG(form)
const updateFn = setInterval(function () {
if (form.hasClass('js-send-form-success')) {
clearInterval(updateFn)
//form_was_sent
// ymControl.send('form_was_sent')
// console.log('form_was_sent')
// setTimeout(() => {
// //Отправляем доп данные для аналитики для Димы
// wbMetrics.send(
// getJsonResultForAmoCrm(),
// getResultForAmoCrmOnlyProfs(),
// createLinkForTg(),
// uuidsControl.UUIDs,
// {
// phone: localStorage.getItem('user_phone'),
// name: localStorage.getItem('user_name'),
// email: localStorage.getItem('user_email'),
// },
// {
// intent: windowVariable.get('intent'),
// phone_segment: windowVariable.get('phone_segment'),
// persona_type: windowVariable.get('persona_type'),
// },
// )
// }, 500)
doFinalStage()
}
}, 300)
})
}
const form = getZeroBlock(FORM.selector)
const formSecond = getZeroBlock(FORM_SECOND.selector)
setTimeout(function () {
if (form.length) {
setFieldsForm(form)
}
if (formSecond.length) {
setFieldsForm(formSecond)
}
}, 3000)
//Подписываемся на отправку форм
subscribeSendForm(form)
subscribeSendForm(formSecond)
showResultButton()
}
function doFinalStage() {
$('.blur').hide()
ZERO_BLOCK_FORM.hide()
ZERO_BLOCK_FORM_SECOND.hide()
ZERO_BLOCK_INSERTBUTTON.hide()
ZERO_BLOCK_RESULT_TEST.show()
$('.z-skypro-proftest-hide-worlds').removeClass('z-skypro-proftest-hide-worlds')
$('.z-skypro-proftest_result-percent .tn-atom').text('100%')
setTimeout(() => {
$('.proftest-telegramLinkWithUUID .tn-atom').attr('href', '#')
$('.proftest-telegramLinkWithUUID .tn-atom').click((e) => {
dataLayerControl.sendDataLayer('button', 'click', 'telegram')
dataLayerControl.sendDataLayer('button', 'click', 'after_the_test')
setTimeout(() => {
const url = createLinkForTg()
window.open(url, '_blank')
}, 100)
})
}, 1000)
updateImage()
if (windowVariable.get('variantResult') === 'tgbot') {
const mainProf = getResultProfByProfName(0)
mainProf[1].finalBlocks.forEach((fb) => $(fb).hide())
ZERO_BLOCK_PROGRESSBAR.removeClass('rightHide')
ZERO_BLOCK_PROGRESSBAR.hide()
ZERO_BLOCK_FINAL_TELEGRAM.show()
updateImage()
}
}
function startTimer(callback) {
var duration = 5 * 60 * 1000
var startTime = new Date().getTime()
var timer = setInterval(function () {
var now = new Date().getTime()
var elapsedTime = now - startTime
if (elapsedTime >= duration) {
clearInterval(timer)
callback()
} else {
var remainingTime = duration - elapsedTime
var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60))
var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000)
var formattedMinutes = minutes.toString().padStart(2, '0')
var formattedSeconds = seconds.toString().padStart(2, '0')
$('.z-proftest-timer__timer').text(formattedMinutes + ':' + formattedSeconds)
}
}, 1000)
}
function hideTimer() {
$('.z-proftest-timer__timer').hide()
$('.z-proftest-timer__bg').hide()
}
//Вызываем отрисовку вопроса
render()
startTimer(hideTimer)
})
