| # JavaScript Development Topics | |
| This is a sequence for learning JS topics. It is not an absolute list of all topics, nor is it a mandatory order that you must use to learn JS. It is just a logical sequencing of some of the more | |
| important topics and features of the language. | |
| 1. Variables | |
| - using `let` and `const` | |
| - declaring variables | |
| - assigning values to variables |
| import { NavigationContainer } from '@react-navigation/native'; | |
| import { createNativeStackNavigator } from '@react-navigation/native-stack'; | |
| import { SafeAreaProvider } from 'react-native-safe-area-context'; | |
| import { Button } from 'react-native'; | |
| import HomeScreen from './screens/HomeScreen'; | |
| import ListScreen from './screens/ListScreen'; | |
| import DetailScreen from './screens/DetailScreen'; | |
| const Stack = createNativeStackNavigator(); |
| import { SafeAreaView, SafeAreaProvider } from 'react-native-safe-area-context'; | |
| import { StyleSheet, Text, View } from 'react-native'; | |
| export default function App() { | |
| return ( | |
| <SafeAreaProvider> | |
| <SafeAreaView style={styles.container}> | |
| <View style={[styles.box, styles.red]}> | |
| <Text style={styles.txt}>1</Text> | |
| </View> |
| void main() { | |
| Dolphin flipper = Dolphin('bottlenose'); | |
| print('Flipper is a ${flipper.type} dolphin.'); | |
| flipper.eat('crab'); | |
| flipper.eat('shark'); | |
| flipper.swim(); | |
| Kangaroo skippy = Kangaroo('Western Grey'); | |
| print('Skippy is a ${skippy.breed} kangaroo.'); |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Variable Existence</title> | |
| <script src="index.js" type="module"></script> | |
| </head> | |
| <body> | |
| <header> |
| /* | |
| JS Expressions vs Statements | |
| Expressions => returns a value | |
| Statements => complete task instruction. | |
| */ | |
| 123 //expression | |
| 1+ 1 //expression | |
| "hello" //expression | |
| true //expression |
Start with an array of integers. Eg: const arr = [1, 2, 3, 2]
Write a function that will loop through the array counting the number of occurences of each value.
The return value of the function will be an Object whose keys will be the numbers from the array and whose values
will be the occurrence count for each value. Eg: { 1:1, 2:2, 3:1 }
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>popover vs dialog</title> | |
| <link rel="stylesheet" href="main.css" /> | |
| <script src="main.js" type="module"></script> | |
| </head> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Data Management</title> | |
| <link rel="stylesheet" href="main.css" /> | |
| <script src="main.js" type="module"></script> | |
| </head> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>DOM Events</title> | |
| <link rel="stylesheet" href="main.css" /> | |
| <script src="main.js" type="module"></script> | |
| </head> |