About this Course
4.8
25 ratings
7 reviews
100% online

100% online

Start instantly and learn at your own schedule.
Flexible deadlines

Flexible deadlines

Reset deadlines in accordance to your schedule.
Intermediate Level

Intermediate Level

Hours to complete

Approx. 26 hours to complete

Suggested: 4 weeks of study, 6-8 hours/week...
Available languages

English

Subtitles: English...
100% online

100% online

Start instantly and learn at your own schedule.
Flexible deadlines

Flexible deadlines

Reset deadlines in accordance to your schedule.
Intermediate Level

Intermediate Level

Hours to complete

Approx. 26 hours to complete

Suggested: 4 weeks of study, 6-8 hours/week...
Available languages

English

Subtitles: English...

Syllabus - What you will learn from this course

Week
1
Hours to complete
13 hours to complete

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....
Reading
21 videos (Total 251 min), 27 readings, 2 quizzes
Video21 videos
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
Reading27 readings
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
Week
2
Hours to complete
11 hours to complete

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...
Reading
13 videos (Total 225 min), 21 readings, 2 quizzes
Video13 videos
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
Reading21 readings
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
Week
3
Hours to complete
7 hours to complete

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...
Reading
13 videos (Total 134 min), 17 readings, 1 quiz
Video13 videos
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
Reading17 readings
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
Week
4
Hours to complete
12 hours to complete

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...
Reading
17 videos (Total 218 min), 27 readings, 2 quizzes
Video17 videos
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
Reading27 readings
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.8

Top Reviews

By SRNov 13th 2018

Best course . I love the way of teaching. It helps me to enhance my career.

By OIOct 25th 2018

I would call this course from zero to mastery! Highly recommended.

Instructor

Avatar

Jogesh K. Muppala

Associate Professor
Department of Computer Science and Engineering

About The Hong Kong University of Science and Technology

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....

About the Full-Stack Web Development with React Specialization

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....
Full-Stack Web Development with React

Frequently Asked Questions

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

More questions? Visit the Learner Help Center.