Sadaqat Academy provides free learning courses, scholarships, guidance, Test Preparations, videos lectures, past papers for all class.

No More Tension: All is here

Guidances, TimeTable, News etc.

Tuesday, April 5, 2022

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',
  },
});


Share:

Related Posts:

0 comments:

Post a Comment

Search This Blog

Recent Posts