This course focuses on developing multiplatform mobile applications using the Web technologies (HTML5, CSS and Javascript). In particular we make use of the Cordova hybrid application framework to develop and target multiple mobile platforms with a single codebase. We make use of the Ionic framework (Ionic Ver 3.x), one of the most popular mobile application frameworks, that is built with mobile-optimized HTML5 and CSS based components and Angular. You will learn about UI development with Ionic and then using Cordova's modules to access the native mobile platform's capabilities from Javascript. You should have already completed the Bootstrap 4 and the Angular courses in this specialization before proceeding with this course.
Ce cours fait partie de la Spécialisation Full Stack Web and Multiplatform Mobile App Development
Offert par
Spécialisation Full Stack Web and Multiplatform Mobile App DevelopmentUniversité des sciences et technologies de Hong KongÀ propos de ce cours
20,013 consultations récentes
Résultats de carrière des étudiants
38%
ont commencé une nouvelle carrière après avoir terminé ce cours
33%
ont bénéficié d'un avantage concret dans leur carrières grâce à ce cours
18%
a obtenu une augmentation de salaire ou une promotion
Certificat partageable
Obtenez un Certificat lorsque vous terminez
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 3 sur 5 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Approx. 33 heures pour terminer
Anglais
Sous-titres : Arabe, Français, Portugais (européen), Chinois (simplifié), Italien, Vietnamien, Coréen, Allemand, Russe, Turc, Anglais, Espagnol
Compétences que vous acquerrez
Ionic (Mobile App Framework)Apache CordovaAngularjsMobile Application Development
Résultats de carrière des étudiants
38%
ont commencé une nouvelle carrière après avoir terminé ce cours
33%
ont bénéficié d'un avantage concret dans leur carrières grâce à ce cours
18%
a obtenu une augmentation de salaire ou une promotion
Certificat partageable
Obtenez un Certificat lorsque vous terminez
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 3 sur 5 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Approx. 33 heures pour terminer
Anglais
Sous-titres : Arabe, Français, Portugais (européen), Chinois (simplifié), Italien, Vietnamien, Coréen, Allemand, Russe, Turc, Anglais, Espagnol
Offert par
Université des sciences et technologies de Hong Kong
HKUST - A dynamic, international research university, in relentless pursuit of excellence, leading the advance of science and technology, and educating the new generation of front-runners for Asia and the world.
Programme du cours : ce que vous apprendrez dans ce cours
12 heures pour terminer
Hybrid Mobile App Development Frameworks: An Introduction
This module introduces you to hybrid mobile application development. You will learn about the Ionic framework and explore some of the features of the Ionic framework to implement an Ionic app based on the Angular application that was implemented in the previous course on Angular.
12 heures pour terminer
19 vidéos (Total 313 min), 28 lectures, 2 quiz
19 vidéos
How to Use the Learning Resources10 min
What is Full-Stack Web Development?6 min
Exercise (Video): Setting up Git6 min
Exercise (Video): Basic Git Commands18 min
Exercise (Video): Online Git Repositories12 min
Node.js and NPM3 min
Exercise (Video): Setting up Node.js and NPM2 min
Exercise (Video): Basics of Node.js and NPM23 min
Hybrid Mobile App Development24 min
Introduction to the Ionic Framework7 min
Exercise (Video): Setting up the Ionic Framework9 min
Exercise (Video): Setting up a Server using json-server6 min
Ionic and Angular21 min
Exercise (Video): Getting Started with your Ionic App23 min
Exercise (Video): Ionic and Angular56 min
Ionic Navigation19 min
Exercise (Video): Ionic Navigation42 min
Assignment 1 Requirements (Video): Introduction to Ionic Framework5 min
28 lectures
Welcome to Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova: Additional Resources10 min
Full Stack Web Development: The Big Picture: Objectives and Outcomes10 min
Full Stack Web Development: Additional Resources10 min
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10 min
Setting up your Development Environment10 min
Exercise (Instructions): Setting up Git10 min
Exercise (Instructions): Basic Git Commands10 min
Exercise (Instructions): Online Git Repositories10 min
Exercise (Instructions): Setting up Node.js and NPM10 min
Exercise (Instructions): Basics of Node.js and NPM10 min
Setting up your Development Environment: Git and Node: Additional Resources10 min
Hybrid Mobile App Development: An Overview: Objectives and Outcomes10 min
Exercise (Instructions): Setting up the Ionic Framework10 min
Hybrid Mobile App Development: An Overview: Additional Resources10 min
Setting up a Simple Server: Objectives and Outcomes10 min
Exercise (Instructions): Setting up a Server using json-server10 min
Setting up a Simple Server: Additional Resources10 min
Ionic and Angular: Objectives and Outcomes10 min
Exercise (Instructions): Getting Started with your Ionic App10 min
Exercise (Instructions): Ionic and Angular10 min
Ionic and Angular: Additional Resources10 min
Ionic Navigation: Objectives and Outcomes10 min
Exercise (Instructions): Ionic Navigation10 min
Ionic Navigation: Additional Resources10 min
Assignment 1: Introduction to Ionic Framework: Additional Resources10 min
Ideation: Objectives and Outcomes10 min
Ideation Report Template10 min
Ideation: Additional Resources10 min
8 heures pour terminer
Ionic Components
This module explores the Ionic support for forms. Advanced features of Ionic lists are discussed. In addition all the different methods of overlaying information on the screen like modals, popups, popovers, action sheets, and loading are examined. Ionic support for gestures is also briefly considered.
8 heures pour terminer
11 vidéos (Total 153 min), 18 lectures, 2 quiz
11 vidéos
Exercise (Video): Floating Action Button13 min
Exercise (Video): FAB and Favorites13 min
Ionic Lists: Advanced Features4 min
Exercise (Video): Ionic Lists: Advanced Features37 min
Ionic Forms and Modals12 min
Exercise (Video): Modal13 min
Exercise (Video): Forms16 min
Alerts, Toasts, Popovers, ActionSheets and Loading6 min
Exercise (Video): Alerts, Toasts and Loading19 min
Assignment 2: Ionic Components9 min
18 lectures
Floating Action Buttons: Objectives and Outcomes10 min
Exercise (Instructions): Floating Action Button10 min
Exercise (Instructions): FAB and Favorites10 min
Floating Action Buttons: Additional Resources10 min
Ionic Lists: Advanced Features: Objectives and Outcomes10 min
Exercise (Instructions): Ionic Lists: Advanced Features10 min
Ionic Lists: Advanced Features: Additional Resources10 min
Ionic Forms and Modals: Objectives and Outcomes10 min
Exercise (Instructions): Modal10 min
Exercise (Instructions): Forms10 min
Ionic Forms and Modals: Additional Resources10 min
Alerts, Popovers, ActionSheets, Loading and Gestures: Objectives and Outcomes10 min
Exercise (Instructions): Alerts, Toasts and Loading10 min
Alerts, Popovers, ActionSheets, Loading and Gestures: Additional Resources10 min
Assignment 2: Ionic Components: Additional Resources10 min
UI Design and Prototyping: Objectives and Outcomes10 min
UI Design and Prototyping Report Template10 min
UI Design and Prototyping: Additional Resources10 min
6 heures pour terminer
Ionic Split Pane, Grid and Storage, and Deploying your App
In this module you will learn about using local storage within your app. You will then learn about configuring your machine for building your app for various platforms, and deploying your app to emulators and devices.
6 heures pour terminer
11 vidéos (Total 127 min), 16 lectures, 1 quiz
11 vidéos
Exercise (Video): Ionic Split Pane13 min
Exercise (Video): Ionic Grid9 min
Ionic Storage6 min
Exercise (Video): Ionic Storage27 min
Installing Android Studio and Android SDK13 min
Installing Xcode on Mac and iOS SDK4 min
Introduction to Cordova12 min
Exercise (Video): Building and Deploying to Android Emulator10 min
Exercise (Video): Building and Deploying to iOS Emulator4 min
Assignment 3 Requirements: Grid and Storage4 min
16 lectures
Adapting to Large Screens: Objectives and Outcomes10 min
Exercise (Instructions): Ionic Split Pane10 min
Exercise (Instructions): Ionic Grid10 min
Adapting to Large Screens: Additional Resources10 min
Ionic Storage: Objectives and Outcomes10 min
Exercise (Instructions): Ionic Storage10 min
Ionic Storage: Additional Resources10 min
Installing Android and iOS SDK and Platforms: Objectives and Outcomes10 min
Installing Android Studio and Android SDK: Ionic and Cordova Guides10 min
Installing Xcode on Mac and iOS SDK: Ionic and Cordova Guides10 min
Installing Android and iOS SDK and Platforms: Additional Resources10 min
Ionic Adding Platforms, Building and Deploying the App: Objectives and Outcomes10 min
Exercise (Instructions): Building and Deploying to Android Emulator and Android Device10 min
Exercise (Instructions): Building and Deploying to iOS Emulator10 min
Ionic Adding Platforms, Building and Deploying the App: Additional Resources10 min
Assignment 3: Grid and Storage: Additional Resources10 min
8 heures pour terminer
Accessing Native Capabilities of Devices: Cordova and Ionic Native
In this module you will explore Cordova and the Ionic Native wrappers that enable you to access the native capabilities of the mobile devices. You will use a few plugins in order to understand the general concepts and the patterns for using these plugins within your Ionic application
8 heures pour terminer
13 vidéos (Total 143 min), 20 lectures, 2 quiz
13 vidéos
Exercise (Video): Customizing the SplashScreen16 min
Notifying the User3 min
Exercise (Video): Notifying the User10 min
Social Sharing8 min
Exercise (Video): Sending Email9 min
Exercise (Video): Social Sharing11 min
Using the Camera7 min
Exercise (Video): Using the Camera39 min
Network Status6 min
Exercise (Video): Network Status13 min
Assignment 4 (Requirements): Ionic Native and Cordova4 min
Conclusions3 min
20 lectures
Introduction to Ionic Native: Objectives and Outcomes10 min
Exercise (Instructions): Customizing the SplashScreen10 min
Introduction to Ionic Native: Additional Resources10 min
Notifying the User: Objectives and Outcomes10 min
Exercise (Instructions): Notifying the User10 min
Notifying the User: Additional Resources10 min
Social Sharing: Objectives and Outcomes10 min
Exercise (Instructions): Sending Email10 min
Exercise (Instructions): Social Sharing10 min
Social Sharing: Additional Resources10 min
Using the Camera: Objectives and Outcomes10 min
Exercise (Instructions): Using the Camera10 min
Using the Camera: Additional Resources10 min
Network Status: Objectives and Outcomes10 min
Exercise (Instructions): Network Status10 min
Network Status: Additional Resources10 min
Assignment 4: Ionic Native and Cordova: Additional Resources10 min
Conclusions: Additional Resources10 min
Project Implementation: Objectives and Outcomes10 min
Final Report Template10 min
Avis
Meilleurs avis pour MULTIPLATFORM MOBILE APP DEVELOPMENT WITH WEB TECHNOLOGIES: IONIC AND CORDOVA
par VM20 mai 2018
Content of course is informative and flow is well maintained. Only pain point has been the peer review process. Thanks to support team for answering my queries on assignment review!
par PP26 oct. 2020
Enjoyed learning and included all details as required by course. If require content can be updated as per ionic latest v5.4 as of now.
par GQ30 mai 2018
Another great course! Enjoyed how it builds upon the previous Angular course to show you how to create a multiplatform mobile app!
par SH27 oct. 2019
Ionic has new updated framework which has new methodology. It would be nice if course can be updated to cover new version
À propos du Spécialisation Full Stack Web and Multiplatform Mobile App Development
Learn front-end and hybrid mobile development, with server-side support, for implementing a multi-platform solution.
Foire Aux Questions
Quand aurai-je accès aux vidéos de cours et aux devoirs ?
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Is financial aid available?
D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.
