課程信息
4.7
191 ratings
46 reviews
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. At the end of this course you will be able to (a) Build mobile applications targeting multiple platforms with a single codebase, (b) Leverage your HTML5, CSS, Javascript and Angular skills, and (c) Use various features of the Ionic framework to build hybrid mobile applications...
Globe

100% 在線課程

立即開始,按照自己的計劃學習。
Calendar

可靈活調整截止日期

根據您的日程表重置截止日期。
Clock

建議:4 weeks of study, 6-8 hours/week

完成時間大約為25 小時
Comment Dots

English

字幕:English

您將獲得的技能

Ionic (Mobile App Framework)Apache CordovaAngularjsMobile Application Development
Globe

100% 在線課程

立即開始,按照自己的計劃學習。
Calendar

可靈活調整截止日期

根據您的日程表重置截止日期。
Clock

建議:4 weeks of study, 6-8 hours/week

完成時間大約為25 小時
Comment Dots

English

字幕:English

教學大綱 - 您將從這門課程中學到什麼

1

章節
Clock
完成時間為 14 小時

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....
Reading
19 個視頻(共 313 分鐘), 28 個閱讀材料, 2 個測驗
Video19 個視頻
How to Use the Learning Resources10分鐘
What is Full-Stack Web Development?6分鐘
Exercise (Video): Setting up Git6分鐘
Exercise (Video): Basic Git Commands18分鐘
Exercise (Video): Online Git Repositories12分鐘
Node.js and NPM3分鐘
Exercise (Video): Setting up Node.js and NPM2分鐘
Exercise (Video): Basics of Node.js and NPM23分鐘
Hybrid Mobile App Development24分鐘
Introduction to the Ionic Framework7分鐘
Exercise (Video): Setting up the Ionic Framework9分鐘
Exercise (Video): Setting up a Server using json-server6分鐘
Ionic and Angular21分鐘
Exercise (Video): Getting Started with your Ionic App23分鐘
Exercise (Video): Ionic and Angular56分鐘
Ionic Navigation19分鐘
Exercise (Video): Ionic Navigation42分鐘
Assignment 1 Requirements (Video): Introduction to Ionic Framework5分鐘
Reading28 個閱讀材料
Welcome to Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova: Additional Resources10分鐘
Full Stack Web Development: The Big Picture: Objectives and Outcomes10分鐘
Full Stack Web Development: Additional Resources10分鐘
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10分鐘
Setting up your Development Environment10分鐘
Exercise (Instructions): Setting up Git10分鐘
Exercise (Instructions): Basic Git Commands10分鐘
Exercise (Instructions): Online Git Repositories10分鐘
Exercise (Instructions): Setting up Node.js and NPM10分鐘
Exercise (Instructions): Basics of Node.js and NPM10分鐘
Setting up your Development Environment: Git and Node: Additional Resources10分鐘
Hybrid Mobile App Development: An Overview: Objectives and Outcomes10分鐘
Exercise (Instructions): Setting up the Ionic Framework10分鐘
Hybrid Mobile App Development: An Overview: Additional Resources10分鐘
Setting up a Simple Server: Objectives and Outcomes10分鐘
Exercise (Instructions): Setting up a Server using json-server10分鐘
Setting up a Simple Server: Additional Resources10分鐘
Ionic and Angular: Objectives and Outcomes10分鐘
Exercise (Instructions): Getting Started with your Ionic App10分鐘
Exercise (Instructions): Ionic and Angular10分鐘
Ionic and Angular: Additional Resources10分鐘
Ionic Navigation: Objectives and Outcomes10分鐘
Exercise (Instructions): Ionic Navigation10分鐘
Ionic Navigation: Additional Resources10分鐘
Assignment 1: Introduction to Ionic Framework: Additional Resources10分鐘
Ideation: Objectives and Outcomes10分鐘
Ideation Report Template10分鐘
Ideation: Additional Resources10分鐘

2

章節
Clock
完成時間為 10 小時

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....
Reading
11 個視頻(共 153 分鐘), 18 個閱讀材料, 2 個測驗
Video11 個視頻
Exercise (Video): Floating Action Button13分鐘
Exercise (Video): FAB and Favorites13分鐘
Ionic Lists: Advanced Features4分鐘
Exercise (Video): Ionic Lists: Advanced Features37分鐘
Ionic Forms and Modals12分鐘
Exercise (Video): Modal13分鐘
Exercise (Video): Forms16分鐘
Alerts, Toasts, Popovers, ActionSheets and Loading6分鐘
Exercise (Video): Alerts, Toasts and Loading19分鐘
Assignment 2: Ionic Components9分鐘
Reading18 個閱讀材料
Floating Action Buttons: Objectives and Outcomes10分鐘
Exercise (Instructions): Floating Action Button10分鐘
Exercise (Instructions): FAB and Favorites10分鐘
Floating Action Buttons: Additional Resources10分鐘
Ionic Lists: Advanced Features: Objectives and Outcomes10分鐘
Exercise (Instructions): Ionic Lists: Advanced Features10分鐘
Ionic Lists: Advanced Features: Additional Resources10分鐘
Ionic Forms and Modals: Objectives and Outcomes10分鐘
Exercise (Instructions): Modal10分鐘
Exercise (Instructions): Forms10分鐘
Ionic Forms and Modals: Additional Resources10分鐘
Alerts, Popovers, ActionSheets, Loading and Gestures: Objectives and Outcomes10分鐘
Exercise (Instructions): Alerts, Toasts and Loading10分鐘
Alerts, Popovers, ActionSheets, Loading and Gestures: Additional Resources10分鐘
Assignment 2: Ionic Components: Additional Resources10分鐘
UI Design and Prototyping: Objectives and Outcomes10分鐘
UI Design and Prototyping Report Template10分鐘
UI Design and Prototyping: Additional Resources10分鐘

3

章節
Clock
完成時間為 7 小時

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....
Reading
11 個視頻(共 127 分鐘), 16 個閱讀材料, 1 個測驗
Video11 個視頻
Exercise (Video): Ionic Split Pane13分鐘
Exercise (Video): Ionic Grid9分鐘
Ionic Storage6分鐘
Exercise (Video): Ionic Storage27分鐘
Installing Android Studio and Android SDK13分鐘
Installing Xcode on Mac and iOS SDK4分鐘
Introduction to Cordova12分鐘
Exercise (Video): Building and Deploying to Android Emulator10分鐘
Exercise (Video): Building and Deploying to iOS Emulator4分鐘
Assignment 3 Requirements: Grid and Storage4分鐘
Reading16 個閱讀材料
Adapting to Large Screens: Objectives and Outcomes10分鐘
Exercise (Instructions): Ionic Split Pane10分鐘
Exercise (Instructions): Ionic Grid10分鐘
Adapting to Large Screens: Additional Resources10分鐘
Ionic Storage: Objectives and Outcomes10分鐘
Exercise (Instructions): Ionic Storage10分鐘
Ionic Storage: Additional Resources10分鐘
Installing Android and iOS SDK and Platforms: Objectives and Outcomes10分鐘
Installing Android Studio and Android SDK: Ionic and Cordova Guides10分鐘
Installing Xcode on Mac and iOS SDK: Ionic and Cordova Guides10分鐘
Installing Android and iOS SDK and Platforms: Additional Resources10分鐘
Ionic Adding Platforms, Building and Deploying the App: Objectives and Outcomes10分鐘
Exercise (Instructions): Building and Deploying to Android Emulator and Android Device10分鐘
Exercise (Instructions): Building and Deploying to iOS Emulator10分鐘
Ionic Adding Platforms, Building and Deploying the App: Additional Resources10分鐘
Assignment 3: Grid and Storage: Additional Resources10分鐘

4

章節
Clock
完成時間為 10 小時

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...
Reading
13 個視頻(共 143 分鐘), 20 個閱讀材料, 2 個測驗
Video13 個視頻
Exercise (Video): Customizing the SplashScreen16分鐘
Notifying the User3分鐘
Exercise (Video): Notifying the User10分鐘
Social Sharing8分鐘
Exercise (Video): Sending Email9分鐘
Exercise (Video): Social Sharing11分鐘
Using the Camera7分鐘
Exercise (Video): Using the Camera39分鐘
Network Status6分鐘
Exercise (Video): Network Status13分鐘
Assignment 4 (Requirements): Ionic Native and Cordova4分鐘
Conclusions3分鐘
Reading20 個閱讀材料
Introduction to Ionic Native: Objectives and Outcomes10分鐘
Exercise (Instructions): Customizing the SplashScreen10分鐘
Introduction to Ionic Native: Additional Resources10分鐘
Notifying the User: Objectives and Outcomes10分鐘
Exercise (Instructions): Notifying the User10分鐘
Notifying the User: Additional Resources10分鐘
Social Sharing: Objectives and Outcomes10分鐘
Exercise (Instructions): Sending Email10分鐘
Exercise (Instructions): Social Sharing10分鐘
Social Sharing: Additional Resources10分鐘
Using the Camera: Objectives and Outcomes10分鐘
Exercise (Instructions): Using the Camera10分鐘
Using the Camera: Additional Resources10分鐘
Network Status: Objectives and Outcomes10分鐘
Exercise (Instructions): Network Status10分鐘
Network Status: Additional Resources10分鐘
Assignment 4: Ionic Native and Cordova: Additional Resources10分鐘
Conclusions: Additional Resources10分鐘
Project Implementation: Objectives and Outcomes10分鐘
Final Report Template10分鐘
4.7
Briefcase

83%

通過此課程獲得實實在在的工作福利

熱門審閱

創建者 GQMay 31st 2018

Another great course! Enjoyed how it builds upon the previous Angular course to show you how to create a multiplatform mobile app!

創建者 EUMar 11th 2018

Great course by a great teacher, I love it. Went learning just make sure to get the correct package version.

講師

Jogesh K. Muppala

Associate Professor
Department of Computer Science and Engineering

關於 The Hong Kong University of Science and Technology

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....

關於 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. The first two courses in this Specialization cover front-end frameworks: Bootstrap 4 and Angular. You’ll also learn to create hybrid mobile applications, using the Ionic framework, Cordova and NativeScript. On the server side, you’ll learn to implement NoSQL databases using MongoDB, work within a Node.js environment and Express framework, and communicate to the client side through a RESTful API. Learners enrolling in this Specialization are expected to have prior working knowledge of HTML, CSS and JavaScript. Ideally learners should complete the courses in the specified sequence. It is strongly recommended that the Angular course be completed before proceeding with the Ionic and Cordova and/or the NativeScript course....
Full Stack Web and Multiplatform Mobile App Development

常見問題

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

還有其他問題嗎?請訪問 學生幫助中心