À propos de ce cours
4.8
25 notes
7 avis
Spécialisation
100% online

100% online

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Niveau intermédiaire

Niveau intermédiaire

Heures pour terminer

Approx. 26 heures pour terminer

Recommandé : 4 weeks of study, 6-8 hours/week...
Langues disponibles

Anglais

Sous-titres : Anglais...
Spécialisation
100% online

100% online

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Niveau intermédiaire

Niveau intermédiaire

Heures pour terminer

Approx. 26 heures pour terminer

Recommandé : 4 weeks of study, 6-8 hours/week...
Langues disponibles

Anglais

Sous-titres : Anglais...

Programme du cours : ce que vous apprendrez dans ce cours

Semaine
1
Heures pour terminer
13 heures pour terminer

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 vidéos (Total 251 min), 27 lectures, 2 quiz
Video21 vidéos
How to Use the Learning Resources10 min
What is Full-Stack Web Development?5 min
Exercise (Video): Setting up Git6 min
Exercise (Video): Basic Git Commands18 min
Exercise (Video): Online Git Repositories12 min
Node.js and NPM3 min
Exercise (Video): Setting up Node.js and NPM2 min
Exercise (Video): Basics of Node.js and NPM23 min
Hybrid Mobile App Development17 min
Introduction to React Native10 min
Exercise (Video): Getting Started with React Native18 min
React Native App Overview12 min
React Native Components5 min
Exercise (Video): React Native Components Part 120 min
Exercise (Video): React Native Components Part 214 min
React Native Navigation9 min
Exercise (Video): React Native Navigation Part 125 min
Exercise (Video): React Native Navigation Part 211 min
Exercise (Video): React Native Navigation Part 310 min
Assignment 1 Requirements: React Native Components and Navigation3 min
Reading27 lectures
Welcome to Multiplatform Mobile App Development with React Native: Additional Resources10 min
Full Stack Web Development: The Big Picture: Objectives and Outcomes10 min
Full Stack Web Development: Additional Resources10 min
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10 min
Setting up your Development Environment10 min
Exercise (Instructions): Setting up Git10 min
Exercise (Instructions): Basic Git Commands10 min
Exercise (Instructions): Online Git Repositories10 min
Exercise (Instructions): Setting up Node.js and NPM10 min
Exercise (Instructions): Basics of Node.js and NPM10 min
Setting up your Development Environment: Git and Node: Additional Resources10 min
Introduction to React Native: Objectives and Outcomes10 min
Exercise (Instructions): Getting Started with React Native10 min
Introduction to React Native: Additional Resources10 min
React Native Components: Objectives and Outcomes10 min
Exercise (Instructions): React Native Components Part 110 min
Exercise (Instructions): React Native Components Part 210 min
React Native Components: Additional Resources10 min
React Native Navigation: Objectives and Outcomes10 min
Exercise (Instructions): React Native Navigation Part 110 min
Exercise (Instructions): React Native Navigation Part 210 min
Exercise (Instructions): React Native Navigation Part 310 min
React Native Navigation: Additional Resources10 min
Assignment 1: React Native Components and Navigation: Additional Resources10 min
Ideation: Objectives and Outcomes10 min
Ideation Report Template10 min
Ideation: Additional Resources10 min
Semaine
2
Heures pour terminer
11 heures pour terminer

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 vidéos (Total 225 min), 21 lectures, 2 quiz
Video13 vidéos
Exercise (Video): Buttons and Icons48 min
Exercise (Video): Setting up a Server using json-server6 min
Redux: A Quick Overview6 min
Exercise (Video): Setting up Redux34 min
Exercise (Video): Using Redux in your React Native App23 min
Exercise (Video): Debugging7 min
Exercise (Video): Activity Indicator17 min
Exercise (Video): Redux Adding Favorites14 min
Forms and Modals7 min
Exercise (Video): Forms30 min
Exercise (Video): Modals13 min
Assignment 2 Requirements: React Native UI Elements and Redux6 min
Reading21 lectures
Icon Fonts and Buttons: Objectives and Outcomes10 min
Exercise (Instructions): Buttons and Icons10 min
Icon Fonts and Buttons: Additional Resources10 min
Setting up a Simple Server: Objectives and Outcomes10 min
Exercise (Instructions): Setting up a Server using json-server10 min
Setting up a Simple Server: Additional Resources10 min
Introduction to Redux for React Native: Objectives and Outcomes10 min
Exercise (Instructions): Setting up Redux10 min
Exercise (Instructions): Using Redux in your React Native App10 min
Exercise (Instructio): Debugging10 min
Exercise (Instructions): Activity Indicator10 min
Exercise (Instructions): Redux Adding Favorites10 min
Introduction to Redux for React Native: Additional Resources10 min
Forms and Modals: Objectives and Outcomes10 min
Exercise (Instructions): Forms10 min
Exercise (Instructions): Modals10 min
Forms and Modals: Additional Resources10 min
Assignment 2: React Native UI Elements and Redux: Additional Resources10 min
UI Design and Prototyping: Objectives and Outcomes10 min
UI Design and Prototyping Report Template10 min
UI Design and Prototyping: Additional Resources10 min
Semaine
3
Heures pour terminer
7 heures pour terminer

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 vidéos (Total 134 min), 17 lectures, 1 quiz
Video13 vidéos
Exercise (Video): Favorites14 min
Exercise (Video): Swipeout and Deleting Favorites10 min
Exercise (Video): Alert8 min
Animations13 min
Exercise (Video): Animations17 min
Exercise (Video): Animatable11 min
Gestures8 min
Exercise (Video): Gestures Part 115 min
Exercise (Video): Gestures Part 28 min
Persist Redux Store5 min
Exercise (Video): Persist Redux Store12 min
Assignment 3 Requirements: Alerts, Animations, Gestures, and Persist Redux Store3 min
Reading17 lectures
Swipe Option Buttons and Alerts: Objectives and Outcomes10 min
Exercise (Instructions): Favorites10 min
Exercise (Instructions): Swipeout and Deleting Favorites10 min
Exercise (Instructions): Alert10 min
Swipe Option Buttons and Alerts: Additional Resources10 min
Animations: Objectives and Outcomes10 min
Exercise (Instructions): Animations10 min
Exercise (Instructions): Animatable10 min
Animations: Additional Resources10 min
Gestures: Objectives and Outcomes10 min
Exercise (Instructions): Gestures Part 110 min
Exercise (Instructions): Gestures Part 210 min
Gestures: Additional Resources10 min
Persist Redux Store: Objectives and Outcomes10 min
Exercise (Instructions): Persist Redux Store10 min
Persist Redux Store: Additional Resources10 min
Assignment 3: Alerts, Animations, Gestures, and Persist Redux Store10 min
Semaine
4
Heures pour terminer
12 heures pour terminer

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 vidéos (Total 218 min), 27 lectures, 2 quiz
Video17 vidéos
Secure Store7 min
Exercise (Video): Secure Store26 min
Local Notifications6 min
Exercise (Video): Local Notifications10 min
Social Sharing7 min
Exercise (Video): Sending Email6 min
Exercise (Video): Social Sharing8 min
Picking an Image9 min
Exercise (Video): Picking an Image36 min
Exercise (Video): Image Manipulator8 min
Network Info5 min
Exercise (Video): Network Info10 min
Assignment 4 Requirements: Accessing Native Capabilities of Devices: The Expo SDK6 min
Exercise (Video): Building Standalone Apps20 min
Exercise (Video): Ejecting for Native Development25 min
Exercise (Video): Ejecting for iOS Native Development5 min
Reading27 lectures
The Expo SDK: Objectives and Outcomes10 min
The Expo SDK: Additional Resources10 min
Secure Store: Objectives and Outcomes10 min
Exercise (Instructions): Secure Store10 min
Secure Store: Additional Resources10 min
Local Notifications: Objectives and Outcomes10 min
Exercise (Instructions): Local Notifications10 min
Local Notifications: Additional Resources10 min
Social Sharing: Objectives and Outcomes10 min
Exercise (Instructions): Sending Email10 min
Exercise (Instructions): Social Sharing10 min
Social Sharing: Additional Resources10 min
Picking an Image: Objectives and Outcomes10 min
Exercise (Instructions): Picking an Image10 min
Exercise (Instructions): Image Manipulator10 min
Picking an Image: Additional Resources10 min
Network Info: Objectives and Outcomes10 min
Exercise (Instructions): Network Info10 min
Network Info: Additional Resources10 min
Assignment 4: Accessing Native Capabilities of Devices: The Expo SDK: Additional Resources10 min
Building and Deployment: Objectives and Outcomes10 min
Exercise (Instructions): Building Standalone Apps10 min
Exercise (Instructions): Ejecting for Native Development10 min
Exercise (Instructions): Ejecting for iOS Native Development10 min
Building and Deployment: Additional Resources10 min
Project Implementation: Objectives and Outcomes10 min
Final Report Template10 min
4.8

Meilleurs avis

par SRNov 13th 2018

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

par OIOct 25th 2018

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

Enseignant

Avatar

Jogesh K. Muppala

Associate Professor
Department of Computer Science and Engineering

À propos de 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....

À propos de la Spécialisation 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....
Full-Stack Web Development with React

Foire Aux Questions

  • Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.

  • Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.

D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.