front-end-test-ig

Front End Developer Test for mid level Engineers

Exercises:

Code found in my-webapp/app/scripts/main.js

Exercise 1

Quiz Javascript and CSS and write your score below http://davidshariff.com/quiz/

If the score is less than 40% we should worry...

Exercise 2

my-webapp/app/scripts/main.js

Inside customModule, create a method called numVowels() that receives a string and returns the number of vowels contained on the string. You should call the module function externally and console log the result. The applicant should demostrate knowledge on the JS Module Pattern, scope variables and functions, etc.

Example:

var myApplication = myApplication || {};

myApplication.customModule = (function() {  
 // Write the magic here...
})();

var numVowels = myApplication.customModule.numvowels('this is a phrase lets count the vowels on it');
console.log(numVowels);

Exercise 3

Part 1: Code in SASS / HTML the image supplied

Part 2 (Optional): When finished with the design add some interaction and when the user clicks the input, do an jQuery AJAX POST request to http://jsonplaceholder.typicode.com/posts and send the value of the input box stored in an object like {inputValue:'',yourname:'test'} and console log the output

Installation

Clone the Repository

Navigate to my-webapp/

gulp serve

Go to http://localhost:9000/

Edit files

The site will be automatically reloaded after making any change on these files:

Javascript: my-webapp/app/scripts/main.js

SASS File: my-webapp/app/styles/main.scss

HTML: my-webapp/app/index.html