Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aershov24/ionic-interview-questions

🔴 Ionic Interview Questions and Answers for your next Mobile Developer Interview
https://github.com/aershov24/ionic-interview-questions

interview-practice interview-preparation interview-questions interview-test ionic ionic-framework ionic4

Last synced: 25 days ago
JSON representation

🔴 Ionic Interview Questions and Answers for your next Mobile Developer Interview

Host: GitHub
URL: https://github.com/aershov24/ionic-interview-questions
Owner: aershov24
Created: 2020-01-21T07:45:24.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2020-01-24T03:41:48.000Z (about 5 years ago)
Last Synced: 2024-11-18T06:59:16.202Z (3 months ago)
Topics: interview-practice, interview-preparation, interview-questions, interview-test, ionic, ionic-framework, ionic4
Homepage: https://www.fullstack.cafe/Ionic
Size: 8.79 KB
Stars: 0
Watchers: 3
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Ionic Interview Questions and Answers

Arguably, Ionic is one of the most popular frameworks available. According to the stats, there are 5M Ionic devs in over 200 countries worldwide. Over 75 percent of them build apps for commercial use. Diesel and McDonald’s built their apps with Ionic.

> You could also find all the answers here 👉 https://www.fullstack.cafe/Ionic.

## Q1: What is Ionic Framework? ⭐

**Answer:**

**Ionic Framework** is an open source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript). Ionic Framework is focused on the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). Currently, Ionic Framework has official integrations with Angular and React, and support for Vue is in development.

🔗 **Source:** [ionicframework.com](https://ionicframework.com/docs/intro)

## Q2: What is hybrid app development? ⭐⭐

**Answer:**

**Hybrid apps** are developed using web technologies like HTML, CSS and Javascript, and then wrapped in a native application using platforms like Cordova. The apps are shown in its own embedded browser, like UIWebView in iOS and WebView in Android (not Safari or Chrome). This allows you to use any web-native framework for mobile app development.

🔗 **Source:** [netguru.com](https://www.netguru.com/blog/why-you-should-migrate-your-app-from-ionic-cordova-or-phonegap-to-react-native)

## Q3: How do you pass data from one view to another in Ionic applications? ⭐⭐

**Answer:**

Ionic v.1 uses AngularJS and UI-router. It means you can use Angular services or UI-router’s state `resolve` to pass data from one view to another. Since Angular services are singletons, data stored in services can be accessed across other Angular controllers.

As mentioned, UI-router provides a `resolve` configuration. For example:
```js
$stateProvider
.state('todos', {
url: '/todos',
controller: 'TodosCtrl',
templateUrl: 'todos.html',
resolve: {
todos: function(TodosService) {
return TodosService.getTodos()
}
}
})
```

One advantage of `resolve` over stateful services is better testing: as `resolve` injects dependencies in the controller, it is easy to test them.

When using Ionic v.4 you have 3 options:
1. Using Query Params (bad)
2. Service and Resolve Function (legit)
3. Using Router Extras State (new since Angular 7.2)

```js
openDetailsWithState() {
let navigationExtras: NavigationExtras = {
state: {
user: this.user
}
};
this.router.navigate(['details'], navigationExtras);
}
```

🔗 **Source:** [toptal.com](https://www.toptal.com/ionic/interview-questions)

## Q4: How can you test Ionic applications? ⭐⭐

**Answer:**

Ionic v.1 applications are built using AngularJS. Angular has a rich set of test libraries and frameworks such as Jasmine and Karma test runner. These frameworks can be used to write unit tests for Ionic applications. Also, `ionic-CLI` provides `live reload` feature so the application can be tested in the browser. For example, the `ionic serve` command can be used to load the application in any browser. Thus, we can use Chrome Developer Tools or Mozilla Firefox with Firebug to debug and inspect Ionic applications.

🔗 **Source:** [toptal.com](https://www.toptal.com/ionic/interview-questions)

## Q5: Can we work with Ionic > 1 and AngularJS? ⭐⭐

**Answer:**

Unfortunately, **no**. Ionic (1) at a very high-level is essentially just a wrapper & directive/component library for AngularJS (1). In that same regard, Ionic 2 is built in the same way, utilizing all the benefits of Angular 2+.

Ionic 2 breaks away from being tied to the DOM in the browser, by using angular 2 which is the reason for the massive change between ionic 1.x and ionic 2.x. ( Angular 2.x architecture is not tied down to the DOM unlike the Angular 1.x ).

🔗 **Source:** [toptal.com](https://www.toptal.com/ionic/interview-questions)

## Q6: What is the difference between Cordova and Ionic? ⭐⭐⭐