To build a quality, interactive mobile app requires a comprehensive understanding of the mobile framework, namely the Ionic Framework and AngularJS. In this introductory training video, you will learn about the different technologies in the course, from Sass to Cordova and more, to help you create an impressive app.
- View Offline
- Before we get started let's talk about the different technologies that we're gonna use in this course. We're gonna be building things with a Framework called Ionic. Now a Framework is a way of organizing your programming that's gonna add some different Pre-built Functionality to your application as long as you follow certain structure and conventions. So Frameworks make it easier to develop applications as long as you do things a certain way. Now Ionic is a SDK Framework for Building Native Applications. In other words, it will output applications that will run as if they were specifically written for different mobile devices.
Now you don't have to know how to use Sass to use Ionic, but if you want to customize the look and feel of your applications you probably want to have some experience with Sass. Now like many other projects Ionic uses Gulp.js in order to manage projects, processing Sass, and handle other tasks. Now you don't really need to know how to work with Gulp.js in order to use Ionic, but it would be better if you do, so you can understand how Ionic monitors your projects. Now Ionic uses a number of other utility libraries to operate, including things like Node.js for handling installation, Git for version control, and Bower for installing some of its components.
So it's a good idea to know a little bit about these in order to feel comfortable with how Ionic works. Now let's take a look at how Ionic works its magic. The beauty of Ionic is that it provides a set of Pre-built Components that you can use to build functionality that would be tough for you to do yourself. So for example, Ionic provides a number of pre-built CSS classes that you can use to make your application look and behave like a native device. Now Ionic also creates a number of Custom Directives through AngularJS that can add mobile functionality to your application.
So Ionic is different than most Frameworks because it's an SDK that depends on a lot of other Frameworks. Although you can work with Ionic without having experience in all of them, you definitely need to know AngularJS. And to really master Ionic you need to understand how some of these technologies help Ionic create mobile applications.
- Installing the development environment on Mac or PC
- Understanding the Ionic templates and CSS components
- Adding IonicIcons to a layout
- Adding tabs, cards, and lists
- Using form elements
- Building a single view app
- Implementing Pull to Refresh
- Creating a multi-tab app
- Styling the applications
- Deploying applications