Untitled
unknown
plain_text
3 years ago
24 kB
3
Indexable
(function() {
var FEHelper = {
doWhenJqueryLoaded: function (todoWhenLoaded) {
var waitForjQuery = setInterval(
function () {
if (typeof window.jQuery != 'undefined') {
clearInterval(waitForjQuery);
todoWhenLoaded();
}
}, 50);
},
onLoadElement: function(selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function() {
if (
document &&
document.querySelectorAll(selector) &&
document.querySelectorAll(selector).length > 0
) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function() {
clearInterval(interval);
}, delayTimeout);
},
pushEvent: function (eventName) {
var waitForFunnelEnvy = setInterval(function () {
if (typeof window.funnelEnvy !== "undefined") {
clearInterval(waitForFunnelEnvy);
window.funnelEnvy = window.funnelEnvy || [];
window.funnelEnvy.push({
event: eventName
});
}
}, 50);
setTimeout(function () {
clearInterval(waitForFunnelEnvy);
}, 5000);
},
before: function(targetElement, beforeElement) {
if (targetElement) {
targetElement.insertAdjacentHTML('beforebegin', beforeElement);
}
},
insertAfter: function insertAfter(afterElement, targetElement) {
targetElement.parentNode.insertBefore(
afterElement,
targetElement.nextSibling
);
},
after: function(targetElement, afterElement) {
if (targetElement) {
targetElement.insertAdjacentHTML('afterend', afterElement);
}
},
live: function (event, selector, callback, context) {
/****Helper Functions****/
// helper for enabling IE 8 event bindings
function addEvent(el, type, handler) {
if (el.attachEvent) el.attachEvent('on' + type, handler);
else el.addEventListener(type, handler);
}
// matches polyfill
this.Element && function (ElementPrototype) {
ElementPrototype.matches = ElementPrototype.matches ||
ElementPrototype.matchesSelector ||
ElementPrototype.webkitMatchesSelector ||
ElementPrototype.msMatchesSelector ||
function (selector) {
var node = this,
nodes = (node.parentNode || node.document).querySelectorAll(selector),
i = -1;
while (nodes[++i] && nodes[i] != node);
return !!nodes[i];
};
}(Element.prototype);
// live binding helper using matchesSelector
function live(selector, event, callback, context) {
addEvent(context || document, event, function (e) {
var found, el = e.target || e.srcElement;
while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
if (found) callback.call(el, e);
});
}
live(selector, event, callback, context);
}
};
var feLogoSection =''+
' <section class="fe-logo-section12">'+
' <div class="fe-logo-section-inr">'+
' <h2 class="fe-logo-heading">Springboard grads were hired by...</h2>'+
' <div class="fe-logo-details">'+
' <div class="fe-logo-box fe-logo1">'+
' </div>'+
' <div class="fe-logo-box fe-logo2">'+
' </div>'+
' <div class="fe-logo-box fe-logo3">'+
' </div>'+
' <div class="fe-logo-box fe-logo4">'+
' </div>'+
' <div class="fe-logo-box fe-logo5">'+
' </div>'+
' <div class="fe-logo-box fe-logo6">'+
' </div>'+
' </div>'+
' </div>'+
' </div>'+
' <div class="fe-job-section">'+
' <h2 class="fe-job-heading">Get your dream job faster, cheaper, better. Guaranteed.</h2>'+
' <div class="fe-job-container">'+
' <div class="fe-job-details">'+
' <div class="fe-job-content">'+
' <div class="fe-job-content-img">'+
' <img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/hiw-mentors/personalized-learning-icon.svg" alt="personalized learning">'+
' </div>'+
' <div class="fe-job-content-text">'+
' <h5 class="fe-content-heading">Online and flexible</h5>'+
' <p class="fe-content-para">No need to quit your job. Learn on your own schedule, right from the comfort of your home.</p>'+
' </div>'+
' </div>'+
' <div class="fe-job-content">'+
' <div class="fe-job-content-img">'+
' <img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/hiw-mentors/industry-insight.svg" alt="industry insight">'+
' </div>'+
' <div class="fe-job-content-text">'+
' <h5 class="fe-content-heading">Project-based curriculum</h5>'+
' <p class="fe-content-para">While you learn, build real-world projects that you can speak about in job interviews.</p>'+
' </div>'+
' </div>'+
' <div class="fe-job-content">'+
' <div class="fe-job-content-img">'+
' <img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/hiw-mentors/motivation.svg" alt="motivation">'+
' </div>'+
' <div class="fe-job-content-text">'+
' <h5 class="fe-content-heading">Pay after you get a job</h5>'+
' <p class="fe-content-para">With deferred tuition, you pay us a flat fee only after you\'re hired. No income share - you own the upside.</p>'+
' </div>'+
' </div>'+
' </div>'+
' <div class="fe-job-image">'+
' <div class="fe-img-outer"></div>'+
' <p class="fe-img-para">“I had a great time discussing and debating my research and design decisions with my mentor.”</p>'+
' <h4 class="fe-author-name">Jennifer Fu</h4>'+
' <p class="fe-author-designation">UX Design Graduate</p>'+
' </div>'+
' </div>'+
' </div>'+
' <div class="fe-bootcamp">'+
' <h2 class="fe-bootcamp-heading">What you\'ll learn in this bootcamp</h2>'+
' <div class="fe-bootcamp-inr">'+
' <p class="fe-bootcamp-subheading">Our immersive UX bootcamp helps motivated students become job-ready in 6 months! The 350+ hours curriculum features a combination of videos, in-depth articles, hands-on design projects, and career-related coursework.</p>'+
' <ul class="fe-bootcamp-list">'+
' <li><img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto,h_25/v1/homepage-assets/icons/icon-checkmark-green.png"> <span>Design Thinking</span></li>'+
' <li><img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto,h_25/v1/homepage-assets/icons/icon-checkmark-green.png"> <span>User research<span></li>'+
' <li><img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto,h_25/v1/homepage-assets/icons/icon-checkmark-green.png"> <span>Synthesis and presentation<span></li>'+
' <li><img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto,h_25/v1/homepage-assets/icons/icon-checkmark-green.png"><span>Ideating and Designing</span></li>'+
' <li><img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto,h_25/v1/homepage-assets/icons/icon-checkmark-green.png"><span>Sketching, wireframing and UI</span></li>'+
' <li><img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto,h_25/v1/homepage-assets/icons/icon-checkmark-green.png"><span>Prototyping and presenting</span></li>'+
' <li><img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto,h_25/v1/homepage-assets/icons/icon-checkmark-green.png"><span>Design Sprint</span></li>'+
' <li><img src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto,h_25/v1/homepage-assets/icons/icon-checkmark-green.png"><span>Special Topics</span></li>'+
' </ul>'+
' <div class="fe-bootcamplink"><a href="https://www.springboard.com/archeio/download/b97a4e8cb76c4d8784d79bb3f043ea88/" target="_blank">Download the syllabus ></a>'+
' <div>'+
' </div>'+
' </section>';
var feForm= ' <section class="fe-msf_step" id="fe-step3">' +
' <div class="fe-msf_step-inr">'+
' <h3>Ready to launch your </br>dream career?</h3>'+
' <span class= "fe-form-subhead">Apply now to secure your spot.</span>'+
' <div class="fe_msf-form">' +
' <div class="fe_form-row">' +
' <input type="text" name="email" placeholder="Enter your email" class="fe_form-input">' +
' <span class="fe_form-error">' +
' <i class="fa fa-exclamation-circle">!</i>' +
' <label>This field is required</label>' +
' </span>' +
' </div>' +
' <div class="fe_form-row">' +
' <button class="fe_msf-submit primary-button" type="submit">Apply Now</button>' +
' </div>' +
' </div>'+
' </section>';
var feProjectImages =''+
' <div class="container fe-project-images">'+
' <div class="projectSourcesWrapper"><span>Projects sourced from</span>'+
' <div class="projectImagesWrapper">'+
' <picture><img class=" ls-is-cached lazyloaded" src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,q_auto,dpr_auto,fl_lossy/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/career-tracks/uxc/UX-angelhack.png" data-src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,q_auto,dpr_auto,fl_lossy/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/career-tracks/uxc/UX-angelhack.png">'+
' </picture>'+
' <picture><img class=" ls-is-cached lazyloaded" src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,q_auto,dpr_auto,fl_lossy/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/career-tracks/uxc/UX-achemist.png" data-src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,q_auto,dpr_auto,fl_lossy/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/career-tracks/uxc/UX-achemist.png">'+
' </picture>'+
' <picture><img class=" ls-is-cached lazyloaded" src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,q_auto,dpr_auto,fl_lossy/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/career-tracks/uxc/UX-microsoft.png" data-src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,q_auto,dpr_auto,fl_lossy/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/career-tracks/uxc/UX-microsoft.png">'+
' </picture>'+
' <picture><img class=" ls-is-cached lazyloaded" src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,q_auto,dpr_auto,fl_lossy/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/career-tracks/uxc/UX-berkeley.png" data-src="https://res.cloudinary.com/springboard-images/image/upload/c_limit,q_auto,dpr_auto,fl_lossy/c_limit,dpr_1.0,f_auto,fl_lossy,q_auto/v1/homepage-assets/career-tracks/uxc/UX-berkeley.png">'+
' </picture>'+
' </div>'+
' </div>'+
' </div>';
var selectCourseOptions = {
"/courses/data-analytics-career-track/": {
course_name: "Data Analytics Career Track",
link: "https://springboardedu.typeform.com/to/LVjEl0fc",
workshop_id: 63
},
"/courses/ai-machine-learning-career-track/": {
course_name: "ML Engineering Career Track",
link: "https://springboardedu.typeform.com/to/GWKzyBdh",
workshop_id: 53
},
"/courses/ui-ux-design-career-track/": {
course_name: "UI/UX Design Career Track",
link: "https://springboardedu.typeform.com/to/ICSivWSj",
workshop_id: 77
},
"/courses/ux-career-track/": {
course_name: "UX Career Track",
link: "https://springboardedu.typeform.com/to/nTZTk7",
workshop_id: 27
},
"/courses/software-engineering-career-track/": {
course_name: "Software Engineering Career Track",
link: "https://springboardedu.typeform.com/to/Ysqdd2w6",
workshop_id: 79
},
"/courses/data-engineering-career-track/": {
course_name: "Data Engineering Career Track",
link: "https://springboardedu.typeform.com/to/agzByXZQ",
workshop_id: 92
}
};
function initHero() {
if(window.screen.width < 768){
document.querySelector('#hero [class^="styles__HeroWrapper"] .content h1.header').insertAdjacentHTML('afterend', feForm);
}
else{
document.querySelector('#hero [class^="styles__HeroWrapper"] .content').insertAdjacentHTML('afterend', feForm);
}
var insertInterval = setInterval(function () {
if(!document.querySelector('body.fe-sp-36')){
document.querySelector('#hero [class^="styles__HeroWrapper"] .header').innerHTML = 'Become a UX </br>Designer in 6 months.';
document.querySelector('.content .summary').innerHTML='<span class="fe-Job"> Job guaranteed</span><span class="fe-bootcamp">online bootcamp</span>';
document.querySelector('.content .description').textContent = 'Springboard helps you gain job-ready skills and build a unique portfolio with 1:1 mentorship, flexible learning schedule and personalized career-coaching.';
}
if(document.querySelector('.partnershipRatingWrapper .ratingWrapper .ratingText a')){
document.querySelector('.partnershipRatingWrapper .ratingWrapper .ratingText a').innerHTML= "SwitchUp";
document.querySelector('.partnershipRatingWrapper .ratingWrapper .rating span').innerHTML= "4.69 of 5";
}
// var msfContent = document.querySelectorAll('.fe-logo-section12');
var msfContent1 = document.querySelectorAll('.fe-msf_step');
//console.log('hello',msfContent, !msfContent);
// if (!msfContent.length) {
// document.querySelector('.hLGZWg').parentElement.insertAdjacentHTML("afterend",feLogoSection);
// }
if(!msfContent1.length){
if(window.screen.width < 940){
document.querySelector('#hero [class^="styles__HeroWrapper"] .content h1.header').insertAdjacentHTML('afterend', feForm);
}
else{
document.querySelector('#hero [class^="styles__HeroWrapper"] .content').insertAdjacentHTML('afterend', feForm);
}
}
}, 20);
setTimeout(function () {
clearInterval(insertInterval);
},8000);
// window.Moraf.create('#hero [class^="styles__HeroWrapper"]', function($el) {
// $el.after(feForm);
// });
// window.Moraf.create('.styles__SectionWrapper-h2r7zm-0:nth-child(3)', function($el) {
// // $el.after(feLogoSection);
// });
// submit button click
FEHelper.live('click', '.fe_msf-form button', function (e) {
e.preventDefault();
e.stopPropagation();
console.log('course page');
var input = document.querySelector('.fe_form-row input').value;
dataSend(input);
});
FEHelper.live('click','.fe_form-row input', function () {
hideError();
});
FEHelper.live('keydown','.fe_form-row input', function (e) {
console.log('course page');
var code = (e.keyCode ? e.keyCode : e.which);
if(code == 13) { //Enter keycode
e.preventDefault();
e.stopPropagation();
var input = this.value;
dataSend(input);
}
});
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function getSegmentAnonymousId() {
var n = decodeURIComponent(getCookie("ajs_anonymous_id"));
return n = n.replace(/^"(.*)"$/g, "$1"), encodeURIComponent(n)
}
function getReferrer() {
return [window.location.href, getCookie("referer2")]
}
function getVwoCampaignId() {
var n = window._vwo_campaignData,
t = n ? Object.keys(n) : [],
e = "";
return t.map(function (o, l) {
e += o + "-" + n[o].c + (l !== t.length - 1 ? "_" : "")
}), e
};
function dataSend(input){
if (validateEmail(input)) {
showError();
} else {
// removing error
hideError();
var selectedCourse = selectCourseOptions[window.location.pathname];
sendData('https://www.springboard.com/learning-paths/interested/', {
apply: 1,
js_disabled: 'yes',
workshop_id: selectedCourse.workshop_id,
email: input
}, selectedCourse.link);
}
}
function showError() {
//document.querySelector('.applicationFormWrapper .formGroupEmail .errorMessage').innerText = "This field is required";
document.querySelector('.fe_msf-form .fe_form-error').style.display = 'block';
}
function hideError() {
document.querySelector('.fe_msf-form .fe_form-error').style.display = 'none';
}
function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if (!re.test(email.toLowerCase())) {
return true;
}
return false;
}
function sendData(url, data, submitLink) {
var XHR = new XMLHttpRequest(),
FD = new FormData();
// Push our data into our FormData object
var i = getVwoCampaignId();
var l = getReferrer();
var gclid = getParameterByName('gclid');
var feuuid = generateUUID() || uuidv4() || '';
var data1= GetReferrerUtmParams();
var utmParam='';
for (var key of Object.keys(data1)) {
utmParam+=''+key+'='+data1[key]+'&';
}
var redirectURL = submitLink + "?referral=" + l[0] + "&referral2=" + l[1] + "&email=" + data.email + "&segmentanonymousid=" + getSegmentAnonymousId() + (i ? "&variationid=" + i : "")+"&uuid="+feuuid+"&gclid="+gclid+"&"+utmParam;
for (var key of Object.keys(data)) {
FD.append(key, data[key]);
}
FD.append('UUID',feuuid);
FD.append('gclid',gclid);
XHR.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
window.location.href = redirectURL;
}
};
// Set up our request
XHR.open('POST', url);
// Send our FormData object; HTTP headers are set automatically
XHR.send(FD);
}
function getParameterByName(name, url = window.location.href) {
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
//get UTM param
const GetReferrerUtmParams = () => {
const utmParams = new URLSearchParams(window.location.search.substring(1));
let parsedUtmParams = {};
utmParams.forEach((value, key) => {
if (key.toLowerCase().startsWith("utm")) {
parsedUtmParams[key] = value;
}
});
return parsedUtmParams;
}
//get uuid
function uuidv4() {
return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c =>
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
);
}
//get uuid
function generateUUID() {
var d = new Date().getTime();
//Timestamp
var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;
//Time in microseconds since page-load or 0 if unsupported
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g,
function(c) { var r = Math.random() * 16;//random number between 0 and 16
if(d > 0){//Use timestamp until depleted
r = (d + r)%16 | 0; d = Math.floor(d/16);
} else {
//Use microseconds since page-load if supported
r = (d2 + r)%16 | 0; d2 = Math.floor(d2/16);
}
return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16); });
}
function initLogo() {
var insertInterval = setInterval(function () {
var msfContent1 = document.querySelectorAll('.fe-logo-section12');
if(!msfContent1.length){
document.querySelector('#logos').insertAdjacentHTML('afterend', feLogoSection);
//document.querySelector('div.wrapper + div + div').innerHTML = feLogoSection;
}
}, 200);
setTimeout(function () {
clearInterval(insertInterval);
},5000);
}
var feImagesNumber = [
'<img class=" lazyloaded" src="https://res.cloudinary.com/springboard-images/image/upload/v1651140036/vwo-exp-assets/transparent_best_ux_design_2021_badge_green.webp" data-src="https://res.cloudinary.com/springboard-images/image/upload/v1651140036/vwo-exp-assets/transparent_best_ux_design_2021_badge_green.webp">',
'<img class=" lazyloaded" src="https://res.cloudinary.com/springboard-images/image/upload/v1651140036/vwo-exp-assets/transparent_Course_report_best_UX_Design_2020.webp" data-src="https://res.cloudinary.com/springboard-images/image/upload/v1651140036/vwo-exp-assets/transparent_Course_report_best_UX_Design_2020.webp">',
'<img class=" lazyloaded" src="https://res.cloudinary.com/springboard-images/image/upload/v1651137244/vwo-exp-assets/transparent_Best_online_bootcamp_course_report_2021.webp" data-src="https://res.cloudinary.com/springboard-images/image/upload/v1651137244/vwo-exp-assets/transparent_Best_online_bootcamp_course_report_2021.webp">',
]
function initFooter() {
setTimeout(function(){
var feImagesLink = document.querySelectorAll('#investors .investerWrapper .container picture');
for(var i=0; i < feImagesLink.length; i++){
feImagesLink[i].innerHTML = feImagesNumber[i];
}
document.querySelector('div#generalCheckmarks .container').insertAdjacentHTML('afterend', feProjectImages);
FEHelper.insertAfter(document.querySelector('#generalCheckmarks'), document.querySelector('#testimonialCards'));
document.querySelector('.applicationFormWrapper .header').innerHTML = "Ready to make the career change </br>you've always dreamed of?";
document.querySelector('.applicationFormWrapper .description').innerHTML = "The application is free and takes just 5 minutes to complete.";
document.querySelector('.bulletPointWrapper .bulletPoint:nth-child(5) span').innerHTML = "Regular 1:1 mentor support";
document.querySelector('.bulletPointWrapper .bulletPoint:nth-child(6) span').innerHTML = "Personalized career coaching";
document.querySelector('#comparisonTable p').innerHTML= 'We\'re the only design bootcamp to offer regular mentor calls - you can schedule as many calls as you need. Designed to fit your schedule at an affordable cost.';
},4000);
}
FEHelper.onLoadElement('#hero [class^="styles__HeroWrapper"]',initHero, 500, 20000);
FEHelper.onLoadElement('#logos',initLogo, 50, 10000);
FEHelper.onLoadElement('.bulletPointWrapper .bulletPoint',initFooter,500,30000);
})();
Editor is loading...