Build An Offline JavaScript Calculator With 47 Lines of Code - PWA Tutorial

Опубликовано: 04 Октябрь 2024
на канале: Ebenezer Don
10,834
264

Learn how to build a JavaScript calculator that works offline and how to make your calculator installable. We'll be working with pure HTML, pure CSS and JavaScript to build our JS calculator.

Part 2: Make your calculator work offline:    • Make Your Web App Work Offline with J...  
ReactJS vs SolidJS: https://www.newdev.io/blog/solidjs-vs...

Link to the hosted app: https://ebenezerdon.github.io/calcula...
Link to the icons: https://github.com/ebenezerdon/calcul...
Link to the GitHub repo: https://github.com/ebenezerdon/calcul...

Follow me on LinkedIn:   / ebenezerdon  
Follow me on Twitter:   / 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 #coding