Тёмный

Flutter Essentials 04. Aplikasi Pertamaku 

Erico Darmawan Handoyo
Подписаться 48 тыс.
Просмотров 15 тыс.
50% 1

Flutter Essentials 04. Aplikasi Pertamaku
===
Halo semuanya.. Pada video kali ini, kita akan mulai membuat aplikasi pertama kita ya.. Di sini, saya akan buat kembali semuanya dari nol agar kalian benar-benar paham struktur dari aplikasi Flutter ini. Video ini juga akan lumayan panjang, karena saya akan menjelaskan dan koding secara terperinci agar kalian benar-benar paham dan tidak ada yang salah mengerti. Jadi, jangan diskip-skip ya videonya. Ayo kita mulai.. 😊
--
🖥 KELAS ONLINE FLIXID
s.id/flixid
--
🎖 JOIN MEMBERSHIP 🎖
/ @ericodarmawan
--
🌐 PROFFESIONAL WEBSITE 🌐
ericodarmawan....
--
👨‍💻 KOMUNITAS FLUTTER INDONESIA 👩‍💻
/ komunitas.flutter.indo...
--
📷 INSTAGRAM 📷
/ khewanxing
--
🍨 SUPPORT THIS CHANNEL 🍨
saweria.co/eri...
paypal.me/ericodh
--
🎵 ENDING SONG: "Night Hunter" by Starunner 🎵
ffm.to/starunner
starunner.bandc...
/ starunnermusic
Terima kasih semuanya.. Terus semangat belajar yah.. 😊✊✊
💙 Erico Darmawan Handoyo 💙
#flutter #flutterindonesia #ericodarmawan

Опубликовано:

 

6 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 66   
@user-lr4kd3vx6g
@user-lr4kd3vx6g 5 месяцев назад
mas tolong buatkan vidio study kasus menggunakan state management bloc agar lebih paham dan menguasai, terima kasih🙏
@rizkiiqbalyt
@rizkiiqbalyt 8 месяцев назад
konsep penjelasan OOP nya bener bener dari best practice, jadi pemahaman nya lebih masuk , terimakasih pak
@ericodarmawan
@ericodarmawan 8 месяцев назад
Iya.. Sama sama.. Memang saya jelaskan pelan2 banget dan dari awal supaya bener2 ngerti.. Mgkn lebih panjang videonya dan terkesan bertele-tele.. Tapi memang tujuannya supaya yg belajar bener2 paham kenapa ngodingnya seperti itu.. Ngga cuma bisa krn ngikutin yg di video tanpa ngerti apa yg diketik.. 😁 Jangan lupa ada playlist Pemrograman Berorientasi Objek Dart nya juga ya.. Jangan dilewat.. Playlist itu penting utk dipahami..
@rizkiiqbalyt
@rizkiiqbalyt 8 месяцев назад
​@@ericodarmawansiap pak, lagi di ikutin playlist dart OOP nya, di video itu bagian pas inisiasi objek dengan cara Scaffold scaffold = Scafold(); nya itu yg bikin saya langsung "oooooohhhhhhh" gitu soalnya saya berangkat dari java dan iseng nonton tutorial flutter, eh malah jatuh hati😅
@ericodarmawan
@ericodarmawan 8 месяцев назад
@@rizkiiqbalyt iya betul.. Saya jelasin kayak gitu krn banyak yg anggep OOP ga penting untuk Flutter.. Padahal UI nya Flutter aja udah pake OOP.. Banyak dari mereka yg menyangka named parameter di Constructor itu kayak property di tag HTML.. Akhirnya banyak yg kesulitan belajar Flutter ya karena OOP nya acak2an.. Iya betul.. Dart mirip Java dan Python..
@KickyMaulana_ID
@KickyMaulana_ID 9 месяцев назад
waduh jelas sekali penjelasannya. aku ikutin dari awal pertama kita buat object object nya dulu, eh setelah itu rupanya object itu kita ringkas. makasi
@ericodarmawan
@ericodarmawan 9 месяцев назад
Iya betul.. Saya jelaskan seperti itu supaya yg nonton tau dan ngerti bahwa UI di Flutter itu dibuatnya pakai objek.. Pakai konsep Pemrograman Berbasis Objek.. Banyak yg berpikir UI Flutter itu seperti HTML.. Parameter di constructor dianggap seperti property di tag-tag HTML.. Akhirnya banyak yg ngaco.. Dan mereka juga banyak yg menganggap ga perlu belajar konsep PBO utk buat UI.. Padahal di Flutter konsep PBO ini digunakan dari ujung ke ujung.. Mulai dari UI hinggal kodingan business logic nya.. Good deh klo jadi mengerti.. Ngga sia-sia saya jelaskan panjang lebar.. Good banget ditonton dari awal.. Karena semua video2 saya pasti ada penjelasannya semua.. Ngga cuma sekedar nunjukin langkah2 yang tinggal diketik ulang.. Jadi, klo belajarnya lompat2, pasti jadi ngga ngerti.. 😁 Terus semangat ya..
@deprasid
@deprasid 6 месяцев назад
​@@ericodarmawanbang saya sudah belajar dart dasar sama oop dart. Tapi ga paham2 juga. Apakah ada saran cara belajar yang efektif ? Saya merasa loncat2 belajar nya. Fundamental dan basic programming saya tidak kuat. Tolong di bantu jawab pak erico🙏
@ericodarmawan
@ericodarmawan 6 месяцев назад
@@deprasid ya pelajarinya jangan lompat2.. Playlist yg saya buat itu sudah diurutkan dari dasar pelan2 ke materi yang lebih atas.. Dan videonya berseri.. Materi yang digunakan di video yg satu pasti menggunakan materi dari video2 sebelumnya.. Kalau belajarnya lompat2, bakalan susah karena ada materi yang terlewat.. Belajar di videonya pun jangan di-skip2.. Saya buat video dengan durasi tersebut ya memang untuk menjelaskan materinya sedetil mungkin.. Kalau di-skip2, pasti ada yang terlewat meskipun kecil.. Belajar tiap video pun jangan hanya sekedar ditonton atau mengikuti kodingan di video.. Tapi harus bener2 paham dengan apa yang dikoding.. Lalu coba praktekkan dengan kasus2 lain.. Ngga usah kasus yg sulit2.. Cukup kasus sederhana yang menggunakan materi yg dipelajari.. Contoh: kalau baru belajar input output, ya coba buat kasus yg memang cuma input output aja.. Misalnya membuat aplikasi utk menghitung luas segiempat, buat aplikasi utk menghitung harga setelah didiskon, dsb.. Simple.. Tapi melatih input outputnya.. Intinya.. Ngoding itu bukan hafalan.. Ngoding juga ga perlu bakat.. Ngoding itu sama seperti menyetir mobil.. Ikutan les mobil berkali2 juga ngga akan bisa2 kalau di rumah ngga pernah dilatih.. Awal belajar mobil pasti banyak nabrak.. Tapi yang membuat kita jago itu kalo kita udah dapet feeling nya.. Dan feeling itu didapat dari banyaknya praktek dan latihan.. Feeling ngga bisa diajarkan.. Yg dapat diajarkan itu konsep dan pengetahuannya.. Bagaimana menerapkannya, itu harus banyak latihan.. Kira2 seperti itu saran dari saya..
@iopyrb
@iopyrb 3 месяца назад
mantap pak, cara penjelasannya mudah dimengerti.
@ericodarmawan
@ericodarmawan 2 месяца назад
Syukur deh ya kalau mudah dimengerti.. Semoga bisa bermanfaat ssmua ya video2nya.. 😊
@syaifuddinayuha5529
@syaifuddinayuha5529 8 месяцев назад
gokil pak Erico menjelaskannya, jd mulai faham knp code-nya ditulis kek gitu.
@ericodarmawan
@ericodarmawan 8 месяцев назад
Hehe.. Manteb kan? Kayaknya jarang yang menjelaskan bener-bener dari nol deh.. Saya sengaja jelaskan dari awal banget supaya bener2 ngerti.. Memang lebih panjang sih videonya.. Tapi ya kan supaya ngerti.. Ngga cuma ngetikin apa yg saya ketik.. Hehe.. Kalau bermanfaat, tolong bantu share juga ya.. Supaya banyak temen-temen lain yang sedang belajar juga jadi lebih paham.. Soalnya banyak banget temen-temen lain yang sering salah mengerti dan menganggap parameter constructor dari widget-widget tersebut adalah seperti property pada tag-tag HTML. Karena salah mengerti, jadinya banyak yg sering bingung ga penting ke depannya. Semangat!!
@syaifuddinayuha5529
@syaifuddinayuha5529 8 месяцев назад
@@ericodarmawan saya pas pak Erico contohkan dari yg bikin object²nya dulu itu dgn cara biasa lalu diringkas langsung dimasukkan ke parameter constructor object lainnya, disitu saya baru ngeh kalo ternyata cara penulisannya kek gitu... parameter constructor object bisa dimasukkan object² lainnya... jujur awalnya kebingungan kalo liat tutorial lain yg langsung contohin dgn cara diringkas gitu, gk faham dalam hati, kok iso gitu ??? eh ternyata gitu rupanya... hehe makasih pak Erico mantap bgt cara mengajarnya 😁
@ericodarmawan
@ericodarmawan 8 месяцев назад
@@syaifuddinayuha5529 iya betul.. Jangan lupa dipelajari juga playlist Pemrograman Berorientasi Objek Dart nya.. Karena Flutter menggunakan bahasa Dart yg merupakan bahasa pemrograman berorientasi objek, sehingga pemahaman akan PBO / OOP nya sangat diperlukan meski hanya untuk membuat UI nya saja.. Itu sebabnya banyak temen2 lain yg kesulitan belajar Flutter.. Penyebab utamanya ya karena tidak/kurang menguasai konsep PBO nya.. Bukan karena Flutternya yg susah..
@syaifuddinayuha5529
@syaifuddinayuha5529 8 месяцев назад
@@ericodarmawan siap pak... saya bolak balik kok ini tutorial dasar Dart nullsafety, PBO Dart, sama ini Flutter nullsafety, hehehe
@ericodarmawan
@ericodarmawan 8 месяцев назад
@@syaifuddinayuha5529 sip!!
@ylaw2092
@ylaw2092 3 месяца назад
jadi menurut Pak metode mana yang direkomendasikan, apakah yang pertama dengan membuat Variable2 dengan kode program yang panjang atau yang kedua yg tidak menggunakan variabel dg kode program lebih ringkas?
@ericodarmawan
@ericodarmawan 3 месяца назад
Yg terakhir donk.. Saya berikan yg awal itu supaya ngga kaget dan lebih smooth transisi dari belajar OOP Dart di console menuju ke aplikasi Flutter nya.. Kalau saya langsung loncat ke bagian terakhir, akan banyak yg bingung itu apa.. Dan banyak yg malah salah paham menganggap parameter constructor dari tiap widget seperti atribut di tag-tag HTML. Dengan cara penjelasan ini, saya juga menunjukkan bahwa membuat UI Flutter pun sesungguhnya menggunakan konsep OOP.. Jadi penguasaan konsep OOP ini sangat penting.. Banyak yg menganggap bahwa UI di Flutter tidak perlu OOP dan akhirnya malas belajar OOP.. Ujung2nya mereka kesulitan belajar Flutter.. Kalau Mas nya belum belajar playlist OOP, saya sarankan pelajari dulu sebelum lanjut Flutternya..
@ylaw2092
@ylaw2092 3 месяца назад
@@ericodarmawan trimakasih Pak🙏
@107-roshanrammetta9
@107-roshanrammetta9 4 месяца назад
Bang Makai extension apa itu untuk yang penanda garis dan auto reference nya? Share extension yang dipakai dong
@ericodarmawan
@ericodarmawan 4 месяца назад
Ini ya.. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7mFZDnvdk_Q.html
@Bayu-official
@Bayu-official 6 месяцев назад
bikin tutorial install fluter yang baik dan versi terbaru dong pak,,,,,versi windows
@ericodarmawan
@ericodarmawan 6 месяцев назад
Cara installnya masih sama koq.. Di playlist Basic Programming with Dart for Newbies kan ada video instalasinya.. Utl Windows dan Mac..
@Bayu-official
@Bayu-official 6 месяцев назад
siap pak,sangat bermanfaat ilmunya udah saya coba,terimakasih bnyk pak ,ttp trus berbagi ilmu,semoga ketulusan bapak jadi amal@@ericodarmawan
@ericodarmawan
@ericodarmawan 6 месяцев назад
@@Bayu-official amin.. Terima kasih ya utk doa baiknya..
@Bayu-official
@Bayu-official 6 месяцев назад
pak extension vscode nya apa aja sih,kok saat coding ada garis2 kyk scafolding berwarna gthu...mohon dong extension apa aja yg bapak pakai.
@ericodarmawan
@ericodarmawan 6 месяцев назад
Pakai ini.. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7mFZDnvdk_Q.html
@ngebolangria1060
@ngebolangria1060 6 месяцев назад
maaf kak, shared vs nya yg di video gak terlalu jelas tulisannya, kurang zoom in
@ericodarmawan
@ericodarmawan 6 месяцев назад
di komputer juga kurang jelas? Coba dinaikin resolusinya.. Ini up to 1080p koq videonya.. Kalau terlalu zoom in, jadi ngga terlalu keliatan kesinambungan kodingannya.. Soalnya jadi cuma beberapa baris..
@thoriq_aulia
@thoriq_aulia 8 месяцев назад
punten mau tanya, kalau sebelumnya sudah belajar OOP tapi dengan java, apa masih perlu mengikuti playlist OOP dart? terimakasih
@ericodarmawan
@ericodarmawan 8 месяцев назад
Mengingat sangat pentingnya konsep OOP di dalam Flutter, bahkan sekedar untuk membuat UI nya saja. Maka sebaiknya tetap diikuti untuk alasan-alasan berikut: 1. Untuk memastikan bahwa setiap konsep yang diperlukan bener2 sudah dipahami dan tidak ada yang terlewatkan. 2. Dart mirip dengan Java, tapi tidak sama dengan Java. Serupa tapi tak sama. Dia mirip campuran Java dan Python. Jadi semacam ular jawa 😁. Nah.. Dengan mengikuti playlist ini, nanti bisa tau apa bedanya. 3. Playlist ini dapat diikuti dengan cepat jika memang sudah mengerti konsep2nya. Tapi kalau ada yg terlewat, jadi bisa belajar juga. Begitu kira-kira..
@j2primechannel378
@j2primechannel378 6 месяцев назад
ekstensi apa aja pak yang cocok buat fluttrr yn ad di vscode
@ericodarmawan
@ericodarmawan 6 месяцев назад
Bisa dilihat di sini ya.. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7mFZDnvdk_Q.html
@Mr_Lee73
@Mr_Lee73 7 месяцев назад
maaf pak rico, di msvisualcode saya gak ada flutter yg blank application, gimana biar nongol, thanks
@ericodarmawan
@ericodarmawan 7 месяцев назад
Install Flutternya pakai versi yg paling baru..
@hendyhidayat6291
@hendyhidayat6291 8 месяцев назад
ini pakai extention apa ya pak agar ketika kita save auto rapih dan ada panahnya kebawah?
@ericodarmawan
@ericodarmawan 8 месяцев назад
Ada settingan nya di VS Code utk auti rapi pas di-save.. Tapi klo yg panah ke bawahnya mah ngga nangkep maksudnya yg mana..
@hendyhidayat6291
@hendyhidayat6291 8 месяцев назад
@@ericodarmawan gk ada diskon pak untuk course di udemynya? hehe
@ericodarmawan
@ericodarmawan 8 месяцев назад
@@hendyhidayat6291 ada.. Besok tanggal 2 baru dapet kupon promo awal tahun nya.. Ntar malem saya posting ya kodenya.. Ntar saya share di community RU-vid, IG, FB, group FB, group telegram, dan LinkedIn saya.. 😊
@Bayu-official
@Bayu-official 6 месяцев назад
Pak......bagaimana cara buka project flutter versi 1 ke versi 3.....sering eror.....tolong tutorialnya dong
@ericodarmawan
@ericodarmawan 6 месяцев назад
Kalau masalah null safety, sudah saya jelaskan di video-video awal playlist Basic Programming with Dart for Newbies.. Kalau masalah perubahan syntax dari package yang digunakan, mau ngga mau ya harus baca dokumentasi packagenya..
@Bayu-official
@Bayu-official 6 месяцев назад
terima kasih penjelasannya,,,,,,saya mulai ngerti pak@@ericodarmawan
@ericodarmawan
@ericodarmawan 6 месяцев назад
@@Bayu-official iya.. Sama sama.. Semangat ya belajarnya..
@fikrinurfirdaus983
@fikrinurfirdaus983 5 месяцев назад
pak, kalau misalnya dasar oop nya dari java apakah bakal kebingungan ya pak?
@ericodarmawan
@ericodarmawan 5 месяцев назад
Sebaiknya sih tetep dipelajari playlist Pemrograman Berorientasi Objek Dart nya.. Bukan masalah bahasa Java atau Dart nya.. Tapi lebih ke arah supaya lebih yakin yg diperlukan itu memang bener2 sudah dikuasai semua.. Kalau2 ada yg terlewat ketika belajar di masa lalu.. Kalau ternyata sudah dikuasai semua, anggep aja review.. Tapi kalau ternyata ada yg terlewat/kurang dikuasai kan jadi ngerti.. Begitu lho.. Selain itu, secara teknis.. Ada beberapa hal yg berbeda di Java dan di Dart.. Dart itu mirip Java.. Tapi mirip Pytjon juga.. Jadi, ngga semuanya sama.. Contoh: secara konsep di PBO, ada yg namanya public, private, dan protected.. Tapi secara pelaksanaan (teknis), di Python dan Dart ngga ada private dan protected seperti yang di Java.. Ada perbedaan dikit.. Jadi, lebih ke arah mengantisipasinya aja sih.. Bukan masalah bahasa pemrogramannya.. Kalau secara konsep, konsep PBO di bahasa apa pun juga sama..
@ylaw2092
@ylaw2092 3 месяца назад
ini masih pakai yang versi beta ya? apa bedanya dengan yang stable terbaru Pak?
@ericodarmawan
@ericodarmawan 3 месяца назад
Versi beta = versi stable + fitur yg akan akan dirilis masih dalam tahap uji coba akhir.. Saya pakai beta supaya bisa nyoba2 fitur yg akan datang.. Kalau yg belajar sih pakai stable aja gpp..
@ylaw2092
@ylaw2092 3 месяца назад
Ow gitu Pak, thanks sy jd paham 🙏
@alviyudha
@alviyudha 5 месяцев назад
pak maaf mau tanya, appbar saya pas di runing ga ada warna biru nya untuk text dllnya muncul , itu ada salah atau gmana ya pak ? terimakasih
@ericodarmawan
@ericodarmawan 5 месяцев назад
Nyobanya di emulator iOS?
@ArdiSyahputra-yl3sn
@ArdiSyahputra-yl3sn 8 месяцев назад
Pak saya mau belajar flutter dari awal , biar runtun dari mana dulu ya ???
@ericodarmawan
@ericodarmawan 8 месяцев назад
Sudah saya pasang section "Jalur Belajar Flutter" di youtube channel page saya.. Urutannya: Basic Programming with Dart for Newbies ➡️ Pemrograman Berorientasi Objek Dart ➡️ Flutter Essentials ➡️ Flutter Tutorial Part 1 dan 2 Kalau mau mengikuti playlist materi prasyarat kelas online FlixID juga bisa. Playlist ini berisi video2 yg sudah saya pilihkan agar dapat memahami kelas online FlixID dengan baik. Sudah saya urutkan juga mulai dari yg basic banget hingga materi2 yg lebih advance.. ru-vid.com/group/PLZQbl9Jhl-VALHI5d-KcsUbhbFt51qcfo&si=EmirnbaMmboY5AK8
@Bayu-official
@Bayu-official 5 месяцев назад
Pak khusus flutter essential ini yg bapak pakai versi berapa?
@ericodarmawan
@ericodarmawan 5 месяцев назад
Pakai yang terbaru aja gpp.. Sama aja koq..
@user-yi1ns9pi3r
@user-yi1ns9pi3r Месяц назад
bedanya playlist ini sama tutorial chapter 1 flutter apa ya pak?
@ericodarmawan
@ericodarmawan Месяц назад
Playlist ini isinya: - Remake video2 penting dari Flutter Tutorial Part 1 (lebih lengkap dan jelas). - Video baru yang saya anggep penting utk diketahui, tapi blm ada di Flutter Tutorial Part 1. Untuk yg belum sempet saya remake dan juga video2 lainnya yg memang saya ga bahas di Flutter Essentials, tetep pelajari dari Flutter Tutorial Part 1 aja..
@user-yi1ns9pi3r
@user-yi1ns9pi3r Месяц назад
@@ericodarmawan oke baik pak, terima kasih🙏🏻
@user-mc5gw6jd9t
@user-mc5gw6jd9t 7 месяцев назад
bang di menit 11:05 pas d compile di saya kok ngeblank putih aja ya bang? padahal codingnya udh d sesuaikan
@ericodarmawan
@ericodarmawan 7 месяцев назад
Coba dicek lagi.. Pasti ada yg ketinggalan.. Ngga mgkn jadi blank putih klo kodingannya sama.. Kalo ngga yakin, coba aja new project, trus lgsg compile.. Jangan dihapus dulu kayak saya di video.. Lgsg jalanin.. Klo tampil, berarti betul ada yg kelewat..
@abilhakim_
@abilhakim_ 10 месяцев назад
Pak saya mau bertanya untuk kelas flixid, apakah aplikasi nya sudah responsive untuk berbagai ukuran device mobile Pak?
@ericodarmawan
@ericodarmawan 10 месяцев назад
Kalau untuk ukuran mobile (handphone & tab) iya.. Sudah bagus.. Tapi kalau untuk ukuran layar lebar, belum ditangani karena memang target nya di sini aplikasi handphone.. Bukan web.. Selain itu fokus materi yg dipelajari di sini bukan ke UI nya.. Tapi separation of concerns menggunakan clean architecture nya..
@syihamchannel1811
@syihamchannel1811 10 месяцев назад
Flutter untuk membuat login app dan news ada tutorialnya kah ??
@ericodarmawan
@ericodarmawan 10 месяцев назад
@@syihamchannel1811 login ada di Flutter Tutorial Part 2.. Autentikasi dengan email & password, dsb..
@syihamchannel1811
@syihamchannel1811 10 месяцев назад
@@ericodarmawan boleh mnt link videonya yg dimaksud gan
@ericodarmawan
@ericodarmawan 10 месяцев назад
@@syihamchannel1811 ada di playlist ini.. Nomor 20an ke atas ada yg bahas autentikasi.. Ada bbrp video bersambung Flutter Tutorial (Flutter Fundamentals) Chapter 2: ru-vid.com/group/PLZQbl9Jhl-VBtLsFGDGXuhJSvAbwVuyPu
Далее
Flutter Essentials 05. Row & Column
11:18
Просмотров 3,9 тыс.
Setelah 3 Hari Belajar FLUTTER Mobile Apps
27:09
Просмотров 42 тыс.
ПРОСТИ МЕНЯ, АСХАБ ТАМАЕВ
32:44
Просмотров 2,1 млн
PBO DART 01. Aplikasi Pertamaku
7:12
Просмотров 53 тыс.
Membuat Aplikasi Android Pertama dengan Android Studio
20:09
Text Editor AI Yang BENER BENER GRATIS!
12:13
Просмотров 197 тыс.
What is Flutter?
7:53
Просмотров 814 тыс.
How to Make Android Applications Without Coding
14:14