Get Latest De

Email:info@onlinetrainings.in

The Complete React Native Course Create Beautiful Apps

Course

THE COMPLETE REACT NATIVE COURSE CREATE BEAUTIFUL APPS

Category

React Native Professional Training

Eligibility

All Job Seekers

Mode

Regular Offline and Online Live Training

Batches

Week Days and Week Ends

Duration :

1.5  hrs in weekdays and 3hrs during Weekend

React Native Objectives

•How to Properly Install React Native.
•See how to build a React Native code.
•Learn React Native from scratch. Code like a PRO
•learn How to use Test driven Development in React Native.
•Learn and Master React Native with this time saving course
•Will be able to write error free programs in React Native
•Learn Basic and Advanced React Native Programming and become a React Native Developer
•you will be confident in your skills as a Developer / designer
•Amazing Step by Step Guide for Beginners to Learn React Native Language Quick and Simple!

the complete react native course create beautiful apps Training Highlights

•Real-world skills + project portfolio
•Resume & Interviews Preparation Support
•Job Placement Assistance with Good Companies
•Personal attention and guidance for every student
•Assignments and test to ensure concept absorption.
•Access to a huge closet containing information about Hadoop
•One-on-one training, online training, team or Corporate training can be provided
•The course is all about familiarizing the trainees with simpler and smarter ways to develop the skills required for Implementation.

Who are eligible for React Native

•Backend Developer, mongodb, Sql Server, vba, Node.js, cube, ssis, ssrs, ssas, Architectural Design, html, Advanced Excel, analytics, Advanced Analytics
•full stack web developer, Core Java, Javascript, Jquery, Ajax, Html5, Css3, Bootstrap, Node.js, Mysql, Mongodb
•Java Developer, Quality Assurance, Core Java, Spring Mvc, Spring Boot, hibernate, jpa, Web Services, json, maven, angularjs, mysql, Sql Server, Tomcat, Uml
•Protocol Testing, Php Developer, Oracle, Senior Managers, Oracle DBA, Dotnet, Java, oracle, DBA, Database Administration, 12c, RAC, Goldengate
•ux, ui, Python Developers, Qa Automation, sales, Ui Development, Ux Design, Software Development, Python, Qa Testing, Automation Testing

THE COMPLETE REACT NATIVE COURSE CREATE BEAUTIFUL APPS Syllabus

•Do you want to learn the whole process of building an App ?. This is the course for you.
•We will start from the very beginning, from “I don’t even know how to install it“ to actually understanding how React Native works and make it communicate with other technologies like Firebase and Redux.
•You will learn all the logic and practice behind React Native  in different modules, and as we advance through the course we will be increasing the difficulty.
•Since I believe that the best way to fully learn is by coding, after each important section we will put everything in practice with a very large practice project, using third party libraries, firebase and redux.
•Since React Native is bases on React for web, you need to know a little bit about React.
•To sum everything up, you will learn in this course:
•The very basics of React Native. How to install it and the logic behind it.
•Once you know the basics of React Native we will journey into the confusing stuff.
•Install and apply Third party libraries.
•We will connect our React Native project with Firebase.
•Everybody is using Redux, so we will learn how to use redux with our React Native App.
•Apply security, authentication, restricting routes.
•We will create a Practice app to put everything into practice.
•You also get a Small React for web course
•What about the instructor experience ?
•Well I’ve been around for 10 years now, built lots of applications for small projects and big companies like Citi,Fox, Disney and a lot more.
•Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.
•How about the target audience?
•This course is for almost everyone, a little bit of Javascript is required.We will use ES6 but you can learn as we go.
•If you want to take your coding to the next level, this is the course for you. 
•Who this course is for:
•From beginners in javascript to intermediate.
•Intro
•What is React Native ?
•Starting with RN
•Installing tools ( MAC USERS )
•Installing tools ( WINDOWS USERS )
•Installing ANDROID STUDIO ( Mac and Win users )
•Running apps on simulators
•Running on Expo
•Ejecting expo apps
•Running Android simulator ( WIN and MAC users )
•Windows environment variables ( WIN users )
•Running IOS simulator ( MAC users )
•Starting with react native
•First look at the structure
•Styles, Views and Text
•Components and State
•Buttons and touch events
•More on touchables
•Handling inputs
•Adding users to the list
•Using the Scrollview
•The picker component
•The Slider component ( 0.58.6 )
•Activity indicator
•Working with images
•Using Modals
•React Navigation
•Intro to react navigation
•Installing R.Navigation and running Sim
•Stack navigator and linking screens
•Navigation params
•Customizing the Header Bar
•Adding logos to headers
•Creating a Side-drawer
•More on Side-drawer
•Custom component for Side-drawer
•Creating a bottom Navigation
•Tab Navigation-Options
•Combining navigation types.
•Using phone resources
•Installing Image picker ( link )
•If image picker fails, manual install
•Using camera and photo library
•Installing RNative contacts
•Getting contacts
•Adding contact and opening form
•installing RNative vector icons
•Using RNative vector icons
•Other RN aspects
•React native debugger
•Reusing components and styles
•More on the platform
•Dimensions
•Device info 3rd party library
•Aminations
•Creating XY animations
•Easing and triggers
•Not XY animations
•Interpolation
•Sequence and timing animations
•A little bit of Redux
•Connecting Redux
•Dispatching an action
•Connecting the devtools
•Practice project : NBA app
•Installing react and dependencies
•Setting up Redux
•Adding React navigation
•Adding React navigation ..continued
•Login logo and background
•Form reusable inputs
•Finishing inputs and error state
•Adding the buttons
•Adding validation
•Finishing validation
•Submitting the form
•Using redux before server
•Sign up the user
•Sign in user
•Saving the token on the storage
•Adding the Auto sign in
•Styling the header tab
•Icons and style on the bottom bar
•Icons and style on the bottom bar – part two
•Preparing the news
•Showing News cards
•Finishing the News cards
•Installing and using fonts
•Creating the News article
•Getting the games from F.Base
•Finishing the games main screen
•Creating the Games Video screen
•Finishing the Games video screen
•Final project code
•React [ optional ] – Basics
•Installing Node and creating an App
•The bundle
•Starting to code !!
•JSX Behind the scenes
•Importing components
•Types of components
•Adding styles
•Events
•State
•Starting with props
•Starting with props…continued
•Props to a Class
•React children
•More with styles
•Styles plugins
•Filter the news
•React [ optional ] – Routes
•Installing Router
•How it works and creating components
•Using routes
•Linking
•Working with params
•Other features from React Router
•Switch
•Redirections
•404 and “withRouter”
•React intermediate [ optional ] – Intermediate
•Component lifecycles
•Component lifecycles 2
•Conditional rendering
•Pure components
•Adjacent elements
•Hoc’s ( High order components )
•Hoc’s …continued
•React [ optional ] – Transitions
•Using transitions
•Using transitions….continued
•CSS Transitions
•Transition group
•React [ optional ] – More on react
•Proptypes
•Proptypes…continued
•Controlled components
•React [ optional ] – Redux
•Redux introduction
•Creating the store
•The Redux flow
•Combining reducers
•Creating a valid reducer
•Creating actions
•map-state-to-props and connect
•Map-dispatch-to-props
•Types
•Using middleware
•Redux practice – Creating the project
•Redux practice – routes and redux
•Redux practice – Home
•Redux practice – Filter the home list
•Redux practice – Artist section
•Redux practice – Clearing artist data
•React [ optional ] – Hooks
•The “useState” Hook
•The “useState” Hook ….continued
•The “useEffect” Hook
•The “useReducer” Hook
•Preparing the app with Context
•Context and useContext
•Installing Node JS
•IDE
•Installing the CLI – MAC users
•installing the CLI – WINDOWS users
•Using EXPO
•Ejecting the App
•Running the ANDROID simulator – WINDOWS and MAC users
•Environment variables – WINDOWS users only
•IOS simulator – MAC users only
•Get the code from GitHub
•The basics ( LEGACY )
•Styles and views
•Custom components and state
•Touch events
•Touch events continued…
•Text Inputs
•Using buttons
•Scrollview
•Picker and slider
•Adding images
•Modals
•Routing ( LEGACY )
•Default React Navigation
•RNN – (3rd lib) – install
•RNN – Single screen app
•RNN- Tab base app
•RNN – Sidedrawer
•RNN – Navigator style
•Deep dive into React Native ( LEGACY )
•Working with the camera and library
•Using Image picker
•React native contacts
•Using contacts
•RN vector icons
•Using RN vector icons
•Icons imagesources
•Debugging
•More on styles and reusable components
•The patform
•Animations ( LEGACY )
•Creating animations with RN
•Text animations
•Parallel and sequence animations
•Redux & Firebase ( LEGACY )
•Redux intro
•Dispatching actions
•Firebase
•Storing data
•Storing in redux
•Fetching data
•Update and delete
•Registering users
•Login Users
•Refreshing tokens
•Sell it App – Practice Project ( LEGACY )
•Creating the project
•React native navigat