Image Logo

ACS is Hiring!

Ciao Developer, ci aiuteresti a trovare l’errore nel codice della seguente Job Description della figura ricercata?


Developer...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ACS - Job Advert</title>
<style>
:root {
--primary-color: #0070ba;
--secondary-color: #00d3f4;
--title-color: #d3691e;
--subtitle-color: #1795a9;
}
body {
background-color: #002035;
text-align: center;
color: white;
font-family: Arial, Helvetica, sans-serif;
}
.bold {
font-weight: bold;
}
.subtitle {
color: var(--title-color);
}
#acs-logo {
width: 200px;
margin-top: 20px;
}
.hq {
color: var(--secondary-color);
}
.containerBlock {
width: 92%;
margin: 30px auto 0px auto;
text-align: left;
}
li {
font-style: italic;
}
li:not(:last-child) {
margin-bottom: 15px;
}
.survey {
width: 100%;
text-align: center;
margin-top: 100px;
}
.survey:last-child {
margin-bottom: 60px;
}
.subtitle-survey {
color: var(--subtitle-color);
margin-bottom: 20px;
}
.flex-row {
display: flex;
flex-direction: row;
align-items: center;
}
.space-around {
justify-content: space-around;
}
.wrap-100 {
flex-wrap: wrap;
flex: 0 0 100%;
}
.row-plus {
flex: 0 0 50%;
margin-bottom: 30px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.row-plus input[type=checkbox] {
margin-right: 12px;
}
.slider {
-webkit-appearance: none;
width: 70%;
height: 15px;
background: #d3d3d3;
margin: 0px auto;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.slider:hover {
opacity: 1;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 15px;
height: 15px;
background: #1d5880;
cursor: pointer;
}
.slider::-moz-range-thumb {
width: 15px;
height: 15px;
background: #1d5880;
cursor: pointer;
}
#container-send-btn button {
font-size: 1.2em;
padding: 12px 20px;
cursor: pointer;
}
.colleague {
font-size: 2em;
color: #65c2ff;
max-width: 800px;
margin: 0 auto;
}
.hidquest {
display: none;
height: 0;
}
</style>
</head>
<body>
 
<img id="acs-logo" src="http://www.acsoftware.it/documents/20182/79275/ACSLogo.png" alt="logo">
<h2>ACSOFTWARE IS HIRING!</h2>
<p>We are looking for a Front End Developer to be included at our headquarters in <span id="HQ1" class="hq bold"></span> / <span id="HQ2" class="hq bold"></span> or even remotely (Smart Working).</p>
<div id="responnsability" class="containerBlock">
<p id="resp-title" class="subtitle bold">The resource will be responsible for:</p>
<ul id="resp-list"></ul>
</div>
 
<div id="offers" class="containerBlock">
<p id="offers-title" class="subtitle bold">What we offer:</p>
<ul id="offers-list"></ul>
</div>
 
<div id="step" class="containerBlock">
<p id="tellUs-title" class="subtitle bold">Tell us about yourself</p>
<div id="fe-or-be" class="survey">
<div class="subtitle-survey">what your skills say about you ?</div>
<div id="container-range" class="flex-row space-around">
<div>BE</div>
<input type="range" id="rangeFeBe" min="0" max="100" step="10" value="50" class="slider">
<div>FE</div>
</div>
<p id="result-range">50%</p>
</div>
<div id="years-of-work" class="survey">
<div class="subtitle-survey">whow many years have you been doing this job ?</div>
<div id="container-years" class="flex-row space-around">
<div class="radio-row">
<input type="radio" id="radio-lessOne" name="years" value="0">
<label for="radio-lessOne">Less than a year</label>
</div>
<div class="radio-row">
<input type="radio" id="radio-one" name="years" value="1">
<label for="radio-one">One year</label>
</div>
<div class="radio-row">
<input type="radio" id="radio-two" name="years" value="2">
<label for="radio-two">Two years</label>
</div>
<div class="radio-row">
<input type="radio" id="radio-moreTwo" name="years" value="3">
<label for="radio-moreTwo">More than two years</label>
</div>
</div>
</div>
<div id="pre-processors" class="survey">
<div class="subtitle-survey">Do you know what css preprocessors are (SASS, Less ...)?</div>
<div id="container-pre-processors" class="flex-row space-around">
<div class="radio-row">
<input type="radio" id="pre-processor-yes" name="pre-processor" value="0">
<label for="pre-processor-yes">Yes</label>
</div>
<div class="radio-row">
<input type="radio" id="pre-processor-no" name="pre-processor" value="1">
<label for="pre-processor-no">No</label>
</div>
</div>
</div>
<div id="framework-js" class="survey">
<div class="subtitle-survey">Do you know one or more of these javascript frameworks / libraries?</div>
<div id="container-framework-js" class="flex-row space-around">
<div class="check-row">
<input type="checkbox" id="angular" name="framework-js[]" value="angular">
<label for="angular">Angular 2</label>
</div>
<div class="check-row">
<input type="checkbox" id="vue" name="framework-js[]" value="vue">
<label for="vue">VueJs</label>
</div>
<div class="check-row">
<input type="checkbox" id="react" name="framework-js[]" value="react">
<label for="react">ReactJs</label>
</div>
</div>
</div>
<div id="plus" class="survey">
<div class="subtitle-survey">Mark the items you are familiar with</div>
<div id="plus" class="flex-row space-around wrap-100">
<div class="row-plus">
<input type="checkbox" id="ui-frame" name="plus[]" value="ui-frame">
<label for="ui-frame">UI Framework (Bootstrap, Foundation ...) </label>
</div>
<div class="row-plus">
<input type="checkbox" id="ui-frame-angular" name="plus[]" value="ui-frame-angular">
<label for="ui-frame-angular"> UI Framework for Angular (PrimeNg, Material)</label>
</div>
<div class="row-plus">
<input type="checkbox" id="code-versioning" name="plus[]" value="code-versioning">
<label for="code-versioning">Code versioning tools</label>
</div>
<div class="row-plus">
<input type="checkbox" id="hybrid-frame" name="plus[]" value="hybrid-frame">
<label for="hybrid-frame">Hybrid frameworks for mobile development (React Native, Flutter ...)</label>
</div>
<div class="row-plus">
<input type="checkbox" id="restful" name="plus[]" value="restful">
<label for="restful">RESTful API concepts</label>
</div>
<div class="row-plus">
<input type="checkbox" id="mobile-approach" name="plus[]" value="mobile-approach">
<label for="mobile-approach">Mobile Design, "Mobile First" approach and Cross-Browser development</label>
</div>
</div>
</div>
<div id="container-send-btn" class="survey">
<button class="hidquest" onclick="uWillBOurCollegue()">you will be our potential colleague</button>
</div>
 
</div>
 
<div id="return-message" style="display: none;">
 
</div>
 
 
<script>
 
const headquarters = {
headquarter_1: {
lat: 44.522240,
long: 11.338450,
lang: 'it'
},
headquarter_2: {
lat: 38.970840,
long: 16.314730,
lang: 'it'
},
}
 
const responsibleForArray = [
"Analysis and development of the front-end part and of new web applications;",
"Creation and modification of interfaces of portals, sites and responsive and cross-browser WEB applications;",
"Document the developments made;",
"Guarantee the tests of developments and integrations carried out;",
"keep the associated documentation updated;",
"Guarantee the evolution of developments and the consequent support;",
"Understanding and translating functional needs into technical developments;",
"Participate in the continuous improvement of solutions (bug tracking, improvement proposal, etc.);"
];
 
const whatWeOfferArray = [
"Full Time permanent employment contract;",
"Salary and classification will be commensurate with the experience and skills possessed;",
"Ability to work with the latest technologies and engage in exciting and futuristic projects;",
]
 
function hideTextBox() {
document.getElementById('responnsability').style.display = 'none';
document.getElementById('offers').style.display = 'none';
document.getElementById('step').style.display = 'none';
}
 
function notWathWeSeek() {
hideTextBox();
const returnMessage = document.getElementById('return-message');
returnMessage.style.display = 'block';
returnMessage.innerHTML = '<h2 class="colleague">&#9785; Thank you for taking the time ... Currently the skills we are looking for are a little different but if you want, submit your application anyway, we will evaluate it! &#9785; </h2>'
}
 
function youAreWathWeSeek() {
hideTextBox();
const returnMessage = document.getElementById('return-message');
returnMessage.style.display = 'block';
returnMessage.innerHTML = '<h2 class="colleague">&#9786;&#9786; You are potentially part of the ACSoftware team! &#9786;&#9786; </h2>'
}
 
function mayBeWathWeSeek() {
hideTextBox();
const returnMessage = document.getElementById('return-message');
returnMessage.style.display = 'block';
returnMessage.innerHTML = '<h2 class="colleague">&#9786; Thank you for taking the time ... Currently the skills we are looking for are a little different but if you want, submit your application anyway, we will evaluate it! &#9786; </h2>'
}
 
function uWillBOurCollegue() {
let sliderVal = document.getElementById('rangeFeBe').value;
let radioYearsValue = document.querySelector('input[name="years"]:checked')?.value;
let radioProcessorsValue = document.querySelector('input[name="pre-processor"]:checked')?.value;
let checkFrameworkValue = document.querySelectorAll('input[name="framework-js[]"]:checked');
let checkPlusValue = document.querySelectorAll('input[name="plus[]"]:checked');
 
if(sliderVal < 40){
return notWathWeSeek();
}else if(sliderVal >= 40 &&
radioYearsValue != undefined &&
(radioYearsValue == 2 || radioYearsValue == 3) &&
radioProcessorsValue != undefined &&
radioProcessorsValue == 0 &&
checkFrameworkValue.length > 0 &&
checkPlusValue.length > 1
){
return youAreWathWeSeek();
}else if(sliderVal >= 40 &&
radioYearsValue != undefined &&
radioProcessorsValue != undefined &&
radioProcessorsValue == 0 &&
checkFrameworkValue.length > 0 &&
checkPlusValue.length > 0
){
return mayBeWathWeSeek();
} else {
return notWathWeSeek();
}
 
}
 
function getApi(bdcApi, htmlEl) {
const Http = new XMLHttpRequest();
Http.open("GET", bdcApi);
Http.send();
Http.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
let JSONResult = JSON.parse(Http.response);
if(htmlEl === 'HQ1') {
document.getElementById(htmlEl).innerHTML = JSONResult.localityInfo.administrative[2].isoName;
} else {
document.getElementById(htmlEl).innerHTML = JSONResult.localityInfo.administrative[3].name;
}
 
}
};
}
 
function getLocation(lat, long, lang, htmlEl) {
var bdcApi = "https://api.bigdatacloud.net/data/reverse-geocode-client";
bdcApi = bdcApi
+ "?latitude=" + lat
+ "&longitude=" + long
+ "&localityLanguage=" + lang;
getApi(bdcApi, htmlEl);
}
 
function createListEl(elID, refArray) {
let ulList = document.getElementById(elID);
for (var i in refArray) {
let liElem = document.createElement("li");
liElem.innerText = refArray[i];
ulList.appendChild(liElem);
}
}
 
function init() {
getLocation(headquarters.headquarter_1.lat, headquarters.headquarter_1.long, headquarters.headquarter_1.lang, 'HQ1');
getLocation(headquarters.headquarter_2.lat, headquarters.headquarter_2.long, headquarters.headquarter_2.lang, 'HQ2');
createListEl('resp-list', responsibleForArray);
createListEl('offers-list', whatWeOfferArray);
var slider = document.getElementById("rangeFeBe");
var output = document.getElementById("result-range");
var outputVal = "I'm a Full Stack";
output.innerHTML = outputVal;
 
slider.oninput = function() {
switch (true) {
case this.value>=90&&this.value<=100:
outputVal = "I'm a black belt of front end development";
break;
case this.value>=70&&this.value<=80:
outputVal = "I am a front end developer who is not satisfied";
break;
case this.value>=40&&this.value<=60:
outputVal = "I'm a Full Stack";
break;
case this.value>=20&&this.value<=30:
outputVal = "I am a back end developer but not only";
break;
case this.value>=0&&this.value<=10:
outputVal = "I am the essence of back end development";
break;
default:
outputVal = "I will never enter here !!";
break;
}
output.innerHTML = outputVal;
}
}
 
window.onload = init();
 
</script>
 
</body>
</html>
Dunque, risolto l’errore? Hai le caratteristiche che ricerchiamo? Allora dedicaci un po' del tuo tempo e sottoponi la tua candidatura, questo è ciò che ti offriamo:
  • Contratto di lavoro a tempo indeterminato Full Time;
  • Retribuzione ed inquadramento saranno commisurati all’esperienza e alle competenze possedute.
  • Possibilità di lavorare con le più recenti tecnologie e cimentarsi in progetti entusiasmanti e futuristici.
Invia il tuo CV tramite annuncio linkedin al seguente link www.linkedin.com/jobs/view/2639912036/ oppure all’indirizzo mail jobs@acsoftware.it.

Se sei alla ricerca di un ambiente flessibile, giovane, dinamico e gratificante allora siamo quelli giusti per te!
Siamo smanettoni e adoriamo esserlo!