IONIC Section 4 - 4.2 Basic application building blocks

Click here for more videos available on our youtube channel !

Hello everyone and welcome to this video where I will explain the basic elements of an Ionic application. typical that can work both on the web and on a native device integrated with a native mobile application distributed via the blinds. And then again, these UI components, these Ionics components, are one of the most, if not the most, important building blocks you need in any Ionic app. Later in this course we will also learn about topics like theme and style, which basically consists of adjusting the appearance of these components, in your specific application you will have your own style, your own corporate identity that you want to show off and use, and Ionic doesn't stop you from doing that. Just because these components look pretty or cool out of the box, doesn't mean you can't name them and we'll address this later in the course in a separate theme and style module because it is so important. Now, when we build something with the Ionic app, we also have to dive into the navigation, which basically means that we want to switch between the different pages of our application. Now, a page here doesn't technically mean a new document fetched from a server, but you're usually building a so-called simple page application where frameworks like "Angular" or "Vue" have libraries like "React" or "React Router" which control the changing of pages and the rendering of the different parts of your application on the screen and in mobile applications, we also know the concept of touching something, seeing a new page, then clicking the "back" button to go back. So this navigation process, both on the web and in a native application, is also something which we will explore in this course. Now when we build a larger application there will also be a point of time when we will have to worry about state management. In fact, state management plays an important role even in small applications. Even there it is very simple, but more complex as state management becomes difficult. State management really refers to data management and information in your running application, something like if the user is currently sending a request and if it would be a state or something like a list of loaded products, that would be another form of state. And this is something that is not directly related to Ionic but rather to frameworks such as Angular and that's why we use it. Now when we leave the world of web applications and we plan to release our Ionic app as a true native app through app stores, then it will be integrated to this web view, to this true native app shell and gateway to leverage native device functionality, like a camera, is another element of the Ionics apps. Admittedly, this is not really the case with web applications, although you can access certain features of the native device and what you will also learn in this course, but especially in native applications, where you can access all the bandwidth of the native device, e.g. contact ID etc… all of this is possible and is not made possible by the Ionics component suite but by a capacitor which is also developed by the Ionic team, or alternatively by Cordova, which is not developed by them but is supported by Ionic. Finally, the CLI contains a portal you will also get for your application's workflow and publishing workflow. This is also part of Ionic. We will see all of this point by point. In this module, we are going to dive into these UI components because, as I mentioned, no matter what application you are developing, no matter its design or its complexity, or whether it is a web or mobile application or even both, you will use these components, and that is what we let's see in the next lesson. We will base ourselves on this module and will be the next subject of our video, see you soon.