@cgmorah /Frontend Assessment [MindArc]

Frontend technical assessment MindArc by GIOVANNI MORA

IMPORTANT : It's built with Vue js App & Sass and It's not a regular HTML

Features

✓ Vue Js
✓ Vue Router
✓ Component Base
✓ Power Bootstrap
✓ Responsive
✓ Animate
✓ No jQuery

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Folder Structure

// root folder
        +
        |——aeroland
        |  |——public/
        |  |  |——/index.html
        |  |  |——/favicon.ico
        |  |  |——/.htaccess
        |  |——dist/
        |  |  |——css/
        |  |  |——img/
        |  |  |——js/
        |  |  |——fonts/
        |  |  |——.htaccess
        |  |  |——favicon
        |  |  |——/index.html
        |  |——src
        |  |  |——assets/
        |  |  |  |——css/                          --css files
	|  |  |  |——data/                         --data.json
        |  |  |  |——fonts/                        --fonts files
        |  |  |  |——img/                          --img files
        |  |  |  |——js/                           --js files
        |  |  |  |——scss/                         --scss files
        |  |  |  |——/index.scss
        |  |  |——components                       --Component Files Folder
        |  |  |  |——/Accordion.vue
        |  |  |  |——/FooterMain.vue
        |  |  |  |——/HeaderDeveloper.vue
        |  |  |  |——/HelloItemDeveloper.vue
        |  |  |  |——/TabOne.vue
        |  |  |——home_pages  
        |  |  |  |——/HomeDeveloper.vue
        |  |  |——pages
        |  |  |  |——/404.vue		
        |  |  |  |——/ElementAccordion.vue
        |  |  |——router/
        |  |  |  |——/index.js
        |  |  |——/App.vue
        |  |  |——/main.js
        |  |——/babel.config.js
        |  |——/.gitignore.js                    
        |  |——/package.json
        |  |——/README.md
        +

Dependencies

@vue-slick Doc: https://www.npmjs.com/package/vue-slick
@vue-awesome-swiper Doc: https://www.npmjs.com/package/vue-awesome-swiper
@vue-bootstrap Doc: https://www.npmjs.com/package/bootstrap

DEMO

https://phpstack-772581-2872088.cloudwaysapps.com/

PLUS

Explain why the result of ('b' + 'a' + + 'a' + 'a').toLowerCase() is banana.

+'a' resolves to NaN ("This would not be a number") because it converts a string to a number, whereas the character a cannot be parsed as a number.

Lowercase becomes banana.

Adding NaN to "ba" converts NaN to the string "NaN" due to type conversion, giving baNaN.
And then there's an a behind, getting the famous baNaNa.

The space between ++ is to make the first concatenation of a string and the second a unary plus ("positive") operator.
You get the same result if you use 'ba'+(+'a')+'a', resolved as 'ba'+NaN+'a', which is equivalent to 'ba'+'NaN'+'a' This is the why! :)

Thank you for considering my application. 😉

Best Regards

cgmorah/frontend-assessment