Mobile Development Course Lecture 1 - 9

Lecture 1:

 Dear Students, 

                         Welcome to our free of cost course of Mobile Development.

There are different platform to build android and iOS application but we shall use Visual Studio, Node Js, Expo. The benefit of using platform such as Visual Studio, Node Js, Expo that we shall write once both for android and iOS.

You may install the software on your platform either you are using window or linux.

 Install Visual Studio from https://code.visualstudio.com/ 

Install Node js from https://nodejs.org/en/ (You have to download LTS)

Install Expo using following the steps from https://docs.expo.dev/

Now Create new app using terminal in VS such as https://docs.expo.dev/get-started/create-a-new-app/. Also you have to install expo Go on your android to verify setup of your software

That's All about set of your software.

My First app 

App.js (File Code)

import { StatusBar } from 'expo-status-bar';

import { StyleSheet, Text, View } from 'react-native';

export default function App() {

  return (

    <View style={styles.container}>

      <Text>Open up App.js to start working on your app!</Text>

      <StatusBar style="auto" />

    </View>

  );

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: '#fff',

    alignItems: 'center',

    justifyContent: 'center',

  },

});

Lecture 2-7:

Some Basic Points: 

• You have to remember about creating terminal commands of creating new projects, expo start etc.
• You must know about till bit about the concept of Native apps, React Native, android studio, just most basic definition and difference about these names. You can search about these on internet also.
• You must know about these basic mathematical concepts such as arithmetic and logical operators and their examples, arrays and their indexing, objects, collections and OOP. You can also search these from internet. 
• Constant, variable and their examples

Dear Students, You must need to ensure setup of app as mentioned in that url https://docs.expo.dev/get-started/create-a-new-app/

Lecture 8 - 9

My First app 

App.js (File Code)

import { StatusBar } from 'expo-status-bar';

import { StyleSheet, Text, View } from 'react-native';

export default function App() {

  return (

    <View style={styles.container}>

      <Text>Open up App.js to start working on your app!</Text>

      <StatusBar style="auto" />

    </View>

  );

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: '#fff',

    alignItems: 'center',

    justifyContent: 'center',

  },

});

 2nd App: Using of Array 

import { StatusBar } from 'expo-status-bar';

import { StyleSheet, Text, View } from 'react-native';

export default function App() {

  const numbers = [1,2,3,4,5,6]

  return (

    <View style={styles.container}>

      {numbers.map(num=>(

      <Text style={styles.textStyle}>

         {num}

      </Text>

      ))}

    </View>

  );

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: '#cfd3fa',

    alignItems: 'center',

    justifyContent: 'center',

  },

});