My first day with FLUTTER!! | DevsDay.ru

IT-блоги My first day with FLUTTER!!

dev.to 11 июня 2021 г.


Hello everyone hope you are reacting well. Recently I joined a Sri Lankan JavaScript meetup named Colombo JavaScript and two members of the organizing committee of that meetup, Jathu Vishvajith and Pubudu Kodikara hosted a live pair-programming stream via YouTube, Fb and Twitch(SLDevTalks) and after watching that live stream, I was inspired to learn flutter!

Before touching flutter I thought to learn dart because I have never used dart before and since it's somewhat looks like JavaScript, I was able to learn even OOP within an hour. To learn dart I watched the following video on YouTube. But I don't recommend if you don't have a pretty good understanding about programming programming and I'll the put my recommendation for beginner programmers also.

Dart Tutorial for ones with prior programming experience : https://www.youtube.com/watch?v=Ej_Pcr4uC2Q&t=1621s

Dart for beginners : https://www.youtube.com/watch?v=5xlVP04905w

My first dart app :


class MyPig{
  String name;
  int age;

  MyPig(this.name,this.age);

  void tellMeAboutYou(){
    speak("Oink Oink I'm $name and I'm $age years old");
  }

  void eat(String food){
    List favouriteFoods = ["apple","orange","pizza","burger"];
    List worstFoods = ["rice and curry","pickles","cauliflower"];

    if (favouriteFoods.contains(food)){
      speak("Mmm Yumy I like $food");
    }
    else if (worstFoods.contains(food)){
      speak("Ewww I don't like $food");
    }
    else if (food.length % 2 == 0){
      speak("Mmm This is tasty what's the name of this food?");
    }
    else{
      speak("Eww I don't wanna what this food is!");
    }
  }

  void friends(List friendList){
    speak("Oink Oink I have lot of friends");
    for (var friend in friendList){
      speak(friend);
    }
  }

  void speak(String word){
    print(word);
  }
}

void main () {
  MyPig emilly = MyPig("Emilly",4);
  emilly.tellMeAboutYou();
  emilly.eat("apple");
  emilly.friends(["Peter","Shakya","Other Friends"]);
}

Then today, I got up at around 4.30 am and start to learn the art of flutter and to learn I have chosen the udemy course conducted by Dr.Angela Yu. That course was sponsored by google and recommended by more than 35,000 students(according to the amount of reviews and total number of students is > 100k). At, the end of the day, I was able to learn the basic thing like how component tree works, how Scaffold works, Material colors, Material app, etc... and at the end of the I built a simple app with an appBar and an image at it's center. And also I have learnt how to put an icon to over app too.

My First Flutter app :

void main()=>runApp(
    MaterailApp(
        home:Scaffold(
            backgroundColor : Colors.blueGray,
            appBar : AppBar(
                title : Text("My App"),
            )
            body:Center(
                child : Image(
                    image : NetworkImage(""),//url or to access 
                                 //localfiles you can use Assets
                )
            )
        )
    ),
);

Hope I would be able to publish blogs related to flutter and dart in the near future and until then good bye!

Источник: dev.to

Наш сайт является информационным посредником. Сообщить о нарушении авторских прав.

flutter dart mobile frontend