Angular

Beginner’s Guide to Ionic Angular Unit Testing (Part 2) – Mocks and Spies In our first part of this series, we saw how to set up the basic testing environment and got familiar with some of the terminologies for Unit Testing in the Angular world. Now you should be able to know – Karma, Jasmine tests, TestBed, Unit Testing: Mocks & Stubs etc. In this part, we will move further and add some more functionality to our app with the help of Angular Services(Testing services). As service dependencies will be injected into the components they will increase the complexity of our tests. Let’s jump ahead to the coding part. ...

Implement Anonymous login in Ionic Apps with Firebase In this post, you will learn how to implement Anonymous authentication in Ionic 5 apps using Firebase 🔥. We will also learn how to link an existing anonymous login with a new set of email password, so an anonymous user can convert into a normal user. We will implement these in a simple Ionic 5 app and test. ...

Firebase email authentication in Ionic 5 In this post, you will learn how to implement Email authentication in Ionic 5 apps using Firebase 🔥. We’ll go through all the basic stuff like login, register, recover password, logout, update profile, update email and reset password. These are the essentials for any Ionic 5 app you are creating. We will be doing all this in ionic serve i.e. browser itself. That means you can use these features in both apps and PWA (👻 awesome, right ? ) ...

How to use RTL (right-to-left) in Ionic 5 RTL is a very specific feature desired by people whose language is written from right to left. In this post you’ll learn how to implement RTL in Ionic 5. I will also show how various Ionic components look in an RTL layout. **All the layouts used in this blogpost can be found in **Ionic 5 Full app starter ...

Beginner’s Guide to Ionic Angular Unit Testing (Part 1) Angular is one of our favorite frameworks to work with – it might be complex to learn at first, but – it is a complete framework for front-end web development. As the framework is maturing by each version – it has become a reliable choice of any Long Term maintenance project. However, one can’t rely on software unless there is an assurance of code running properly every time you use it (or change it). That is why there is Testing – which automates the work of checking each aspect of code after every change. There are various ways of testing the code in Angular also - ...

Facebook login in Ionic 5 apps using Firebase In this post, you will learn how to implement Facebook authentication in Ionic 5 apps using Firebase 🔥. We’ll cook a sample app 👨‍🍳 , where users can login using their Facebook account. After login, users can see their basic profile information on the home page, and sessions are saved in Firebase. On repeat app start, users can auto-login using Firebase session. ...

How to add Image Cropper in ionic 5 app This is Part-2 of two post series. In this post, you will learn how to implement an Image Cropper in Ionic 5 apps 🔥. Part 1 of the series discusses how to use Image picker in Ionic 5 app. We will create a sample app, where users can pick an image from either camera or gallery. After picking, user can see and crop their image as well. ...

Camera and Image picker in Ionic 5 app Summary This is Part-1 of two post series. In this post, you will learn how to pick images using Camera and Image picker in Ionic 5 app. Part 2 of the series discusses how to Crop those images in Ionic 5 app We will create a sample app, where users can pick an image from their gallery or camera. After picking, the user can crop the image. ...

Implement Google login in Ionic 5 apps using Firebase In this post, you will learn about ionic firebase authentication and how to implement a Google authentication in Ionic 5 apps using Firebase 🔥. We’ll cook a sample app 👨‍🍳 , where users can login using their Google account. After login, users can see their basic profile information on the home page, and sessions are saved in Firebase. ...

Github Actions: Deploying Ionic Angular App to Firebase Hosting Github Actions is Github’s way of CI/CD GitHub Actions now supports CI/CD, free for public repositories. CI or Continuous Integration is a mechanism to automate the process of merging new code into an existing code base, – and to test things before doing this merge. This means as a developer you don’t have to worry about – are things still working? Use Continuous Integration to automatically build and test your code as you push it to GitHub, preventing bugs from being deployed to production. That’s all about continuous integration here. ...