import 'package:flutter/material.dart';
MaterialApp(
   ThemeData(
        name: "Majid Hajian",
        location: "Oslo, Norway",
        description: '''
                Google Developer Expert
        	Passionate Software engineer, 
	        Community Leader, Author and international Speaker
         ''',
        main: "Flutter/Dart, PWA, Performance",
        homepage: "https://www.majidhajian.com",
        socials: {
          twitter: "https://www.twitter.com/mhadaily",
          github: "https://www.github.com/mhadaily"
        },
        author: {
          Pluralsight: "www.pluralsight.com/authors/majid-hajian",
          Apress: "Progressive Web App with Angular, Book",
          PacktPub: "PWA development",
          Udemy: "PWA development",
        }
        founder: "Softiware As (www.Softiware.com)"
        devDependencies: {
          tea: "Ginger", 
          mac: "10.14+",
        },
        community: {
          MobileEraConference: "Orginizer",
          FlutterVikings: "Orginizer", 
          FlutterDartOslo: "Orginizer",
          GDGOslo: "Co-Orginizer",
          DevFestNorway: "Orginizer",
          ...more
        }));

 dart2js -O2 -o test.js test.dart

class User {
  id: number;
	
  constructor(public name: string){id=1};
    
    
   async fetchInfo() {
     return new Promise(
       resolve => setTimeout(resolve, 3*1000);
     );
   }
}


async function main(){

  const user = new User('Majid');
  
  await user.fetchInfo();
  
  console.log(`Hello ${user.id}`)
}
main();

class User {
  final int id;
  final String name;
	
  User(this.name) {id = 1};
    
  fetchInfo() async {
      return Future.delayed(const Duraction(seconds: 2));
   }
}


main() async {

  final user = User('Majid');
  
  await user.fetchInfo();
  
  print('Hello ${user.id}');
}

import 'dart:async';

Stream<int> countStream(int to) async* {
  for (int i = 1; i <= to; i++) {
    yield i;
  }
}

main() async {
  
  final count = await countStream(10).first;
  print('first count $count');
  
  countStream(10).listen((v) {
    print('Listen to count $v');
  });
}

import { fromEvent } from 'rxjs';
import { throttleTime, scan } from 'rxjs/operators';

fromEvent(document, 'click')
  .pipe(
    throttleTime(1000),
    scan(count => count + 1, 0)
  )
  .subscribe(count => console.log(`Clicked ${count} times`));

class HelloWorld extends StatelessWidget {
    @override
    Widget build(BuildContext context){
	    return Text('Hello World');
    }
}

class HelloWorld extends HTMLElement {
    connectedCallback(){
    	this.innerHTML = '<p>Hello World</p>';
    }
}

class HelloWorld extends StatelessWidget {
    @override
    Widget build(BuildContext context){
	    return Text('Hello World');
    }
}

class HelloWorld extends React.Component {
    render() {
		return '<p>Hello World</p>';
    }
}

MaterialApp(
    home: Scaffold(
    	appBar: AppBar(
          title: Text('Hello World!'),
        ),
        body: Center(
          child: Text(
            'Majid Hajian',
             style: TextStyle(fontWeight: FontWeight.bold),
          ),
        ),
    ),
);

<my-app-header>
    <hello-world bold></hello-world>
    
</my-app-header>

<div style="font-weight:bold; text-align:center;">
	Majid Hajian
</div>

MaterialApp(
    home: Scaffold(
    	appBar: AppBar(
          title: Text('Hello World!'),
        ),
        body: Center(
          child: Padding(
            padding: EdgeInsets.all(10.0),
            child: const Text(
            'Majid Hajian',
             style: TextStyle(
             	fontWeight: FontWeight.bold
             ),
           ),
          ),
        ),
    ),
);

<style>
  .myclass{
  font-weight:bold; 
  text-align:center;
  padding: 10rem;
  }
</style>

<div class="myclass">
	Majid Hajian
</div>

var container = Container( 
  child: Center(
    child: Container(
      child: Text(
        "Lorem ipsum",
        style: bold24Roboto,
      ),
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: const Alignment(0.0, -1.0),
          end: const Alignment(0.0, 0.6),
          colors: <Color>[
            const Color(0xffef5350),
            const Color(0x00ef5350)
          ],
        ),
      ), 
      padding: EdgeInsets.all(16),
    ),
  ),
  width: 320,
  height: 240,
  color: Colors.grey[300],
);

<style>
  .myclass{
      background: linear-gradient(180deg, #ef5350, rgba(0, 0, 0, 0) 80%); 
  }
</style>

<div class="myclass">
	Majid Hajian
</div>

MaterialApp(
    home: Scaffold(
    	appBar: AppBar(
          title: Text('Hello World!'),
        ),
        body: Center(
          child: Text(
            'Majid Hajian',
             style: TextStyle(
             	fontWeight: FontWeight.bold
             ),
          ),
        ),
    ),
);

  Widget build(BuildContext context) {
    return GestureDetector(
        child: AbsorbPointer(child : child),
        onTap: () {
          print('tap');
          onTap();
        },
        onTapCancel: () {
          print('tapCancel');
        }
      );
  }

StoreProvider<int>{
    store: store,
    child: Text('Flutter Web!'),
}

MaterialApp(
  initialRoute: "/login",
  routes: {
    "/login": (context) => LoginPage(),
    "/home": (context) => HomePage()
  }
);

class ResponsiveWidget {
  ...
  //Large screen is any screen whose width is more than 1200 pixels
  static bool isLargeScreen(BuildContext context) {
    return MediaQuery.of(context).size.width > 1200;
  }
//Small screen is any screen whose width is less than 800 pixels
  static bool isSmallScreen(BuildContext context) {
    return MediaQuery.of(context).size.width < 800;
  }
//Medium screen is any screen whose width is less than 1200 pixels,
  //and more than 800 pixels
  static bool isMediumScreen(BuildContext context) {
    return MediaQuery.of(context).size.width > 800 &&
    MediaQuery.of(context).size.width < 1200;
  }  
}





import 'package:landingpage/utils/responsive_widget.dart';
class Body extends StatelessWidget {
@override
  Widget build(BuildContext context) {
    return ResponsiveWidget(
      largeScreen: LargeScreen(),
      smallScreen: SmallScreen(),
    );
  }
  ...
}

class AnimatedCount extends ImplicitlyAnimatedWidget {
  final int count;

  AnimatedCount({
    Key key,
    @required this.count,
    @required Duration duration,
    Curve curve = Curves.linear
  }) : super(duration: duration, curve: curve, key: key);

  @override
  ImplicitlyAnimatedWidgetState<ImplicitlyAnimatedWidget> createState() => _AnimatedCountState();
}

class _AnimatedCountState extends AnimatedWidgetBaseState<AnimatedCount> {
  IntTween _count;

  @override
  Widget build(BuildContext context) {
    return Text(_count.evaluate(animation).toString());
  }

  @override
  void forEachTween(TweenVisitor visitor) {
    _count = visitor(_count, widget.count, (dynamic value) => IntTween(begin: value));
  }
}

<!DOCTYPE html>
<html>
<head>
  <base href="/">
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="A new Flutter project.">
  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="gooey_edge">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">
  <!-- Favicon -->
  <link rel="icon" type="image/png" href="favicon.png"/>
  <title>hello</title>
  <link rel="manifest" href="manifest.json">
</head>
<body>
  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('flutter-first-frame', function () {
        navigator.serviceWorker.register('flutter_service_worker.js');
      });
    }
  </script>
  <script src="main.dart.js" type="application/javascript"></script>
</body>
</html>

 // Install Flutter SDK 
 // flutter.dev/docs/get-started/install

 flutter channel stable
 flutter upgrade
 flutter create myapp
 cd myapp
 flutter run -d chrome

├── README.md
├── android
├── build
│   └── web
├── ios
├── lib
│   └── main.dart
├── pubspec.lock
├── pubspec.yaml
├── pwa_flutter.iml
├── test
│   └── widget_test.dart
└── web
    ├── favicon.png
    ├── icons
    ├── index.html
    └── manifest.json