On this website you can download and install https://code.visualstudio.com/download
After you download VSCode and have it in your Downloads folder, be sure to drag it from there into the Applications folder.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Gallery</title> | |
| <style> | |
| :root { | |
| --bg: hsl(300, 50%, 40%); | |
| --fg: hsl(300, 10%, 90%); |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Contacts</title> | |
| <style> | |
| :root { | |
| --bg: hsl(300, 50%, 40%); | |
| --fg: hsl(300, 10%, 90%); |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>CSS Backgrounds</title> | |
| <style> | |
| body { | |
| font-size: 20px; | |
| font-family: sans-serif; |
| import { StatusBar } from 'expo-status-bar'; | |
| import { useRef } from 'react'; | |
| import { StyleSheet, Text, View, Button, Animated } from 'react-native'; | |
| export default function Animation() { | |
| // const sv = useSharedValue(0); | |
| const av = new Animated.Value(0); | |
| // Animated.Value() is for a single value. | |
| // Animated.ValueXY() will manage two values. | |
| const myAnimatedValue = useRef(av).current; |
On this website you can download and install https://code.visualstudio.com/download
After you download VSCode and have it in your Downloads folder, be sure to drag it from there into the Applications folder.
| import 'package:flutter/material.dart'; | |
| import 'package:video_player/video_player.dart'; | |
| void main() { | |
| runApp(const MyApp()); | |
| } | |
| class MyApp extends StatelessWidget { | |
| const MyApp({super.key}); |
| import 'package:flutter/material.dart'; | |
| void main() { | |
| runApp(const MyApp()); | |
| } | |
| class MyApp extends StatelessWidget { | |
| const MyApp({super.key}); | |
| // This widget is the root of your application. |
| import 'package:flutter/material.dart'; | |
| import 'package:provider/provider.dart'; | |
| //add provider: to the dependencies in pubspec.yaml | |
| //update your formatter in analysis_options.yaml | |
| // The provider file to be imported in files that need it | |
| class NameProvider extends ChangeNotifier { | |
| List<String> _names = ['Bob', 'Louise']; | |
| //similar in concept to a State variable but it will be |
| import 'package:flutter/material.dart'; | |
| void main() { | |
| runApp(MaterialApp( | |
| home: LoginPage(), | |
| )); | |
| } | |
| class LoginPage extends StatefulWidget { | |
| @override |