Building a calculator can be a challenging task for developers of any skill level. In this video, I will teach you how to build a calculator with JavaScript (JS) and how to make your calculator installable, and work offline. We'll be working with pure HTML, CSS and JavaScript.
Make your calculator work offline: https://youtu.be/h1EhsJNVpxY
Link to the hosted app: https://ebenezerdon.github.io/calculator-app
Link to the icons: https://github.com/ebenezerdon/calculator-app/tree/master2/assets
Link to the GitHub repo: https://github.com/ebenezerdon/calculator-app
Follow me on LinkedIn: https://linkedin.com/in/ebenezerdon
Follow me on Twitter: https://twitter.com/ebenezerDN
Follow me on GitHub: https://github.com/ebenezerdon
Outline:
00:00:00 - Introduction
00:00:42 - What we're building
00:01:55 - Setting up our app
00:05:02 - Structuring our app with HTML code
00:07:20 - Styling our calculator with CSS code
00:18:23 - Displaying value on our calculator screen with JavaScript
00:29:40 - Creating the calculate function
00:34:38 - Using the calculate function
00:38:52 - Homework
00:44:16 - Making our calculator work offline - PWA tutorial
#webdevelopment #programming #pwa #softwaredevelopment #javascript