Hi, I'm Marco Cante and this is my Docebo test repository. I have to implement a reusable carousel component without JS libraries and frameworks and with a well commented/structured code.
I'm sincere: I have done the job quickly due to lack of time. For this reason i don't implemented some features that I would have liked to implement, like animations, transitions, unit test etc.
I hope that can be a good job for you!
You can download the repository on your pc and see the project:
git clone git@github.com:marco476/docebo-test.git- Go in
docebo-testdirectory with your file manager and openindex.htmlin your browser!
I developed a little and easy build system with Webpack for build JS/SASS assets. You can build the library in two way:
npm run build:devfor develop buildnpm run build:prodfor production build
For develop mode, you can use Webpack watch mode:
npm run watch
Like you can see in the package.json, i used prettier and eslint as code formatter and javascript linter. You can use it with:
npm run prettiernpm run lint
You can see configurations files in the root project:
.eslintrc.prettierrc.prettierignore
I use Git hooks with husky and lint-staged in the pre-commit for automate some tasks like production build and prettier!
I read several times this lines:
Javascript code must be properly structured and well commented
The usage of ECMAScript 2015 new constructs (templates, classes, Promises), code building tools [...] if the candidate is applying for a senior role.
So, i thought: typescript it's perfect for me, for this reasons:
- I can develop a robust/solid code with strong types
- I can describe the library and data models with Interface and Type
- I can prove my typescript skills
- I think that structure modeling and design with typescript is much more better that simple JS for scalability, code quality, strong types, errors avoiding and so on
- I love Typescript ❤️
Thank you for the opportunity and for your interest in me.
Have a good day!
Marco Cante