1 / 8

Mastering React Native - Building Native Mobile Apps-converted

The Mastering React Mobile Apps Development course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to create cross platform native mobile apps for iOS and Android using React Native, and JavaScript.

GauravSingha
Download Presentation

Mastering React Native - Building Native Mobile Apps-converted

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Mastering React Native: Build Native Mobile Apps Using React • About theCourse • The Mastering React Mobile Apps Development course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to create cross platform native mobile apps for iOS and Android using React Native, and JavaScript. In this course, you will learn how to develop truly native UI and performance mobile app; while reusing the skills and the code from your webprojects. • Here,youwilllearnhowtouseReactNativeforcreatingwidgets,datalisting,spinnersetc.andcreatingmobileappsusing mobile camera, audio, video and database and finally publish it on Google Store, AppleStore. • Course objective • At the completion of this course, attendees will be ableto; • Develop a complete mobile app using HTML5, CSS3 andJavaScript. • Explore React Native basic and advancedfeatures. • Understand Android, iOSfundamentals • Build UI with Nativebase. • Store and retrieve data from a variety of sources like file system, SQLite database and RESTfulservices • Write platform specific code for Android and iOS to access nativefeatures • Test and deploy the app to emulators, simulators, and realdevices • Exploring React Native components, gestures, and tools for building highly interactive mobileapps. • Build and run mobile apps on Android & iOSplatforms. • How to access mobile native features like camera, contacts, calendar etc. using ReactNative. • Publishing mobile app on Google Store, AppleStore • Who can do thiscourse? • Allprofessionalswhoarekeentodevelopcross-platformnativemobileappsforAndroidandiOSshouldgoforthiscourse. • Pre-requisites • Anyone who wants to learn React Native mobile apps development should have knowledge ofReact.js. • SoftwareRequirements • VS Code • AndroidSDK • Windows 10/MacOS • AndroidStudio/XCode • Emulator/Simulator Page1

  2. CourseCurriculum • Module1 • Introduction to Native MobileApps • Understanding Native Mobile AppsDevelopment • Why to choose Native Mobile AppsDevelopment • Ways to develop Native MobileApps • Future of Native Mobile AppsDevelopment • Advantages of Native MobileApps • Introduction to ReactNative • Understanding the ReactNative • React NativeAdvantages • React Native Mobile OSSupport • Androidfundamentals • Activities • Views • Layouts • Resources • Manifest • AndroidActivity • Activity LifeCycle • Activity Life CycleEvents • Activity States • Running, Deployment,Testing • Deploying app to Emulator andDevices • Debugging inEmulator • Debugging inDevice • iOSfundamentals • Storyboard • Segues • Views • ViewControllers • Layouts • iOS LifeCycle • iOS LifeCycle • iOS Life CycleStates Page3

  3. Running, Deployment,Testing • Deploying app to Simulator andDevices • Debugging inSimulator • Debugging inDevice • Testing app in differentSimulators • Module2 • Setting Up Our DevelopmentEnvironment • Installing the React NativeCLI • Installing IDE: VSCode • Starting a New React NativeProject • Platform ToolsInstallations • Setting Emulators andSimulator • Setting Up YourDevices • Adding MobilePlatforms • Previewing on Emulator andSimulator • Previewing onDevice • React NativeCLI • Define Your BuildPlatforms • Previewing YourApp • Emulating Your React NativeApp • Running React Native App on aDevice • CLIinformation • React Native CoreConcepts • Components forMobile • View • Text • TextInput • Button • Switch • Image • StatusBar • List Views: Flat List, Section Listetc. • HandlingTouches • Using aScrollView • Render andJSX • ComponentLifecycle • Props andState Page4

  4. Module3 • Building User Interface:Styles • Understanding the Android and iOS Layouts • Adding UI Components to theApplication • Styling React Native Components withCSS • Layouts:Flexbox • Styles • ConditionalStyling • Inlinestyles • Using astylesheet • Adding multiplestyles • Inheritance • NativeBase:Essentialcross-platformUIComponents • Installing NativeBase • Using Native BaseComponents • Accordion • Button • Card • Form • Tabs • Toasts • Header • Module4 • Navigation • App SceneNavigation • React NavigationLibrary • NavigatorBasics • ImplementingNavigation • Navigator andWebView • StackNavigator • Tab Navigator • NavigationParameters • Adding a BackButton • WebView • Module5 • Storage andSQLite • Persistent Data usingSQLite • UsingAsyncStorage • List View and RESTAPI Page5

  5. Database Operations with RESTservice • DataListing • ListView • Module6 • Native Modules andAPIs • Linking NativeAPI • Geolocation • VideoComponent • Modals • ActivityIndicator • Animations • GesturesEvents • Gestures • Events • Keyboards • Debugging andTesting • Dealing with CORSIssues • Debugging through an iOS or AndroidSimulator • DebuggingOn-Device • Module 7 (Project: E-commerceApp) • Developing ApplicationArchitecture • Discussing ApplicationArchitecture • Building ApplicationLayer • Login and SignUp • Implementing Login andsignup • Developing Customer CRUD Operations • Managing Usersession • ImplementingAuthorization • Module 8 (Project: E-commerceApp) • Developing Category, ProductOperations • Developing Category CRUDOperations • Developing Product CRUDOperations • ProductListing • Displaying Products toUsers • Applying Paging andSorting • ShoppingCart • ProductsSearching • Adding Products to ShoppingCart

  6. Removing Products to ShoppingCart • Deploying YourApplication • Adjusting the config.xmlFile • App Icons and SplashScreens • Building Your AndroidAPK • Building Your iOSApp Mockup-Tests andAssignments • Dot Net Tricks’ mock-up tests and assignments help the professionals to work on real-world projects and to get an edge intheircareersandmaketheirlivesbetter.Thistrainingprogramincludes4mock-uptestsand4assignments.Eachmock- up test includes 20 multiple choicequestions. • Mockup-Tests objective • Help you to monitor your learningprogress. • Help you to evaluateyourself. • Help you to crack your technical interview first round with objectivequestions. • Assignments objective • Gain confidence to work on Android and iOS AppsDevelopment. • Help you to evaluate your developmentskills. • Project Details • Description • You will learn how to develop an online shopping site mobile app. The mobile app will show the list of products to User/Customer. A user can purchase products and see the previous order history. Here, admin will be responsible for adding products, categories and approving customer order. • The mobile app will use React Native recommended architecture with extensible approach. We would be using payment gateway to do online payment and finally publishing it onWebserver. • ProjectArchitecture • Theprimarygoalofthisarchitectureisto shareasmuchcodeaspossibleacrossthemobileapp.Thisarchitecturewillhelp you to develop mobile app with the recommended design patterns andpractices.

  7. What you will learn through project? • How to create shoppingcart. • How to validate data at client side and serverside. • How to test app using MobileEmulators. • How to debug app using VScode. • How to create RESTAPI. • How to secure you application based on userroles. • How to publish your App on App store (Google andApple). • ContactUs • For more information about the course, visit:www.dotnettricks.com/masters-program/react-native-apps • Feel free to call us at +91 9999 123 502/503 or email us atinfo@dotnettricks.com Page8

More Related