Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

React Native : Build Native Mobile Applications

Name: React Native : Build Native Mobile Applications
Rating: 3.7 (26 reviews)

Build Native Mobile Applications for Android & iOS using JavaScript & React

Created bySkillBakery Studio

Last updated 12/2016

English

What you'll learn

Develop cool native mobile applications using React Native
Understand the working of a react-native application

Course content

9 sections • 53 lectures • 3h 43m total length

Introduction1:59
Introduction to react-native
Installing React Native - Windows2:58
In this lecture we will learn how to install React Native on Windows OS
Installing React Native - Mac2:25
In this lecture we will learn how to install react-native on MAC OS
Installing React Native - Linux2:23
In this lecture we will learn how to install react-native on Linux instance

Creating Sample Android Application and Running it on Windows5:31
In this lecture we will learn how to create a sample react-native application using react init command
Traversing the Application structure3:28
In this lecture we will cover the application structure of react-native apps
Creating Sample iOS Application and Running it on iPhone Emulator3:02
Creating Sample iOS Application and Running it on iPhone Emulator
Understanding Components2:09
In this lecture we will learn about components
Creating and Rendering our Component4:44
In this lecture we will learn about creating and rendering our components
Adding Style to our component & Understanding JustifyContent7:13
Adding Style to our component
Understanding AlignItems2:48
In this lecture we will learn about alignItems attribute
Creating Nested Components6:53
In this lecture we will learn how to create nested components
Passing Data to Components - Exploring Properties3:40
Passing Data to Components - Exploring Properties
Introduction to Lists - Using reusable components5:06
Introduction to Lists
Selective Styling3:15
In this lecture we will learn what is selective styling and how to implement selective styling
Writing the code the ES6 way4:08
Writing the code the ES6 way
Comparing React.CreateClass and React.Component9:14
In this lecture we will be comparing CreateClass and Component methods

Introduction to Flexbox4:40
Introduction to Flexbox layout
Understanding the View Layout - Flexbox Model - Positioning4:18
Understanding the View Layout - Flexbox Model - Positioning
Understanding the View Layout - Flexbox Model - Resizing4:38
Understanding the View Layout - Flexbox Model - Resizing
Working with StyleSheets5:57
Working with StyleSheets
Inline Styles3:53
Inline Styles
Understanding Resolution2:13
Understanding Resolution

Creating Calculator application5:41
Creating our very first application - The Calculator App
Design our Calculator - I5:04
Designing our calculator
Designing our Calculator - II3:49
Designing our calculator continued
Designing our Calculator - III9:21
Designing our calculator continued
Developing our Calculator - Handling Events3:56
Working with Events
Developing our Calculator - Understanding States14:23
Understanding States

Introduction0:34
This lecture is an introduction to what this section will be covering
Application Preview1:03
Flickr Application preview
React Flickr - Part 13:10
Flickr Viewer Application
React Flickr - Part 23:05
Flickr Application continued
React Flickr - Working with Fetch API2:25
Introduction to Fetch API
React Flickr - Fetch API usage4:27
Understanding how to use Fetch API
React Flickr - Photo Component5:08
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 - Main Application Screen10:07
Working on the main application screen
React Flickr - Designing the Application3:53
Designing our Flickr Viewer

ToDo Application Introduction0:38
Introduction to ToDo Application
Creating the Todo Application Project1:31
Creating our ToDo App project
Working with Navigation4:55
Working with Navigation component
Using States6:25
Making use of States in our ToDo application
Using Events4:12
Handling events in our ToDo Application
Using Fetch API4:29
Making use of Fetch and Navigation components
Creating User Profile2:48
Creating User Profile component
Handling Errors2:10
Handling errors
Using Image Component1:36
Using Image component
Working with Firebase1:34
Introduction to Firebase
Exploring Listview2:11
Working with listview component
Creating Notes Component9:09
Developing the notes component

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

Views
Text
TextInput
Image
TouchableHighlight
ActivityIndicator
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

Calculator
Flick Image Viewer
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 this course is for:

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

React Native : Build Native Mobile Applications

What you'll learn

Explore related topics

Course content

Introduction4 lectures • 10min

React Native Fundamentals13 lectures • 1hr 1min

Exploring Style and Resolution6 lectures • 26min

Events1 lecture • 3min

Application - I - Understand Flexbox,Events & States6 lectures • 42min

Application - II - Understanding Client-Server Communication9 lectures • 34min

Creating A Notes Taker Application - Working with Firebase12 lectures • 42min

Debugging1 lecture • 4min

Conclusion and Code Download1 lecture • 1min

Requirements

Description

Who this course is for: