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
Este curso faz parte do Programa de cursos integrados Full-Stack Web Development with React
Multiplatform Mobile App Development with React Native
oferecido por
Programa de cursos integrados Full-Stack Web Development with ReactUniversidade de Ciência e Tecnologia de Hong Kong
Os alunos fazendo este Course são
- Technical Leads
- Software Engineers
- Data Scientists
- Chief Technology Officers (CTOs)
- Machine Learning Engineers
Programa - O que você aprenderá com este curso
Semana
113 horas para concluir
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 vídeos (Total 251 mín.), 27 leituras, 2 testes
21 videos
How to Use the Learning Resources10min
What is Full-Stack Web Development?5min
Exercise (Video): Setting up Git6min
Exercise (Video): Basic Git Commands18min
Exercise (Video): Online Git Repositories12min
Node.js and NPM3min
Exercise (Video): Setting up Node.js and NPM2min
Exercise (Video): Basics of Node.js and NPM23min
Hybrid Mobile App Development17min
Introduction to React Native10min
Exercise (Video): Getting Started with React Native18min
React Native App Overview12min
React Native Components5min
Exercise (Video): React Native Components Part 120min
Exercise (Video): React Native Components Part 214min
React Native Navigation9min
Exercise (Video): React Native Navigation Part 125min
Exercise (Video): React Native Navigation Part 211min
Exercise (Video): React Native Navigation Part 310min
Assignment 1 Requirements: React Native Components and Navigation3min
27 leituras
Welcome to Multiplatform Mobile App Development with React Native: Additional Resources10min
Full Stack Web Development: The Big Picture: Objectives and Outcomes10min
Full Stack Web Development: Additional Resources10min
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10min
Setting up your Development Environment10min
Exercise (Instructions): Setting up Git10min
Exercise (Instructions): Basic Git Commands10min
Exercise (Instructions): Online Git Repositories10min
Exercise (Instructions): Setting up Node.js and NPM10min
Exercise (Instructions): Basics of Node.js and NPM10min
Setting up your Development Environment: Git and Node: Additional Resources10min
Introduction to React Native: Objectives and Outcomes10min
Exercise (Instructions): Getting Started with React Native10min
Introduction to React Native: Additional Resources10min
React Native Components: Objectives and Outcomes10min
Exercise (Instructions): React Native Components Part 110min
Exercise (Instructions): React Native Components Part 210min
React Native Components: Additional Resources10min
React Native Navigation: Objectives and Outcomes10min
Exercise (Instructions): React Native Navigation Part 110min
Exercise (Instructions): React Native Navigation Part 210min
Exercise (Instructions): React Native Navigation Part 310min
React Native Navigation: Additional Resources10min
Assignment 1: React Native Components and Navigation: Additional Resources10min
Ideation: Objectives and Outcomes10min
Ideation Report Template10min
Ideation: Additional Resources10min
Semana
211 horas para concluir
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 vídeos (Total 225 mín.), 21 leituras, 2 testes
13 videos
Exercise (Video): Buttons and Icons48min
Exercise (Video): Setting up a Server using json-server6min
Redux: A Quick Overview6min
Exercise (Video): Setting up Redux34min
Exercise (Video): Using Redux in your React Native App23min
Exercise (Video): Debugging7min
Exercise (Video): Activity Indicator17min
Exercise (Video): Redux Adding Favorites14min
Forms and Modals7min
Exercise (Video): Forms30min
Exercise (Video): Modals13min
Assignment 2 Requirements: React Native UI Elements and Redux6min
21 leituras
Icon Fonts and Buttons: Objectives and Outcomes10min
Exercise (Instructions): Buttons and Icons10min
Icon Fonts and Buttons: Additional Resources10min
Setting up a Simple Server: Objectives and Outcomes10min
Exercise (Instructions): Setting up a Server using json-server10min
Setting up a Simple Server: Additional Resources10min
Introduction to Redux for React Native: Objectives and Outcomes10min
Exercise (Instructions): Setting up Redux10min
Exercise (Instructions): Using Redux in your React Native App10min
Exercise (Instructio): Debugging10min
Exercise (Instructions): Activity Indicator10min
Exercise (Instructions): Redux Adding Favorites10min
Introduction to Redux for React Native: Additional Resources10min
Forms and Modals: Objectives and Outcomes10min
Exercise (Instructions): Forms10min
Exercise (Instructions): Modals10min
Forms and Modals: Additional Resources10min
Assignment 2: React Native UI Elements and Redux: Additional Resources10min
UI Design and Prototyping: Objectives and Outcomes10min
UI Design and Prototyping Report Template10min
UI Design and Prototyping: Additional Resources10min
Semana
37 horas para concluir
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 vídeos (Total 134 mín.), 17 leituras, 1 teste
13 videos
Exercise (Video): Favorites14min
Exercise (Video): Swipeout and Deleting Favorites10min
Exercise (Video): Alert8min
Animations13min
Exercise (Video): Animations17min
Exercise (Video): Animatable11min
Gestures8min
Exercise (Video): Gestures Part 115min
Exercise (Video): Gestures Part 28min
Persist Redux Store5min
Exercise (Video): Persist Redux Store12min
Assignment 3 Requirements: Alerts, Animations, Gestures, and Persist Redux Store3min
17 leituras
Swipe Option Buttons and Alerts: Objectives and Outcomes10min
Exercise (Instructions): Favorites10min
Exercise (Instructions): Swipeout and Deleting Favorites10min
Exercise (Instructions): Alert10min
Swipe Option Buttons and Alerts: Additional Resources10min
Animations: Objectives and Outcomes10min
Exercise (Instructions): Animations10min
Exercise (Instructions): Animatable10min
Animations: Additional Resources10min
Gestures: Objectives and Outcomes10min
Exercise (Instructions): Gestures Part 110min
Exercise (Instructions): Gestures Part 210min
Gestures: Additional Resources10min
Persist Redux Store: Objectives and Outcomes10min
Exercise (Instructions): Persist Redux Store10min
Persist Redux Store: Additional Resources10min
Assignment 3: Alerts, Animations, Gestures, and Persist Redux Store10min
Semana
412 horas para concluir
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 vídeos (Total 218 mín.), 27 leituras, 2 testes
17 videos
The Expo SDK18min
Secure Store7min
Exercise (Video): Secure Store26min
Local Notifications6min
Exercise (Video): Local Notifications10min
Social Sharing7min
Exercise (Video): Sending Email6min
Exercise (Video): Social Sharing8min
Picking an Image9min
Exercise (Video): Picking an Image36min
Exercise (Video): Image Manipulator8min
Network Info5min
Exercise (Video): Network Info10min
Assignment 4 Requirements: Accessing Native Capabilities of Devices: The Expo SDK6min
Exercise (Video): Building Standalone Apps20min
Exercise (Video): Ejecting for Native Development25min
Exercise (Video): Ejecting for iOS Native Development5min
27 leituras
The Expo SDK: Objectives and Outcomes10min
The Expo SDK: Additional Resources10min
Secure Store: Objectives and Outcomes10min
Exercise (Instructions): Secure Store10min
Secure Store: Additional Resources10min
Local Notifications: Objectives and Outcomes10min
Exercise (Instructions): Local Notifications10min
Local Notifications: Additional Resources10min
Social Sharing: Objectives and Outcomes10min
Exercise (Instructions): Sending Email10min
Exercise (Instructions): Social Sharing10min
Social Sharing: Additional Resources10min
Picking an Image: Objectives and Outcomes10min
Exercise (Instructions): Picking an Image10min
Exercise (Instructions): Image Manipulator10min
Picking an Image: Additional Resources10min
Network Info: Objectives and Outcomes10min
Exercise (Instructions): Network Info10min
Network Info: Additional Resources10min
Assignment 4: Accessing Native Capabilities of Devices: The Expo SDK: Additional Resources10min
Building and Deployment: Objectives and Outcomes10min
Exercise (Instructions): Building Standalone Apps10min
Exercise (Instructions): Ejecting for Native Development10min
Exercise (Instructions): Ejecting for iOS Native Development10min
Building and Deployment: Additional Resources10min
Project Implementation: Objectives and Outcomes10min
Final Report Template10min
33%
comecei uma nova carreira após concluir estes cursos
67%
consegui um benefício significativo de carreira com este curso
Principais avaliações do Multiplatform Mobile App Development with React Native
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!
Great course. Need to update. Some of library used in this course is changed but still can follow by reading updated docs from expo.
Instrutores
Jogesh K. Muppala
Associate ProfessorDepartment of Computer Science and Engineering
Sobre Universidade de Ciência e Tecnologia 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.
Sobre Programa de cursos integrados 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.
Perguntas Frequentes – FAQ
Quando terei acesso às palestras e às tarefas?
Ao se inscrever para um Certificado, você terá acesso a todos os vídeos, testes e tarefas de programação (se aplicável). Tarefas avaliadas pelos colegas apenas podem ser enviadas e avaliadas após o início da sessão. Caso escolha explorar o curso sem adquiri-lo, talvez você não consiga acessar certas tarefas.
O que recebo ao me inscrever nesta Especialização?
Quando você se inscreve no curso, tem acesso a todos os cursos na Especialização e pode obter um certificado quando concluir o trabalho. Seu Certificado eletrônico será adicionado à sua página de Participações e você poderá imprimi-lo ou adicioná-lo ao seu perfil no LinkedIn. Se quiser apenas ler e assistir o conteúdo do curso, você poderá frequentá-lo como ouvinte sem custo.
Qual é a política de reembolso?
Existe algum auxílio financeiro disponível?
Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.