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.
Este curso faz parte do Programa de cursos integrados Full-Stack Web Development with React
oferecido por
Programa de cursos integrados Full-Stack Web Development with ReactUniversidade de Ciência e Tecnologia de Hong KongInformações sobre o curso
99,540 visualizações recentes
Resultados de carreira do aprendiz
20%
comecei uma nova carreira após concluir estes cursos
40%
consegui um benefício significativo de carreira com este curso
33%
recebi um aumento ou promoção
Certificados compartilháveis
Tenha o certificado após a conclusão
100% on-line
Comece imediatamente e aprenda em seu próprio cronograma.
Prazos flexíveis
Redefinir os prazos de acordo com sua programação.
Nível intermediário
Aprox. 36 horas para completar
Inglês
Legendas: Árabe, Francês, Portuguese (European), Chinês (simplificado), Italiano, Vietnamita, Coreano, Alemão, Russo, Turco, Inglês, Espanhol
Resultados de carreira do aprendiz
20%
comecei uma nova carreira após concluir estes cursos
40%
consegui um benefício significativo de carreira com este curso
33%
recebi um aumento ou promoção
Certificados compartilháveis
Tenha o certificado após a conclusão
100% on-line
Comece imediatamente e aprenda em seu próprio cronograma.
Prazos flexíveis
Redefinir os prazos de acordo com sua programação.
Nível intermediário
Aprox. 36 horas para completar
Inglês
Legendas: Árabe, Francês, Portuguese (European), Chinês (simplificado), Italiano, Vietnamita, Coreano, Alemão, Russo, Turco, Inglês, Espanhol
oferecido por
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.
Programa - O que você aprenderá com este curso
11 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.
11 horas para concluir
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
9 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
9 horas para concluir
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
6 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
6 horas para concluir
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
10 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
10 horas para concluir
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
Avaliações
Principais avaliações do MULTIPLATFORM MOBILE APP DEVELOPMENT WITH REACT NATIVE
por SS30 de Mai de 2020
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.
por HL16 de Jan de 2020
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.
por AT8 de Mai de 2020
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.
por MP28 de Dez de 2019
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.
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.
Perguntas Frequentes – FAQ
Quando terei acesso às palestras e às tarefas?
O que recebo ao me inscrever nesta Especialização?
Qual é a política de reembolso?
Existe algum auxílio financeiro disponível?
Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.
