This course is an essential for Web Developers, Professionals and Students who wish to develop Mobile Apps using the web development skills they have (HTML, CSS and JS).
At the end of this course, you will be capable enough to develop mobile apps for Android and iOS using the web development skills you already have. We will start by using basic Ionic Components. While the course, you will learn how to use Angular [dot] js to build dynamic apps that update in real time. The course will also introduce you to Parse, an amazing Platform as a Service which allows users to store their app data on the cloud and lets the developer completely focus on their app instead of worrying about the server. We will learn how to store data on Parse and then manipulate it using our Ionic Application.
Finally, we will learn to deploy Ionic applications on real Android Devices.
The aim of this course is not to cover as much Ionic components as possible but to create an Application with as minimum components as we can so that user can easily use the application. We will make a dynamic app that updates its data in real time using Parse.
We will create a Friends List Android App that contains the list of friends which can be extended by adding new friends to the list, deleting friends or updating data for existing friends. This idea can be extended to build a cloud based contacts manager app. This app will your thought process rolling and you will start thinking in terms of Ionic Framework.
And once you have started, sky is the limit.
This video explains what Ionic is and how we can leverage its functionality to develop cross-platform hybrid mobile apps.
This video explains the need to use Cordova, its functions and role in the course.
In this lecture, students will learn about the coming sections in the course and what they learn in each section.
This video will help students to understand Node.js and install it on their machines.
This video will teach students how to install Ionic and cordova which the are the soul of this course.
We will create an new Ionic Project. A "Hello World!" kind of project in Ionic and will run it.
Cloud9 is an awesome cloud development IDE. This video will help students understand how they can use C9 in their projects.
We will see what Ionic Templates are and how we can use them to get started with our apps.
Students will learn about the files and folder structure of a basic Ionic Project.
Student will learn about the ion-header-bar and styling it.
Student will learn about Subheaders and create a nice search bar in the subheader.
Student will learn about Sub-header and style it.
Create amazing looking lists with Ionic CSS Classes
In this video, we will introduce Angular.js in our Ionic Project.
In this video, we will make our app dynamic and get data from a JSON file. And then we will display that data in our frontend.
In this video, we will see how we can use Angular.js directives to filter and sort data in an Ionic List.
We will make our lists reorderable. The users will be able to touch and drag any item in the list and change their position in the list.
We will make use of features that Ionic offers to add delete buttons to our list.
In this video, you'll be introduced to Parse, a platform as a service, and we will save and retrieve data from Parse.
In this video we will proceed further by displaying the data as received from Parse, in our list.
In this video, we will implement a ionic popup to get data from the user and then update it on Parse.
In this video we will save the data back to Parse.
We will clean up the code and move the redundant code in a method.
In this video we will learn how to delete data using our Ionic Application from the Parse classes.
In this video, we will learn to create a popup which has text fields pre-populated with some information, ready to be edited.
In this video, we will learn how to create Splash Screens and Icons for our application from PSD and PNG Files.
In this final video, we will deploy our application to real devices. We will also learn where to go for more information and learning about ionic.
This is an introduction to this module. We will see what we are going to learn in this module.
In this video, we will start by implementing buttons to make calls from within the application. We will see a new angular service $window.
In this video, we will test the calling functionality we just built in our app, on a real Android device.
We will start by creating more buttons and add the email functionality almost the same way we built the calling functionality.
We will be introduced to ngCordova and we will learn how to use ngCordova in Ionic Projects. We will then install $cordovaSms plugin.
Finally we will test the SMS functionality on the device.
I have been working as a freelance application and web developer for last 3 years. I am passionate about technology and learning it. I love learning new technologies and teaching them keeps me satisfied. I love to share knowledge. Let me know if you have some knowledge that you want to share. I like to create new tools and applications that ease the tasks of a common man.