React Native : Build Native Mobile Applications
Created by Skillbakerystudios, Last Updated 30-Sep-2020, Language:English
React Native : Build Native Mobile Applications
Build Native Mobile Applications for Android & iOS using JavaScript & React
Created by Skillbakerystudios, Last Updated 30-Sep-2020, Language:English
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
Course Content
-
Introduction
4 Lectures 00:09:45-
Introduction
00:01:59 -
Installing React Native - Windows
00:02:58 -
Installing React Native - Mac
00:02:25 -
Installing React Native - Linux
00:02:23
-
-
React Native Fundamentals
13 Lectures 01:01:11-
Creating Sample Android Application and Running it on Windows
00:05:31 -
Traversing the Application structure
00:03:28 -
Creating Sample iOS Application and Running it on iPhone Emulator
00:03:02 -
Understanding Components
00:02:09 -
Creating and Rendering our Component
00:04:44 -
Adding Style to our component & Understanding JustifyContent
00:07:13 -
Understanding AlignItems
00:02:48 -
Creating Nested Components
00:06:53 -
Passing Data to Components - Exploring Properties
00:03:40 -
Introduction to Lists - Using reusable components
00:05:06 -
Selective Styling
00:03:15 -
Writing the code the ES6 way
00:04:08 -
Comparing React.CreateClass and React.Component
00:09:14
-
-
Exploring Style and Resolution
6 Lectures 00:25:39-
Introduction to Flexbox
00:04:40 -
Understanding the View Layout - Flexbox Model - Positioning
00:04:18 -
Understanding the View Layout - Flexbox Model - Resizing
00:04:38 -
Working with StyleSheets
00:05:57 -
Inline Styles
00:03:53 -
Understanding Resolution
00:02:13
-
-
Events
1 Lectures 00:03:19-
Handling Events
00:03:19
-
-
Application - I - Understand Flexbox,Events & States
5 Lectures 00:27:51-
Creating Calculator application
00:05:41 -
Design our Calculator - I
00:05:04 -
Designing our Calculator - II
00:03:49 -
Designing our Calculator - III
00:09:21 -
Developing our Calculator - Handling Events
00:03:56
-
-
Application - II - Understanding Client-Server Communication
9 Lectures 00:33:52-
Introduction
00:00:34 -
Application Preview
00:01:03 -
React Flickr - Part 1
00:03:10 -
React Flickr - Part 2
00:03:05 -
React Flickr - Working with Fetch API
00:02:25 -
React Flickr - Fetch API usage
00:04:27 -
React Flickr - Photo Component
00:05:08 -
React Flickr - Main Application Screen
00:10:07 -
React Flickr - Designing the Application
00:03:53
-
-
Creating A Notes Taker Application - Working with Firebase
11 Lectures 00:32:29-
ToDo Application Introduction
00:00:38 -
Creating the Todo Application Project
00:01:31 -
Working with Navigation
00:04:55 -
Using States
00:06:25 -
Using Events
00:04:12 -
Using Fetch API
00:04:29 -
Creating User Profile
00:02:48 -
Handling Errors
00:02:10 -
Using Image Component
00:01:36 -
Working with Firebase
00:01:34 -
Exploring Listview
00:02:11
-
-
Debugging
1 Lectures 00:04:10-
Debugging React-Native Applications
00:04:10
-
-
Conclusion and Code Download
1 Lectures 00:01:27-
Conclusion and Code Download
00:01:27
-