Posts

Showing posts from May, 2022

Introduction to React Native Navigation

Image
 Create a project "exop init ProjectName" Install the following dependencies in order to use Stack, Tab, Drawer Navigations and Icons npm install @react-navigation/native npm install @react-navigation/stack expo install react-native-gesture-handler npm install @react-navigation/bottom-tabs npm install @react-navigation/drawer expo install react-native-gesture-handler react-native-reanimated expo install react-native-reanimated npm install react-native-elements --save --force npm install react-native-vector-icons --save Open Babel.config.js and change as follows module . exports = function ( api ) {   api . cache ( true );   return {     presets : [ 'babel-preset-expo' ],     plugins : [ 'react-native-reanimated/plugin' ],   }; }; Now run  expo start --clear Now create JS Files as follows Header.js import { StatusBar } from 'expo-status-bar' ; import { StyleSheet , Text , View } from 'react-native' ; import Photo from './Photo...

Mobile Application Unit 1 Short Notes

Image
 Introduction Mobile devices are major gateways to the internet as compared to desktop browsers. Mobile device is replacing all traditional channels to access the information. Most of the enterprises are now adopting to "Mobile-First" strategy to various reasons.   Key Drivers for Mobile Applications Innovation Proliferation in Smart Phones Higher 3G and 4G Bandwidths Higher Capacity Storage Higher Speed Chips Consumer Behavior More Usability Access Information easily on the move Personalized Content Delivery Contextualized, Relevant, and Personalized Contents Offers and Advertisements Mobile Ecosystem Explosive Growth in Mobile Application Stores Social Network Popularity of Web 2.0 Social Media Technologies Attributes of Mobile Application Ubiquity Always Available and Connected Access information Anytime Anywhere User Friendliness Responsive and interactive User Interface Location Awareness Location Sensitive Information Using GPS Minimalistic Minimal Contents and...

Simple Calculator Using Vue JS

Image
Simple Calculator Using Vue JS HTML Codes < h1 > Simple Calculator Using Vue </ h1 >     < div id = "app" >         < form action = "" >             < table >                 < tr >                     < td > Enter Number 1: </ td >                     < td >< input type = "text" v-model.number = "num1" ></ td >                 </ tr >                 < tr >                     < td > Enter Number 2: </ td >                     < td >< input type = "text" v-model.number = "num2" ></ td >     ...

Search results in MySQL database using PHP

Image
 Search results in MySQL database using PHP HTML < form action = "test1.php" method = "POST" >         < table >             < tr >                 < th > Add Data to Student Table </ th >             </ tr >             < tr >                 < td >< label for = "id" > Stident ID: </ label ></ td >                 < td >< input type = "text" name = "id" ></ td >             </ tr >             < tr >                 < td >< label for = "name" > Student Name: </ label ></ td >                 ...