React Native : Build Native Mobile Applications
3.1 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
49 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React Native : Build Native Mobile Applications to your Wishlist.

Add to Wishlist

React Native : Build Native Mobile Applications

Build Native Mobile Applications for Android & iOS using JavaScript & React
3.1 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
49 students enrolled
Last updated 12/2016
English
Current price: $10 Original price: $70 Discount: 86% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop cool native mobile applications using React Native
  • Understand the working of a react-native application
View Curriculum
Requirements
  • Basics of JavaScript,HTML,CSS
Description

Learn the fundamentals of React-Native to build cross platform mobile applications

React Native allows you to build native iOS and Android applications in JavaScript and React.js.

Even if you are a novice to mobile development but if you have expertise in JavaScript,html and CSS you will be able to develop cool applications using react-native.

We will be starting with the basics like what is react-native all about, how we can install it on various operating systems out there and then learning how a react-native application works

We will also be exploring many components which are used on a day to day basis to develop react-native mobile applications like 

  1. Views
  2. Text
  3. TextInput
  4. Image
  5. TouchableHighlight
  6. ActivityIndicator
  7. ListView

We will also be covering how to debug react-native applications and how to launch it on android emulator

During this course we will be developing three applications

  1. Calculator
  2. Flick Image Viewer
  3. Todo Application

By developing these application we will learn many core concepts of react-native like how to send and receive data from server.

We will also introduce you to firebase which is a Database As a Service using this we will see how we can store data in a database

So come on join in and let's start learning React-Native



Who is the target audience?
  • Those who want to work on latest web technologies
  • Those who are into web development
  • Those who want to learn React-Native
  • Web Architects
  • Web Designers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
53 Lectures
03:43:15
+
Introduction
4 Lectures 09:45

Introduction to react-native

Preview 01:59

In this lecture we will learn how to install React Native on Windows OS

Preview 02:58

In this lecture we will learn how to install react-native on MAC OS

Preview 02:25

In this lecture we will learn how to install react-native on Linux instance

Preview 02:23
+
React Native Fundamentals
13 Lectures 01:01:11

In this lecture we will learn how to create a sample react-native application using react init command

Preview 05:31

In this lecture we will cover the application structure of react-native apps

Traversing the Application structure
03:28

Creating Sample iOS Application and Running it on iPhone Emulator

Creating Sample iOS Application and Running it on iPhone Emulator
03:02

In this lecture we will learn about components

Understanding Components
02:09

In this lecture we will learn about creating and rendering our components

Creating and Rendering our Component
04:44

Adding Style to our component

Adding Style to our component & Understanding JustifyContent
07:13

In this lecture we will learn about alignItems attribute

Understanding AlignItems
02:48

In this lecture we will learn how to create nested components

Creating Nested Components
06:53

Passing Data to Components - Exploring Properties

Passing Data to Components - Exploring Properties
03:40

Introduction to Lists

Introduction to Lists - Using reusable components
05:06

In this lecture we will learn what is selective styling and how to implement selective styling

Selective Styling
03:15

Writing the code the ES6 way

Writing the code the ES6 way
04:08

In this lecture we will be comparing CreateClass and Component methods

Comparing React.CreateClass and React.Component
09:14
+
Exploring Style and Resolution
6 Lectures 25:39

Introduction to Flexbox layout

Introduction to Flexbox
04:40

Understanding the View Layout - Flexbox Model - Positioning

Understanding the View Layout - Flexbox Model - Positioning
04:18

Understanding the View Layout - Flexbox Model - Resizing

Understanding the View Layout - Flexbox Model - Resizing
04:38

Working with StyleSheets


Working with StyleSheets
05:57

Inline Styles

Inline Styles
03:53

Understanding Resolution

Understanding Resolution
02:13
+
Events
1 Lecture 03:19

Introduction to Events in react-native

Handling Events
03:19
+
Application - I - Understand Flexbox,Events & States
6 Lectures 42:14

Creating our very first application - The Calculator App

Creating Calculator application
05:41

Designing our calculator

Design our Calculator - I
05:04

Designing our calculator continued

Designing our Calculator - II
03:49

Designing our calculator continued

Designing our Calculator - III
09:21

Working with Events

Developing our Calculator - Handling Events
03:56

Understanding States

Developing our Calculator - Understanding States
14:23
+
Application - II - Understanding Client-Server Communication
9 Lectures 33:52

This lecture is an introduction to what this section will be covering

Introduction
00:34

Flickr Application preview

Application Preview
01:03

Flickr Viewer Application

React Flickr - Part 1
03:10

Flickr Application continued

React Flickr - Part 2
03:05

Introduction to Fetch API

React Flickr - Working with Fetch API
02:25

Understanding how to use Fetch API

React Flickr - Fetch API usage
04:27

We will be developing the photo component. This component will be used when user will click on a give image. This implementation is left as an exercise for you

React Flickr - Photo Component
05:08

Working on the main application screen

React Flickr - Main Application Screen
10:07

Designing our Flickr Viewer

React Flickr - Designing the Application
03:53
+
Creating A Notes Taker Application - Working with Firebase
12 Lectures 41:38

Introduction to ToDo Application

ToDo Application Introduction
00:38

Creating our ToDo App project

Creating the Todo Application Project
01:31

Working with Navigation component

Working with Navigation
04:55

Making use of States in our ToDo application

Using States
06:25

Handling events in our ToDo Application

Using Events
04:12

Making use of Fetch and Navigation components

Using Fetch API
04:29

Creating User Profile component

Creating User Profile
02:48

Handling errors

Handling Errors
02:10

Using Image component

Using Image Component
01:36

Introduction to Firebase

Working with Firebase
01:34

Working with listview component

Exploring Listview
02:11

Developing the notes component

Creating Notes Component
09:09
+
Debugging
1 Lecture 04:10

Debugging React Native Applications

Debugging React-Native Applications
04:10
+
Conclusion and Code Download
1 Lecture 01:27

Conclusion and Code Download

Create the projects using react init command and then replace the .js files from the attached samples

Conclusion and Code Download
01:27
About the Instructor
SkillBakery Studio
3.7 Average rating
399 Reviews
4,253 Students
18 Courses
Start Learning Today...

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.