background icons
background icons 2

Video Belajar

Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Code with Bahri.

Code with Bahri

7529

Flutter Tutorial Grocery App Toko Sembako Online Android | iOS | Complex UI

Course FIC22 Aplikasi Ordering Ticket Wisata, E-Ticket, Scan QR E-Ticket, Multi Vendor & Payment
Bulan Januari 2025

PROMO 199K (Kupon: DISKON100)
Link Join:
https://join.jagoflutter.com/ticketingapp
Masukan Kupon: DISKON100* (Potongan 100K)

FIC22 Aplikasi Pemesanan Ticket Wista Mobile App, Multi Vendor, QR E-Ticket dan Online Payment Gateway Dengan Flutter 3.27, Laravel 11 dan MySQL - 8x Live Zoom

Boleh dishare ke 2 TEMANnya

Setelah pembayaran akan ada email notifikasi.
Harga Normal 299K jadi 199K.
Promo sampai Senin, 6 Januari 2025.

Demo:
https://www.youtube.com/watch?v=Hc2xcwkL0j8
Join JagoFlutter Channel:
https://whatsapp.com/channel/0029Vb0ucRx7oQhVmCVypC1Y

Kurikulum FIC 22:
* Instalasi Flutter 3.27 (Terbaru) & Laravel 11, Database Mysql, Composer, Tableplus, Android Studio, JDK, VS Code
* Membuat Dashboard Web menggunakan Laravel Filament.
* Membuat API Auth Register Login, Users, Vendor, Tickets, SKU, Orders.
* Flutter Import Template stater Ordering Ticket App
* Flutter Integration API Login Google Sign In
* Flutter Integration API Ticketing
* Flutter Integration API Order & Payment with WinPay
* Flutter Integration History
* Flutter Integration QRCode and Scan E-Ticket

Goals & Benefit:
* WhatsApp Group Khusus Member FIC 22 untuk tanya jawab dan networking
* Mendapatkan Full Video Recorded
* Mendapatkan Full Sourcecode
* Mendapatkan Full Figma Design
* Materi bisa diakses di Elearning atau Learning Management System (LMS)
* Tugas Akhir yang bisa jadi portofolio.

Schedule Zoom Pertemuan pertama: Kamis, 9 Januari 2025 Jam 20.00 WIB

Pemateri: Saiful Bahri
linktr.ee/codewithbahri

Join WA Group Code with Bahri Community Flutter: https://chat.whatsapp.com/IkZtTfaMZot8Bt6PjV29Sx

Simpan No WA saya (Bahri). Feel Free chat me: https://wa.me/6285640899224

- Get ZEGOCLOUD SDK for 10,000 free mins: https://bit.ly/3Oo8e44
- Pre-built UIKits in low code: https://bit.ly/3ugqOUW
- How to Build a Flutter Video Call APP: https://bit.ly/3SEMZ0w
- Create doc site with Docuo now: https://bit.ly/3HDePnx

ZEGOCLOUD SDK provides easy video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction.
#zegocloud #uikits #flutter #sdk #api

Join WA Group Code with Bahri Community Flutter: https://chat.whatsapp.com/IkZtTfaMZot8Bt6PjV29Sx

Flutter Tutorial Grocery App Toko Sembako Layouting UI, coding disertai penjelasan singkat, melatih kita untuk kembali memahami widget dan bagaimana kita menggunakannya secara efektif dalam membangun layout sebuah tampilan apps, cocok untuk pemula maupun advance yang sedang melatih pemahaman tentang widget.

Playlist Flutter Intensive Club (FIC) :
https://www.youtube.com/playlist?list=PLQvQbJRJpIZ67MrVzPDOYtAs7wmFjmFUI

Kelas Flutter Pemula 99Ribu *Promo : https://habiskerja.com/kelas-flutter/?ref=codewithbahri&campaign=flutter-pemula
Open Jasa pembuatan aplikasi android/ios : https://t.me/bahri_bhe
Open Private Class Flutter (fee /Jam), materi by request : https://t.me/bahri_bhe

Jasa Konsultan Flutter dan Endorse https://t.me/bahri_bhe
Github: https://github.com/bahrie127
Linkedin: https://linkedin.com/in/bahrie
Roadmap Terbaru Belajar Flutter 2022 : https://youtu.be/e2zMJqDBmoY
Medium: https://medium.com/@codewithbahri

Tekan Button Subscribe untuk support channel ini.
Source code: https://github.com/bahrie127/flutter_grocery_app

00:00 Intro
00:07 demo app
00:27 create project
01:07 create AppBar
02:30 copy assets
03:10 class Model
03:40 body Gridview
04:25 card widget
05:26 Hero widget
07:00 aspectRatio
08:40 Gridview builder
12:18 product detail
13:20 Gesture detector
13:38 Navigation push
17:10 Stateful widget
17:22 setState
19:00 testing app
19:06 summary and thanks

List of widget yang di pakai:
GridView.Builder
Card
Hero
IconButton
Gesture Detector
Navigator push
Navigator pop
Data Class
Column
Row
Image Asset
App Bar
Stateful widget
Stateless widget
setState
AspectRatio
SizedBox
Container
Text
TextStyle
Scaffold

#Flutter #Tutorial #GroceryApp #layouting #uiux

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
@codewithbahri