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.
제공자:
이 강좌에 대하여
최근 조회 94,038회
학습자 경력 결과
20%
가 이 강좌를 수료한 후 새로운 커리어를 시작함
40%
가 이 강좌를 통해 확실한 경력상 이점을 얻음
33%
가 급여 인상 또는 승진 성취
공유 가능한 수료증
완료 시 수료증 획득
100% 온라인
지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.
다음 특화 과정의 4개 강좌 중 3번째 강좌:
유동적 마감일
일정에 따라 마감일을 재설정합니다.
중급 단계
완료하는 데 약 36시간 필요
영어
자막: 아랍어, 프랑스어, 포르투갈어 (유럽), 중국어 (간체자), 이탈리아어, 베트남어, 한국어, 독일어, 러시아어, 터키어, 영어, 스페인어
학습자 경력 결과
20%
가 이 강좌를 수료한 후 새로운 커리어를 시작함
40%
가 이 강좌를 통해 확실한 경력상 이점을 얻음
33%
가 급여 인상 또는 승진 성취
공유 가능한 수료증
완료 시 수료증 획득
100% 온라인
지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.
다음 특화 과정의 4개 강좌 중 3번째 강좌:
유동적 마감일
일정에 따라 마감일을 재설정합니다.
중급 단계
완료하는 데 약 36시간 필요
영어
자막: 아랍어, 프랑스어, 포르투갈어 (유럽), 중국어 (간체자), 이탈리아어, 베트남어, 한국어, 독일어, 러시아어, 터키어, 영어, 스페인어
제공자:
홍콩과학기술대학
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.
강의 계획 - 이 강좌에서 배울 내용
완료하는 데 11시간 필요
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.
완료하는 데 11시간 필요
21개 동영상 (총 251분), 27 개의 읽기 자료, 2 개의 테스트
21개의 동영상
How to Use the Learning Resources10m
What is Full-Stack Web Development?5m
Exercise (Video): Setting up Git6m
Exercise (Video): Basic Git Commands18m
Exercise (Video): Online Git Repositories12m
Node.js and NPM3m
Exercise (Video): Setting up Node.js and NPM2m
Exercise (Video): Basics of Node.js and NPM23m
Hybrid Mobile App Development17m
Introduction to React Native10m
Exercise (Video): Getting Started with React Native18m
React Native App Overview12m
React Native Components5m
Exercise (Video): React Native Components Part 120m
Exercise (Video): React Native Components Part 214m
React Native Navigation9m
Exercise (Video): React Native Navigation Part 125m
Exercise (Video): React Native Navigation Part 211m
Exercise (Video): React Native Navigation Part 310m
Assignment 1 Requirements: React Native Components and Navigation3m
27개의 읽기 자료
Welcome to Multiplatform Mobile App Development with React Native: Additional Resources10m
Full Stack Web Development: The Big Picture: Objectives and Outcomes10m
Full Stack Web Development: Additional Resources10m
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10m
Setting up your Development Environment10m
Exercise (Instructions): Setting up Git10m
Exercise (Instructions): Basic Git Commands10m
Exercise (Instructions): Online Git Repositories10m
Exercise (Instructions): Setting up Node.js and NPM10m
Exercise (Instructions): Basics of Node.js and NPM10m
Setting up your Development Environment: Git and Node: Additional Resources10m
Introduction to React Native: Objectives and Outcomes10m
Exercise (Instructions): Getting Started with React Native10m
Introduction to React Native: Additional Resources10m
React Native Components: Objectives and Outcomes10m
Exercise (Instructions): React Native Components Part 110m
Exercise (Instructions): React Native Components Part 210m
React Native Components: Additional Resources10m
React Native Navigation: Objectives and Outcomes10m
Exercise (Instructions): React Native Navigation Part 110m
Exercise (Instructions): React Native Navigation Part 210m
Exercise (Instructions): React Native Navigation Part 310m
React Native Navigation: Additional Resources10m
Assignment 1: React Native Components and Navigation: Additional Resources10m
Ideation: Objectives and Outcomes10m
Ideation Report Template10m
Ideation: Additional Resources10m
완료하는 데 9시간 필요
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
완료하는 데 9시간 필요
13개 동영상 (총 225분), 21 개의 읽기 자료, 2 개의 테스트
13개의 동영상
Exercise (Video): Buttons and Icons48m
Exercise (Video): Setting up a Server using json-server6m
Redux: A Quick Overview6m
Exercise (Video): Setting up Redux34m
Exercise (Video): Using Redux in your React Native App23m
Exercise (Video): Debugging7m
Exercise (Video): Activity Indicator17m
Exercise (Video): Redux Adding Favorites14m
Forms and Modals7m
Exercise (Video): Forms30m
Exercise (Video): Modals13m
Assignment 2 Requirements: React Native UI Elements and Redux6m
21개의 읽기 자료
Icon Fonts and Buttons: Objectives and Outcomes10m
Exercise (Instructions): Buttons and Icons10m
Icon Fonts and Buttons: Additional Resources10m
Setting up a Simple Server: Objectives and Outcomes10m
Exercise (Instructions): Setting up a Server using json-server10m
Setting up a Simple Server: Additional Resources10m
Introduction to Redux for React Native: Objectives and Outcomes10m
Exercise (Instructions): Setting up Redux10m
Exercise (Instructions): Using Redux in your React Native App10m
Exercise (Instructio): Debugging10m
Exercise (Instructions): Activity Indicator10m
Exercise (Instructions): Redux Adding Favorites10m
Introduction to Redux for React Native: Additional Resources10m
Forms and Modals: Objectives and Outcomes10m
Exercise (Instructions): Forms10m
Exercise (Instructions): Modals10m
Forms and Modals: Additional Resources10m
Assignment 2: React Native UI Elements and Redux: Additional Resources10m
UI Design and Prototyping: Objectives and Outcomes10m
UI Design and Prototyping Report Template10m
UI Design and Prototyping: Additional Resources10m
완료하는 데 6시간 필요
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
완료하는 데 6시간 필요
13개 동영상 (총 134분), 17 개의 읽기 자료, 1 개의 테스트
13개의 동영상
Exercise (Video): Favorites14m
Exercise (Video): Swipeout and Deleting Favorites10m
Exercise (Video): Alert8m
Animations13m
Exercise (Video): Animations17m
Exercise (Video): Animatable11m
Gestures8m
Exercise (Video): Gestures Part 115m
Exercise (Video): Gestures Part 28m
Persist Redux Store5m
Exercise (Video): Persist Redux Store12m
Assignment 3 Requirements: Alerts, Animations, Gestures, and Persist Redux Store3m
17개의 읽기 자료
Swipe Option Buttons and Alerts: Objectives and Outcomes10m
Exercise (Instructions): Favorites10m
Exercise (Instructions): Swipeout and Deleting Favorites10m
Exercise (Instructions): Alert10m
Swipe Option Buttons and Alerts: Additional Resources10m
Animations: Objectives and Outcomes10m
Exercise (Instructions): Animations10m
Exercise (Instructions): Animatable10m
Animations: Additional Resources10m
Gestures: Objectives and Outcomes10m
Exercise (Instructions): Gestures Part 110m
Exercise (Instructions): Gestures Part 210m
Gestures: Additional Resources10m
Persist Redux Store: Objectives and Outcomes10m
Exercise (Instructions): Persist Redux Store10m
Persist Redux Store: Additional Resources10m
Assignment 3: Alerts, Animations, Gestures, and Persist Redux Store10m
완료하는 데 10시간 필요
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
완료하는 데 10시간 필요
17개 동영상 (총 218분), 27 개의 읽기 자료, 2 개의 테스트
17개의 동영상
The Expo SDK18m
Secure Store7m
Exercise (Video): Secure Store26m
Local Notifications6m
Exercise (Video): Local Notifications10m
Social Sharing7m
Exercise (Video): Sending Email6m
Exercise (Video): Social Sharing8m
Picking an Image9m
Exercise (Video): Picking an Image36m
Exercise (Video): Image Manipulator8m
Network Info5m
Exercise (Video): Network Info10m
Assignment 4 Requirements: Accessing Native Capabilities of Devices: The Expo SDK6m
Exercise (Video): Building Standalone Apps20m
Exercise (Video): Ejecting for Native Development25m
Exercise (Video): Ejecting for iOS Native Development5m
27개의 읽기 자료
The Expo SDK: Objectives and Outcomes10m
The Expo SDK: Additional Resources10m
Secure Store: Objectives and Outcomes10m
Exercise (Instructions): Secure Store10m
Secure Store: Additional Resources10m
Local Notifications: Objectives and Outcomes10m
Exercise (Instructions): Local Notifications10m
Local Notifications: Additional Resources10m
Social Sharing: Objectives and Outcomes10m
Exercise (Instructions): Sending Email10m
Exercise (Instructions): Social Sharing10m
Social Sharing: Additional Resources10m
Picking an Image: Objectives and Outcomes10m
Exercise (Instructions): Picking an Image10m
Exercise (Instructions): Image Manipulator10m
Picking an Image: Additional Resources10m
Network Info: Objectives and Outcomes10m
Exercise (Instructions): Network Info10m
Network Info: Additional Resources10m
Assignment 4: Accessing Native Capabilities of Devices: The Expo SDK: Additional Resources10m
Building and Deployment: Objectives and Outcomes10m
Exercise (Instructions): Building Standalone Apps10m
Exercise (Instructions): Ejecting for Native Development10m
Exercise (Instructions): Ejecting for iOS Native Development10m
Building and Deployment: Additional Resources10m
Project Implementation: Objectives and Outcomes10m
Final Report Template10m
검토
MULTIPLATFORM MOBILE APP DEVELOPMENT WITH REACT NATIVE의 최상위 리뷰
SS 제공2020년 5월 30일
This course helped me a lot improving my skills. This course was also helpful in developing my final year project. I am learn new language ie;react native and also learn how to run with android also.
HL 제공2020년 1월 16일
This course uses the old versions of many modules. Before starting this course, you should be confident enough to conduct your own research and work through any problems which you may encounter.
AT 제공2020년 5월 8일
The course is a bit outdated using non-supported Expo SDK libraries. But overall, the course is good for an Introduction to React Native. A good base to further your React Native skills.
MP 제공2019년 12월 28일
This course helped me a lot in developing and improving my skills. This course was also helpful in developing my final year project. Overall this course was very good and informative.
Full-Stack Web Development with React 특화 과정 정보
Learn front-end and hybrid mobile development, with server-side support, for implementing a multi-platform solution.
자주 묻는 질문
강의 및 과제를 언제 이용할 수 있게 되나요?
이 전문 분야를 구독하면 무엇을 이용할 수 있나요?
Is financial aid available?
궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.
