CountUp.js for Statistics Section — Front-end Web Development in 2020

Aman Sharma
2 min readFeb 6, 2020

--

Hello everyone, I am Aman Sharma a self taught Android Developer. 😊

I started learning front-end web development, please do check the link below to know why and by using which tools i started my front-end web development journey.

https://medium.com/@amansharma.dev/learning-front-end-web-development-in-2020-8ba2125b42b7

Yes, I hope you know why i started front-end web development, in this process I learned about the CountUp.js which is a JavaScript class. I used this library to develop the statistics section for my website where i can display data in numerical form using animation which will make my statistics section look more interesting.

I really want to thank Jamie Perkins for developing this java script class to help a programmer like me who just started learning front-end web development by keeping the process simple and interesting(creative).

How I build the statistics section?

CSS

  1. Font Awesome — is a font and icon toolkit.
  2. Responsive Grid System —flexible way to create responsive websites,.
  3. Normalize — it precisely targets only the styles that need normalizing.

JavaScript

  1. countUp.js
  2. countUp-jquery.js

These both are necessary to use to make numerical data representation using animation.

Looking for a sample project?

Kindly follow me on github to know about on which project currently i am working on, i always try to upload and share mini projects on my github profile where you can also find my android development projects as well.

Oh yes, here is the github repository mentioned below:

Thank You.

Tap the 👏 button if you found this article useful!

PS: I will share my social links in next publish, thank you, keep rocking & keep coding.

--

--