Mastering Flutter UI

Belajar Membiasakan Slicing Berbagai Tampilan Aplikasi Menggunakan Flutter

5.00 (3 reviews)
Udemy
platform
Bahasa Indonesia
language
Mobile Apps
category
Mastering Flutter UI
20
students
12 hours
content
Jan 2022
last update
$19.99
regular price

What you will learn

Create beautiful UI

Best practice widget

How to analyze design to code

Slicing design to code

Description

Course ini dibuat menggunakan Flutter 2.8. Course ini berfokus pada pembuatan tampilan UI menggunakan dummy data dan data beberapa data yang dinamis. Tampilan user interface yang akan di slicing ke flutter, bentuknya dimulai dari part-part atau bagian-bagian dari sebuah halaman (tidak full halaman). Dibagian akhirnya terdapat studi kasus membua tampilan halaman full dari 5 aplikasi berbeda.

Course ini menggunakan bahasa Indonesia dan tidak terdapat subtitle. Tool yang digunakan pada course ini diantaranya framework Flutter sebagai alat coding nya, Visual Studio Code sebagai text editor, real device untuk menjalankan aplikasi, dan bahan contoh tampilan yang akan ditiru (clone) dari beberapa aplikasi. Pada course ini terdapat design ui nya dalam bentuk power point dan terdapat pula source code project untuk mencoba secara langsung.

Course ini tidak dikhususkan untuk tingakatan tertentu, tetapi lebih bersifat umum untuk semua tingkat. Sehingga pembelajar baru dapat mengetahui materi baru, sedangkan bagi pembelajar senior dapat mengasah kemampuannya dalam pemahaman slicing design to code menggunakan Flutter.

Pada course ini, cara saya mengimplementasikan design ke coding menggunakan berbagai cara yang mungkin bisa dilakukan dengan sudut pandang berbeda. Jadi pembelajar dapat memilih dan menggunakan best practice menurutnya yang terdapat pada course ini. Bisa jadi pembelajar menemukan best practice baru dalam proses slicing design to code.

Course ini dapat menjadi bekal bagi pembelajar untuk menganalisis berbagai design complex agar bisa diimplementasikan ke coding menggunakan framework Google Flutter.

Terima kasih & Happy Coding ?

Content

Persiapan

Demo Course
Create Project
Basic Layout
Source Design

Code

Play Store - Item App
Facebook - Item Group
Facebook - Item Story
Item Course
Gojek - Item Food
Instagram - Item Comment
Webtoon - Item Favorite
Webtoon - Item Toon
Facebook - Item Post
Instagram - Item Post
Instagram - Item Story
Instagram - Banner Item Story
Instagram - Detail Story
Play Store - Item Book
Play Store - Item Comment
Youtube - Item Video
Play Store - Item Game
Tokopedia - Item Product
Tokopedia - Item Cart
Instagram - Detail Reels
Gojek - Gopay

Full Screen UI

Detail Course Page
Webtoon - Detail Toon Page
Bstation - Watch Page
Playstore - Detail App Page
Tokopedia - Detail Product
Source Code

Charts

Price

Mastering Flutter UI - Price chart

Rating

Mastering Flutter UI - Ratings chart

Enrollment distribution

Mastering Flutter UI - Distribution chart

Related Topics

4511260
udemy ID
1/24/2022
course created date
2/3/2022
course indexed date
Bot
course submited by