Test from Abril

This is a code challenge that I did to Abril in June, 2016.

Access the Challenge Result

Challenge Requirements:

Layout 4rodas

• Build a responsive web page, using javascript to enable/disable the menu. Use structured javascript if possible.
• The HTML5 and CSS3 must follow the semantic and responsive web application concepts;
• Integrate the developed code into Wordpress using includes and the best practices;
• Make this challenge public on your GitHub account.

Dependencies

• Node.js - https://nodejs.org/en/download/
• NPM - https://docs.npmjs.com/getting-started/installing-node
• Grunt - http://gruntjs.com/getting-started
• Ruby - http://www.ruby-lang.org/en/downloads/
• Compass - http://compass-style.org/install/

Setup

1. Open your terminal;
2. Clone this project: git clone https://github.com/gdomiciano/responsive-header.git;
3. Go to the project directory: cd responsive-header;
4. Install the project dependencies: npm install;
5. Compile the project via task runner: grunt build;
6. Open dist/index.html on Google Chrome.

Customized Wordpress Theme

• The assets are compiled from source directory to wordpress theme directory when the command grunt buildwp is executed;
• The template files are in the following path: wordpress/wp-content/themes/quatrorodas/ .

Libraries/Frameworks

• jQuery
• SaSS
• Grunt
• Font Awesome

Extra Items###

• This is an responsive web Application;
• It's recomended to be teste on Google Chrome browser and emulators