Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Informational Part1 >Mobile App Development "Flutter"

Show informational about something

AlienWorm

Sargent
DFM Member
Joined
Feb 10, 2022
Messages
83
Reaction score
666
DragonCoin
240.00
iPad Pro
Ulat Gonggok Gergasi
Frost Dragon
Apple Macbook Pro 13
Thinkpad x1

Hye Minasan ?

Buat pertama kalinya saya akan berkongsi di thread ini berkenaan topik :

<------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>

How to become as Flutter developer


Mobile-Application-Development-softsuave.gif



1 : Niat
Sebagai seorang muslim, Untuk menjadi developer dan apa jua pekerjaan, kita haruslah membetulkan niat kerana Allah. Janganlah pula kita menetapkan niat contohnya : aq nak jadi mobile app developer , aq nak build app yang membuat service sediakan bahan lucah, so ramai orang akan download dan aq jadi kaya boleh beli "tesla".


2 : Framework/Tools

Ada beberapa jenis software/framework yang perlu kita mahir untuk membuat sebuah mobile application. Namun, di perbahasan kali ini kita akan mengenali sebuah framework mobile app development yang cukup populer dan mudah iaitu Flutter.


Flutter =>


flutter-Featured-Blog-Image2.jpg


Flutter merupakan sebuah framework yang dibangunkan oleh google untuk membuat sebuah aplikasi Cross-platform ( ios bole , android lagila bole ). Untuk menggunakan flutter kita terlebih dahulu harus mempelajari bahasa pemograman Dart.

Mengenai Flutter dan apa jua mobile app development species, ada 2 komponen penting yang harus kita ketahui iaitu Software Development kits dan Framework user Interface.


Software Development kits

Sdk merupakan komponen yang menyediakan alat2 untuk kita merangka dan membuat aplikasi yang kita impikan. Contoh:

Anda nak bina sambal nyet, yang anda perlukan adalah "pengisar" untuk mengisar lada, "sudu" untuk kaut lada dan "tangan" untuk makan.

Jadi, SDK ini menyediakan tools seperti debugging tools (fix code atau analisis error yg terjadi, IDEs (tempat kita run/tulis/debug code) dan sebagainya untuk kita membuat sebuah aplikasi.

Framework UI

Framework user interface merupakan komponen memaparkan interface atau layar yang dapat kita custom sesuai keinginan kita seperti widget, appbar, body app tersebut, colour dan sebagainya.




3 : Dart

08.20.20-What-is-Dart-and-how-is-it-used-1024x576.jpg

Dart merupakan sebuah bahasa pemograman open source yang berteraskan Object-Oriented Program (OOP). Dart juga memiliki syntax yang hampir sama dengan C++, Java dan Javascript. Jadi apabila anda pernah belajar java atau javascript maka seharusnya mempelajari dart akan menjadi lebih mudah. Dan ingat bahawasanya tanpa bahasa pemograman itu, anda tidak akan mampu menggunakan "Flutter" framework.

Code:
# Simple code to print by using data types.
# Simple code of string interpolation

void main (){

String name = "habil";
int age = 17;
double height = 16.0;

print("hye my name is ${name} and i am ${age} years old");
}


4 : IDE

dfmtesting.jpg
Contoh flutter ui loginpage mobileApp yang di-code menggunakan Android Studio;


IDE ataupun Integrated Development Environment merupakan sebuah perisian software yang membantu para developer/programmer untuk mengdevelop/ mengtesting/ menulis code/ mengedit code/ mengpackage function code yang ada dalam membangun sebuah aplikasi.

Contoh IDE :

  • Xcode => MacOs only
  • Android studio => MacOs/windows
  • Visual Studio Code => MacOs/windows.
Jadi melalui software IDE ini kita akan menggunakan khidmat SDK, flutter framework, Dart programming language dan sebagainya.

<------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>

Inshallah pada thread berikutnya, saya akan membahas lebih dalam mengenai fungsi2 yang terdapat dalam flutter seperti { widget, listTile, column, row} dan sebagainya.

Youtube
Udemy
Shopee
 

Attachments

  • 1683729055238.png
    1683729055238.png
    65.3 KB · Views: 9
  • e6362f877eeda2859cdf74856e0ecd5d-removebg-preview.png
    e6362f877eeda2859cdf74856e0ecd5d-removebg-preview.png
    27.5 KB · Views: 2

Aceofspade

Forum Moderator
DragonForce Malaysia
Joined
May 30, 2021
Messages
6,044
Reaction score
33,023
DragonCoin
10,969,853.00

Hye Minasan ?

Buat pertama kalinya saya akan berkongsi di thread ini berkenaan topik :

<------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>

How to become as Flutter developer


View attachment 28725



1 : Niat
Sebagai seorang muslim, Untuk menjadi developer dan apa jua pekerjaan, kita haruslah membetulkan niat kerana Allah. Janganlah pula kita menetapkan niat contohnya : aq nak jadi mobile app developer , aq nak build app yang membuat service sediakan bahan lucah, so ramai orang akan download dan aq jadi kaya boleh beli "tesla".


2 : Framework/Tools

Ada beberapa jenis software/framework yang perlu kita mahir untuk membuat sebuah mobile application. Namun, di perbahasan kali ini kita akan mengenali sebuah framework mobile app development yang cukup populer dan mudah iaitu Flutter.


Flutter =>




Flutter merupakan sebuah framework yang dibangunkan oleh google untuk membuat sebuah aplikasi Cross-platform ( ios bole , android lagila bole ). Untuk menggunakan flutter kita terlebih dahulu harus mempelajari bahasa pemograman Dart.

Mengenai Flutter dan apa jua mobile app development species, ada 2 komponen penting yang harus kita ketahui iaitu Software Development kits dan Framework user Interface.


Software Development kits

Sdk merupakan komponen yang menyediakan alat2 untuk kita merangka dan membuat aplikasi yang kita impikan. Contoh:

Anda nak bina sambal nyet, yang anda perlukan adalah "pengisar" untuk mengisar lada, "sudu" untuk kaut lada dan "tangan" untuk makan.

Jadi, SDK ini menyediakan tools seperti debugging tools (fix code atau analisis error yg terjadi, IDEs (tempat kita run/tulis/debug code) dan sebagainya untuk kita membuat sebuah aplikasi.

Framework UI

Framework user interface merupakan komponen memaparkan interface atau layar yang dapat kita custom sesuai keinginan kita seperti widget, appbar, body app tersebut, colour dan sebagainya.




Dart merupakan sebuah bahasa pemograman open source yang berteraskan Object-Oriented Program (OOP). Dart juga memiliki syntax yang hampir sama dengan C++, Java dan Javascript. Jadi apabila anda pernah belajar java atau javascript maka seharusnya mempelajari dart akan menjadi lebih mudah. Dan ingat bahawasanya tanpa bahasa pemograman itu, anda tidak akan mampu menggunakan "Flutter" framework.

Code:
# Simple code to print by using data types.
# Simple code of string interpolation

void main (){

String name = "habil";
int age = 17;
double height = 16.0;

print("hye my name is ${name} and i am ${age} years old");
}


4 : IDE

View attachment 28728
Contoh flutter ui loginpage mobileApp yang di-code menggunakan Android Studio;


IDE ataupun Integrated Development Environment merupakan sebuah perisian software yang membantu para developer/programmer untuk mengdevelop/ mengtesting/ menulis code/ mengedit code/ mengpackage function code yang ada dalam membangun sebuah aplikasi.

Contoh IDE :

  • Xcode => MacOs only
  • Android studio => MacOs/windows
  • Visual Studio Code => MacOs/windows.
Jadi melalui software IDE ini kita akan menggunakan khidmat SDK, flutter framework, Dart programming language dan sebagainya.

<------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>

Inshallah pada thread berikutnya, saya akan membahas lebih dalam mengenai fungsi2 yang terdapat dalam flutter seperti { widget, listTile, column, row} dan sebagainya.

Youtube
Udemy
Shopee
Terima kasih atas info dan ilmu .. mantap
 

dfIO

Recruit
DFM Member
Joined
May 10, 2023
Messages
5
Reaction score
7
DragonCoin
380.00
Salam. Terima kasih perkongsian. Apa kelebihan flutter berbanding dengan framework lain macam React?
 

AlienWorm

Sargent
DFM Member
Joined
Feb 10, 2022
Messages
83
Reaction score
666
DragonCoin
240.00
iPad Pro
Ulat Gonggok Gergasi
Frost Dragon
Apple Macbook Pro 13
Thinkpad x1
Salam. Terima kasih perkongsian. Apa kelebihan flutter berbanding dengan framework lain macam React?
Wassalam, kalau nak compare dengan React native sebenarnya kedua-dua framework mempunyai kelebihan msing2...dan mungkin react native lebih unggul tapi mungkin point pros flutter berbanding yang lain adalah sprti :

1) dart language => bagi seorang pemula atau beginner yang 0 dlm mobile app develpment,,dart lagi easy to learn berbanding javascript

2) Performance pantas dan mesra pengguna = lagi stable dan pantas performing apps reload, lagi mudah untuk solve issues cross platform(ios,android,web) in one and same codebase sahaja.

tapi bg saya, react lg unggul kot cuma kalau baru nak berkenalan dgn mobile app dev, flutter is better, lau salah betulkan.
 

dfIO

Recruit
DFM Member
Joined
May 10, 2023
Messages
5
Reaction score
7
DragonCoin
380.00
Wassalam, kalau nak compare dengan React native sebenarnya kedua-dua framework mempunyai kelebihan msing2...dan mungkin react native lebih unggul tapi mungkin point pros flutter berbanding yang lain adalah sprti :

1) dart language => bagi seorang pemula atau beginner yang 0 dlm mobile app develpment,,dart lagi easy to learn berbanding javascript

2) Performance pantas dan mesra pengguna = lagi stable dan pantas performing apps reload, lagi mudah untuk solve issues cross platform(ios,android,web) in one and same codebase sahaja.

tapi bg saya, react lg unggul kot cuma kalau baru nak berkenalan dgn mobile app dev, flutter is better, lau salah betulkan.

Macam tu. Alright tunggu next siri (y)
 
Top