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
이 강좌는 Full-Stack Web Development with React 전문 분야의 일부입니다.
Multiplatform Mobile App Development with React Native
제공자:
About this Course
최근 조회 60,778회
Learner Career Outcomes
25%
이 강좌를 수료한 후 새로운 경력 시작하기
50%
이 강좌를 통해 확실한 경력상 이점 얻기
50%
급여 인상 또는 승진하기
Learner Career Outcomes
25%
이 강좌를 수료한 후 새로운 경력 시작하기
50%
이 강좌를 통해 확실한 경력상 이점 얻기
50%
급여 인상 또는 승진하기
100% 온라인
지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.
다음 전문 분야의 4개 강좌 중 3번째 강좌:
유동적 마감일
일정에 따라 마감일을 재설정합니다.
중급 단계
완료하는 데 약 28시간 필요
권장: 4 weeks of study, 6-8 hours/week
영어
자막: 영어
강의 계획 - 이 강좌에서 배울 내용
완료하는 데 13시간 필요
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.
완료하는 데 13시간 필요
21개 동영상 (총 251분), 27 readings, 2 quizzes
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
완료하는 데 11시간 필요
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
완료하는 데 11시간 필요
13개 동영상 (총 225분), 21 readings, 2 quizzes
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
완료하는 데 7시간 필요
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
완료하는 데 7시간 필요
13개 동영상 (총 134분), 17 readings, 1 quiz
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
완료하는 데 12시간 필요
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
완료하는 데 12시간 필요
17개 동영상 (총 218분), 27 readings, 2 quizzes
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
4.7
70개의 리뷰
Multiplatform Mobile App Development with React Native의 최상위 리뷰
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.
I had no previous React competence but I was able to complete this course smoothly thanks the the way the instructor has structured this course. Kudos for him!
강사
Jogesh K. Muppala
Associate ProfessorDepartment of Computer Science and Engineering
홍콩과학기술대학 정보
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 Development with React 전문 분야 정보
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 React. You’ll also learn to create hybrid mobile applications, using React Native. 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 React course be completed before proceeding with the React Native course.
자주 묻는 질문
강의 및 과제를 언제 이용할 수 있게 되나요?
강좌에 등록하면 바로 모든 비디오, 테스트 및 프로그래밍 과제(해당하는 경우)에 접근할 수 있습니다. 상호 첨삭 과제는 이 세션이 시작된 경우에만 제출하고 검토할 수 있습니다. 강좌를 구매하지 않고 살펴보기만 하면 특정 과제에 접근하지 못할 수 있습니다.
이 전문 분야를 구독하면 무엇을 이용할 수 있나요?
강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.
환불 규정은 어떻게 되나요?
재정 지원을 받을 수 있나요?
궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.
세계 최고의 교육을 누구나 접속할 수 있게 하는 Coursera는
유수의 명문 대학 및 교육 기관과 파트너가 되어 온라인 강좌를 제공합니다.
© 2020 Coursera Inc. All rights reserved.
