Categories
Angular Ionic Tutorials

Add leaflet to Ionic Angular [Screencast]

Leaflet is a lightweight, leading solution to interactive maps. It’s open source, beautiful and quite extensible. Not to forget it’s also a mobile friendly so works best with Ionic. Why not Google Maps? Well whenever map is concerned, Google Maps comes to the mind. Apparently GMaps (for short) provides more map services than just the […]

Categories
Firebase Screencast Tutorials

Monitor Firebase Storage Upload Progress

You can up your UX game by adding things like skeleton loaders, loaders, progress bars to async operations. For example uploading files to a server might take time due to network connection or file size. We can also Monitor Firebase upload progress using @angular/fire package. And that is what we gonna do in this article. […]

Categories
Firebase Java Script Screencast Tutorials

Upload Photos to Firebase Storage with Ionic Angular [Screencast]

Firebase storage or cloud storage for Firebase makes it super easy to store your photos and videos. Firebase is Google platform known for scalability, cost effectiveness and security. It is reliable as it based on Mobile First approach. Which means it intelligently pauses and resumes the file transfer based on internet connectivity. If you are […]

Categories
Angular Java Script Tutorials

Understand Angular Directive with Example [Video]

Angular directive makes more sense when used in an example. The interesting example will make things fun to understand and follow. In our scenario we will handle the images that are failed to load. If you are more of a video person that I have also attached the video the end of the article Watch […]

Categories
Java Script Tutorials

Shuffle an Array by extending built-in objects

Imagine if you transform your data like array for most of the time. Often times for loop with other variables are used to do the job. If it’s repeated than that code is extracted to its own function. Why not we extend the built in Array method and make it simple to use. Shuffle an […]