Creating hybrid mobile applications is a great way to leverage your knowledge of web languages like HTML5, CSS, and JavaScript. Modern frameworks such as AngularJS and Ionic make it easier with pre-built templates and components.
Course outline
Ionic course will consist of modules that help students/developers build single view app to multi-tab app from scratch
Note: The topics covered in this course might get slightly adjusted depending on the cumulative decision made by the candidates who have signed up for the course.
Target Audience
Candidates who aspire to learn new technology or is aspiring to learn hybrid mobile app development.
Pre-requisites
We expect candidates to have basic knowledge in using REST APIs, either through POSTMAN or a command-line interface.
-
Introduction & Set-up
IntroductionInstalling IonicSetup Environment -
Getting Started
Creating the ionic applicationServing the first applicationProject Structure -
Ionic Components
Ionic lists items etcMenusSlidesTabsCardsIconsForm elements e.g. Buttons, Checkbox, Inputs etc.Grids -
Navigation
Basic NavigationNavigating from the Root componentNavigating from an Overlay ComponentPushing a ViewRemoving a view -
Theming
IntroductionSASS -
Loaders, Modals and Popovers
LoadingModalsPopoversAlertsToasts -
Gestures Events
GesturesEvents -
Storage
Ionic StorageIonic SQLite Storage -
Ionic Native
Device InformationCameraHttpIn App BrowserAndroid permissionsFlashLight -
Deployment
Cli and Ionic lab overviewCreating build for Android & IOSRunning and emulating the application