關於此課程：This course focuses on developing truly cross-platform, native iOS and Android apps using React Native (Ver 0.55) and the Expo SDK (Ver. 27.0.0). React Native uses modern JavaScript to get truly native UI and performance while sharing skills and code with the web. You will learn about UI development with React Native UI and layout support and access the native mobile platform's capabilities from Javascript using the Expo SDK. You should have already completed the Bootstrap 4 and the React 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 React and Javascript skills, (c) Use various features of React Native and the Expo SDK to build truly cross-platform mobile applications, and (d) Use Redux to design the architecture for a React-Redux application
此課程適用人群：This course is aimed at students with sufficient knowledge of Web technologies like HTML, CSS and JavaScript. A good working knowledge of JavaScript, especially ES 5 and the React library is strongly recommended.
製作方： 香港科技大学
教學方： Jogesh K. Muppala, Associate Professor
Department of Computer Science and Engineering
| 基本信息 | 課程 3（共 4 門，Full-Stack Web Development with React Specialization ） |
| 級別 | 中級 |
| 承諾學習時間 | 4 weeks of study, 6-8 hours/week |
| 語言 | English |
| 如何通過 | 通過所有計分作業以完成課程。 |
| 用戶評分 |
授課大綱
第 1 週
Multiplatform Mobile App Development with React Native: An Introduction
This module introduces you to hybrid mobile application development. You will learn about React Native and explore some of the features of React Native to implement a mobile app based on the React application that was implemented in the previous course on React.
21 個視頻, 27 個閱讀材料
- 視頻: How to Use the Learning Resources
- Lecture: Welcome to Multiplatform Mobile App Development with React Native: Additional Resources
- Lecture: Full Stack Web Development: The Big Picture: Objectives and Outcomes
- 視頻: What is Full-Stack Web Development?
- Lecture: Full Stack Web Development: Additional Resources
- Lecture: Setting up Your Development Environment: Git and Node: Objectives and Outcomes
- Lecture: Setting up your Development Environment
- 視頻: Exercise (Video): Setting up Git
- Lecture: Exercise (Instructions): Setting up Git
- 視頻: Exercise (Video): Basic Git Commands
- Lecture: Exercise (Instructions): Basic Git Commands
- 視頻: Exercise (Video): Online Git Repositories
- Lecture: Exercise (Instructions): Online Git Repositories
- 視頻: Node.js and NPM
- 視頻: Exercise (Video): Setting up Node.js and NPM
- Lecture: Exercise (Instructions): Setting up Node.js and NPM
- 視頻: Exercise (Video): Basics of Node.js and NPM
- Lecture: Exercise (Instructions): Basics of Node.js and NPM
- Lecture: Setting up your Development Environment: Git and Node: Additional Resources
- Lecture: Introduction to React Native: Objectives and Outcomes
- 視頻: Hybrid Mobile App Development
- 視頻: Introduction to React Native
- 視頻: Exercise (Video): Getting Started with React Native
- Lecture: Exercise (Instructions): Getting Started with React Native
- 視頻: React Native App Overview
- Lecture: Introduction to React Native: Additional Resources
- Lecture: React Native Components: Objectives and Outcomes
- 視頻: React Native Components
- 視頻: Exercise (Video): React Native Components Part 1
- Lecture: Exercise (Instructions): React Native Components Part 1
- 視頻: Exercise (Video): React Native Components Part 2
- Lecture: Exercise (Instructions): React Native Components Part 2
- Lecture: React Native Components: Additional Resources
- Lecture: React Native Navigation: Objectives and Outcomes
- 視頻: React Native Navigation
- 視頻: Exercise (Video): React Native Navigation Part 1
- Lecture: Exercise (Instructions): React Native Navigation Part 1
- 視頻: Exercise (Video): React Native Navigation Part 2
- Lecture: Exercise (Instructions): React Native Navigation Part 2
- 視頻: Exercise (Video): React Native Navigation Part 3
- Lecture: Exercise (Instructions): React Native Navigation Part 3
- Lecture: React Native Navigation: Additional Resources
- 視頻: Assignment 1 Requirements: React Native Components and Navigation
- Lecture: Assignment 1: React Native Components and Navigation: Additional Resources
- Lecture: Ideation: Objectives and Outcomes
- Lecture: Ideation Report Template
- Lecture: Ideation: Additional Resources
已評分: React Native Components and Navigation
已評分: Ideation
第 2 週
React Native UI Elements and Redux
This module introduces you to various React Native UI elements. We will look at how we can make use of these elements in designing the various views of our application. You will get an overview of the Flux architecture and introduced to Redux as a way of realizing the Flux architecture
13 個視頻, 21 個閱讀材料
- Lecture: Icon Fonts and Buttons: Objectives and Outcomes
- 視頻: Exercise (Video): Buttons and Icons
- Lecture: Exercise (Instructions): Buttons and Icons
- Lecture: Icon Fonts and Buttons: Additional Resources
- Lecture: Setting up a Simple Server: Objectives and Outcomes
- 視頻: Exercise (Video): Setting up a Server using json-server
- Lecture: Exercise (Instructions): Setting up a Server using json-server
- Lecture: Setting up a Simple Server: Additional Resources
- Lecture: Introduction to Redux for React Native: Objectives and Outcomes
- 視頻: Redux: A Quick Overview
- 視頻: Exercise (Video): Setting up Redux
- Lecture: Exercise (Instructions): Setting up Redux
- 視頻: Exercise (Video): Using Redux in your React Native App
- Lecture: Exercise (Instructions): Using Redux in your React Native App
- 視頻: Exercise (Video): Debugging
- Lecture: Exercise (Instructio): Debugging
- 視頻: Exercise (Video): Activity Indicator
- Lecture: Exercise (Instructions): Activity Indicator
- 視頻: Exercise (Video): Redux Adding Favorites
- Lecture: Exercise (Instructions): Redux Adding Favorites
- Lecture: Introduction to Redux for React Native: Additional Resources
- Lecture: Forms and Modals: Objectives and Outcomes
- 視頻: Forms and Modals
- 視頻: Exercise (Video): Forms
- Lecture: Exercise (Instructions): Forms
- 視頻: Exercise (Video): Modals
- Lecture: Exercise (Instructions): Modals
- Lecture: Forms and Modals: Additional Resources
- 視頻: Assignment 2 Requirements: React Native UI Elements and Redux
- Lecture: Assignment 2: React Native UI Elements and Redux: Additional Resources
- Lecture: UI Design and Prototyping: Objectives and Outcomes
- Lecture: UI Design and Prototyping Report Template
- Lecture: UI Design and Prototyping: Additional Resources
已評分: React Native UI Elements and Redux
已評分: UI Design and Prototyping
第 3 週
React Native Alerts, Animations, Gestures, and Persist Redux Store
In this module we look at enhancing the user experience through the use of animations and support for gesture-based interaction. We also look at persisting the redux state, and alerting the users
13 個視頻, 17 個閱讀材料
- Lecture: Swipe Option Buttons and Alerts: Objectives and Outcomes
- 視頻: Exercise (Video): Favorites
- Lecture: Exercise (Instructions): Favorites
- 視頻: Exercise (Video): Swipeout and Deleting Favorites
- Lecture: Exercise (Instructions): Swipeout and Deleting Favorites
- 視頻: Exercise (Video): Alert
- Lecture: Exercise (Instructions): Alert
- Lecture: Swipe Option Buttons and Alerts: Additional Resources
- Lecture: Animations: Objectives and Outcomes
- 視頻: Animations
- 視頻: Exercise (Video): Animations
- Lecture: Exercise (Instructions): Animations
- 視頻: Exercise (Video): Animatable
- Lecture: Exercise (Instructions): Animatable
- Lecture: Animations: Additional Resources
- Lecture: Gestures: Objectives and Outcomes
- 視頻: Gestures
- 視頻: Exercise (Video): Gestures Part 1
- Lecture: Exercise (Instructions): Gestures Part 1
- 視頻: Exercise (Video): Gestures Part 2
- Lecture: Exercise (Instructions): Gestures Part 2
- Lecture: Gestures: Additional Resources
- Lecture: Persist Redux Store: Objectives and Outcomes
- 視頻: Persist Redux Store
- 視頻: Exercise (Video): Persist Redux Store
- Lecture: Exercise (Instructions): Persist Redux Store
- Lecture: Persist Redux Store: Additional Resources
- 視頻: Assignment 3 Requirements: Alerts, Animations, Gestures, and Persist Redux Store
- Lecture: Assignment 3: Alerts, Animations, Gestures, and Persist Redux Store
已評分: Alerts, Animations, Gestures, and Persist Redux Store
第 4 週
Accessing Native Capabilities of Devices: The Expo SDK
In this module you will explore the Expo SDK that enables you to access the native capabilities of the mobile devices. You will use a few SDK APIs in order to understand the general concepts and the patterns for using these APIs within your React Native application
17 個視頻, 27 個閱讀材料
- Lecture: The Expo SDK: Objectives and Outcomes
- Lecture: The Expo SDK: Additional Resources
- Lecture: Secure Store: Objectives and Outcomes
- 視頻: Secure Store
- 視頻: Exercise (Video): Secure Store
- Lecture: Exercise (Instructions): Secure Store
- Lecture: Secure Store: Additional Resources
- Lecture: Local Notifications: Objectives and Outcomes
- 視頻: Local Notifications
- 視頻: Exercise (Video): Local Notifications
- Lecture: Exercise (Instructions): Local Notifications
- Lecture: Local Notifications: Additional Resources
- Lecture: Social Sharing: Objectives and Outcomes
- 視頻: Social Sharing
- 視頻: Exercise (Video): Sending Email
- Lecture: Exercise (Instructions): Sending Email
- 視頻: Exercise (Video): Social Sharing
- Lecture: Exercise (Instructions): Social Sharing
- Lecture: Social Sharing: Additional Resources
- Lecture: Picking an Image: Objectives and Outcomes
- 視頻: Picking an Image
- 視頻: Exercise (Video): Picking an Image
- Lecture: Exercise (Instructions): Picking an Image
- 視頻: Exercise (Video): Image Manipulator
- Lecture: Exercise (Instructions): Image Manipulator
- Lecture: Picking an Image: Additional Resources
- Lecture: Network Info: Objectives and Outcomes
- 視頻: Network Info
- 視頻: Exercise (Video): Network Info
- Lecture: Exercise (Instructions): Network Info
- Lecture: Network Info: Additional Resources
- 視頻: Assignment 4 Requirements: Accessing Native Capabilities of Devices: The Expo SDK
- Lecture: Assignment 4: Accessing Native Capabilities of Devices: The Expo SDK: Additional Resources
- Lecture: Building and Deployment: Objectives and Outcomes
- 視頻: Exercise (Video): Building Standalone Apps
- Lecture: Exercise (Instructions): Building Standalone Apps
- 視頻: Exercise (Video): Ejecting for Native Development
- Lecture: Exercise (Instructions): Ejecting for Native Development
- 視頻: Exercise (Video): Ejecting for iOS Native Development
- Lecture: Exercise (Instructions): Ejecting for iOS Native Development
- Lecture: Building and Deployment: Additional Resources
- Lecture: Project Implementation: Objectives and Outcomes
- Lecture: Final Report Template
已評分: Accessing Native Capabilities of Devices: The Expo SDK
已評分: Project Implementation and Final Report
常見問題解答
運作方式
Travail en cours
Chaque cours fonctionne comme un manuel interactif en proposant des vidéos préenregistrées, des quiz et des projets.
Aide de la part de vos pairs
Connectez-vous à des milliers d'autres étudiants et débattez sur des idées, discutez le contenu du cours et obtenez de l'aide pour en maîtriser les concepts.
Certificats
Obtenez une reconnaissance officielle pour votre travail et partagez votre réussite avec vos amis, vos collègues et vos employeurs.
製作方
香港科技大学
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.
價格
| 購買課程 | |
|---|---|
| 訪問課程材料 | 可用 |
| 訪問評分的材料 | 可用 |
| 收到最終成績 | 可用 |
| 獲得可共享的課程證書 | 可用 |
評分和審閱
I learned a lot from this course. I recommend it to anyone who want to learn how to develope mobile application in simple way with javascript
Great course about Mobil App with React Native. A lot of knowledge and tips. Thanks J. K. Muppala