BELAJAR FLUTTER DARI NOL - SECTION 1 - 01 Introduction

Summary

This video is an introduction to becoming a Flutter developer through a fast-track program designed for beginners. It covers the basics of Flutter, a Software Development Kit (SDK) used to build apps for multiple platforms like Android, iOS, and web using a single codebase. The tutorial focuses on practical steps, such as installing Flutter on Windows and MacOS, setting up Android Studio, Visual Studio Code, and required plugins. It also explains how to create and run a Flutter project with emulators and provides tips for enhancing coding efficiency through various extensions.

Takeaways

• 😀 Flutter FastTrack: This session covers a fast-track course for becoming a Flutter developer from beginner to advanced levels.
• 🚀 Practical Focus: The course focuses heavily on practical aspects, minimizing theoretical explanations for faster learning.
• 📱 Flutter SDK Overview: Flutter is an SDK developed by Google that allows the creation of apps for multiple platforms (web, Android, iOS, desktop) using a single codebase.
• 💻 Installation Guide: The script explains how to install Flutter SDK on both Windows and Mac OS, including setting up environment variables.
• 🛠 Tools Setup: Visual Studio Code and Android Studio are recommended tools for text editing and Android emulation, respectively.
• 📱 Emulator Setup: The guide demonstrates setting up Android Studio's AVD (Android Virtual Device) and running an Android emulator.
• 📱 iOS Emulator: Mac users can use Xcode to set up and run iOS simulators for testing iOS apps.
• 🧩 Required Plugins: The script emphasizes installing Flutter and Dart plugins in Visual Studio Code and Android Studio for Flutter development.
• 🔧 Project Creation: Instructions on creating a new Flutter project using Visual Studio Code's Flutter extension, including running the default app.
• 🔄 Extending VS Code: Recommendations for additional VS Code extensions (bracket colorizer, material icons, etc.) to improve coding efficiency and aesthetics.

Q & A

What is the main purpose of this video tutorial?

The video tutorial is focused on teaching how to develop applications using Flutter, specifically for beginners. It covers essential topics like Flutter installation, setting up development environments, and creating the first Flutter project.

What is Flutter, and why is it important?

Flutter is an open-source SDK (Software Development Kit) used for developing applications for Android, iOS, web, and desktop from a single codebase. It’s maintained by Google and supports fast development with high performance, using the Dart programming language.

What are the essential tools needed to start Flutter development?

To start Flutter development, you need Flutter SDK, Visual Studio Code (or any text editor), and Android Studio for Android SDK and emulator. On macOS, Xcode is needed to develop and simulate iOS apps.

What programming language does Flutter use, and why?

Flutter uses the Dart programming language, chosen for its fast performance and ability to replace JavaScript in certain areas. Dart supports Flutter's goal of building high-performance applications across multiple platforms from a single codebase.

How do you install Flutter on Windows or macOS?

For Windows, download Flutter SDK, extract it, and set the environment variable path to the Flutter bin directory. On macOS, download Flutter SDK, extract it, and add the path to .zshrc or .bash_profile, depending on the shell being used.

What is the role of Android Studio in Flutter development?

Android Studio is used primarily for setting up the Android SDK and creating Android emulators (Android Virtual Devices). Although Visual Studio Code can be used as the primary text editor for Flutter, Android Studio provides essential tools for testing Android apps.

What is Xcode, and when do you need it?

Xcode is required for Flutter development on macOS to create iOS applications. It provides an iOS emulator and necessary tools for developing and testing iOS apps.

What are the most important Visual Studio Code extensions for Flutter development?

The key Visual Studio Code extensions for Flutter development are the Flutter and Dart extensions. These provide essential tools and functionalities, like project templates and debugging features, needed for Flutter development.

What is an Android Virtual Device (AVD), and why is it needed?

An Android Virtual Device (AVD) is a virtual Android phone used for testing Android applications. It simulates different Android devices, helping developers test their apps on various Android versions and screen sizes without needing physical devices.

How do you create a new Flutter project in Visual Studio Code?

To create a new Flutter project in Visual Studio Code, press F1, type 'Flutter: New Project', select 'Application', choose a location to save the project, and provide a name for the project. Visual Studio Code will then generate the project files.

Outlines

00:00

📱 Introduction to Flutter Development

This section introduces the concept of fast-track learning for Flutter development. The video aims to guide viewers on becoming proficient Flutter developers quickly, with a focus on hands-on practice rather than theoretical concepts. The tutorial starts from the basics, covering essential topics like installing Flutter on Windows and Mac OS, understanding plugins in VS Code, and using Flutter's open-source SDK to build apps across platforms such as web, Android, iOS, and desktop.

05:01

💻 Installing Flutter on Mac OS

This part provides step-by-step instructions for installing Flutter on Mac OS. It covers placing the Flutter SDK in the user directory and configuring the environment variables. The speaker explains how to modify the `zshrc` or `bash_profile` files for proper path setup. The instructions emphasize using VS Code and Android Studio for coding and Android SDK setup. Additional details include managing Android emulators for app testing.

10:02

📲 Setting Up Android Emulators

The third paragraph explains the process of setting up Android emulators using Android Studio. It describes how to create virtual devices (e.g., Pixel 4) with various Android versions for app testing. The speaker demonstrates how to configure and launch the emulator and troubleshoot potential performance lags during startup. Additionally, there's mention of integrating Android SDK to facilitate app testing within the emulator environment.

15:06

📱 Creating iOS Emulators

In this section, the focus shifts to setting up iOS emulators using Xcode on Mac OS. The speaker discusses installing Xcode from the App Store and explains that iOS emulators, such as the iPhone 12 Pro Max, are exclusive to Mac users. The emulator functions similarly to the Android setup but with iOS-specific tools. There’s also a brief mention of the large file size of Xcode and its impact on storage.

20:08

🛠️ Installing Visual Studio Code Extensions for Flutter

This section describes the essential VS Code extensions needed for Flutter development, such as the Flutter and Dart plugins. The speaker provides instructions on installing and configuring these plugins to enable smooth app development. There’s also advice on customizing the editor with additional features like syntax highlighting, bracket colorization, and material icons, making the coding experience more efficient and visually appealing.

Keywords

💡Flutter

Flutter is a software development kit (SDK) that allows developers to create applications for multiple platforms like Android, iOS, web, and desktop using a single codebase. The script highlights Flutter's efficiency by explaining how it simplifies the development process by avoiding the need to code separately for different platforms. This concept is central to the video, as the tutorial aims to teach viewers how to quickly become Flutter developers.

💡SDK (Software Development Kit)

SDK, or Software Development Kit, is a collection of tools, libraries, and documentation that developers use to create applications. In the context of the video, Flutter is introduced as an SDK that helps build multi-platform applications from a single project. The video emphasizes Flutter's SDK as a fast-track method for app development, making it a crucial term for understanding the technical foundation of the tutorial.

💡Dart

Dart is a programming language used by Flutter for building applications. The script explains that Dart is preferred over JavaScript because of its performance benefits, which is a key point when introducing Flutter to new developers. Dart enables efficient development across various platforms, and understanding it is vital for anyone learning to use Flutter, as mentioned in the tutorial.

💡Cross-platform Development

Cross-platform development refers to the process of creating applications that work on multiple platforms (e.g., Android, iOS, web) using a single codebase. The script describes how Flutter allows developers to write code once and deploy it across different devices, highlighting the efficiency and time-saving advantages of cross-platform development. This is one of the core messages of the video.

💡Visual Studio Code

Visual Studio Code (VS Code) is a popular text editor used by developers, particularly for writing code. The video explains how Visual Studio Code is the recommended editor for developing Flutter applications due to its powerful extensions and lightweight performance. This is an important concept, as the tutorial walks through the process of setting up VS Code for Flutter development.

💡Android Studio

Android Studio is an integrated development environment (IDE) used for Android app development. In the script, it is described as a tool for setting up Android emulators, which are virtual devices used for testing apps. Although the tutorial suggests using Visual Studio Code for coding, it emphasizes the importance of Android Studio for configuring Android emulators to test Flutter apps.

💡Fast-track Learning

Fast-track learning is the central theme of the video, which focuses on teaching Flutter development quickly and efficiently. The tutorial aims to provide a condensed, practical approach without delving too deeply into theoretical aspects. This is highlighted by the emphasis on hands-on practice and a streamlined learning process, allowing viewers to develop apps as soon as possible.

💡Emulator

An emulator is a software that mimics the functionality of a physical device, allowing developers to test applications in a virtual environment. In the video, the tutorial explains how to set up Android and iOS emulators using Android Studio and Xcode to test Flutter applications. This is crucial for understanding how developers can test their code without needing physical devices.

💡Xcode

Xcode is an IDE used for developing applications for Apple devices, including iOS. The video mentions Xcode as the tool required for setting up an iOS emulator, which is necessary for testing Flutter apps on iPhone devices. Xcode is particularly important for developers working on MacOS, as it provides the environment for building and testing iOS apps.

💡Extensions

Extensions in this context refer to plugins or additional tools that enhance the functionality of an IDE or text editor like Visual Studio Code. The video emphasizes the importance of installing extensions like 'Flutter' and 'Dart' to support Flutter development. These extensions provide additional features such as code completion, debugging, and project templates, making them essential for improving the development workflow.

Highlights

Introduction to Flutter FastTrack: A condensed learning path for beginner Flutter developers, focusing on practical application development with minimal theoretical discussion.

Overview of Flutter: Explanation of Flutter as an open-source SDK, maintained by Google, for creating apps for multiple platforms (Android, iOS, web, desktop) with a single codebase.

Flutter vs JavaScript: Dart is used instead of JavaScript in Flutter, offering improved speed and performance.

Installing Flutter SDK: Step-by-step guide for installing Flutter SDK on Windows and Mac OS, with a focus on setting environment variables.

Visual Studio Code Setup: Explanation of Visual Studio Code as the primary text editor for Flutter development, with instructions on how to install necessary extensions like Dart and Flutter.

Android Studio Integration: Instructions on setting up Android Studio to provide the Android SDK and virtual devices for app testing.

Using Emulators: How to use Android and iOS emulators for testing Flutter applications, including a discussion on creating virtual devices in Android Studio and Xcode.

Setting up iOS Emulator: Detailed guide on setting up the Xcode simulator for iOS apps, specifically for Mac users, as Windows does not support iOS simulators.

Creating a Flutter Project: Steps to create a new Flutter project using Visual Studio Code and the Flutter extension.

Understanding Flutter Project Structure: Overview of the basic folder structure of a new Flutter project and its essential files, such as `main.dart`.

First Flutter App: A walkthrough of creating and running the first Flutter app, including modifying basic UI components.

Recommended Extensions for Visual Studio Code: Discussion of useful extensions for Flutter development, such as Bracket Pair Colorizer and Material Icon Theme for improved visual organization.

Using Sublime Text Keymap: Explanation of how the Sublime Text Keymap extension in Visual Studio Code helps speed up coding through shortcuts.

Key Plugins for Android Studio: Importance of installing Dart and Flutter plugins in Android Studio for Flutter development.

Next Steps: Introduction to the next section, focusing on learning the Dart programming language as a foundational skill for Flutter development.

Transcripts

Hai

[Musik]

www.halomoney.co.id bersama codeproject

jadi pada khusus ini kita akan nanti

belajar Gimana caranya kita bikin

aplikasi dengan flatter ya ya ini dengan

karakter secara cepat singkat padat

jelas ya jadi semua materi di sini udah

dirangkum ya udah dipaketin Gimana

caranya kita menjadi flater developer

dengan rakyat dengan jalur yang sangat

cepat ini kita bahas festrack efek untuk

flatter beginner jadi Disini teman-teman

bener-bener dari nol dari dasar dari

pengertian later itu sendiri dan lain

sebagainya sampai teman-teman bisa

membuat sebuah aplikasi menggunakan

father eh namanya juga festrack ya Jadi

ini adalah jalur tercepat hai

eh menjadi sebuah seorang flatter

developer kita Nah di sini

kita ada silabusnya seksi

section-section yang pertama itu adalah

ya introduction lah yah jadi disini kita

enggak terlalu dalem terlalu detail

tentang pengertian secara teoritik

teoritis itu enggak jadi kita

bener-bener

langsung ke praktek Lebih banyak ke

prakteknya jadi lebih cepat gitu nah Apa

itu father Bruce kemudian kita gimana

caranya install fakturnya di Windows

atau time OST nah terus ada apaan aja

tulisnya terus gimana cara ngerjainnya

atau membuat sebuah Project Ya gimana

kemudian apa aja nih plugin yang dipakai

di vs.net ini adalah section yang

pertama kali ini apa itu flatter ya Jadi

kalau di materi fakturnya ya penjelasan

singkat itu ya faktor itu sebuah SDK

gitu SDK atau software development kit

ya atau kita bisa sebut sebagai tools ya

yang digunakan untuk membuat beragam

aplikasi kita bisa bikin website kita

bisa bikin Android FC atau EOS ya Bahkan

desktop ABS hanya dengan satu basis

pengkodean maksudnya atau single khotbah

1 Project gitu maksudnya elea atau

Project itu bisa membuat semuanya jadi

kita nggak perlu repot-repot lagi

ngoding dua kali gitu ya nasi father ini

projectnya open-source benar dan

dipelihara oleh Google sejak 2018 nah

ini muncul peresmiannya di2018 itu

sebenarnya sebelum-sebelumnya itu udah

ada versi Alpha pada tahun 2017 itu ya

teknologi faktor ini menggunakan bahasa

pemrograman darat ya Jadi kenapa Pak

Endar eh dia tuh sebagai pengganti

javascript yang dinilai masih banyak

kekurangan lebih mengutamakan

kecepatan performance like makanya dia

menggunakan pemrograman Dark bahasa ya

itu adalah definisi singkat tentang

father akan dan sekarang bagaimana cara

install father Nyai ya bagaimana cara

install di Windows atau Mac OS dan

Berikut ini merupakan tutorial cara

install di Windows Phone

hai

oke nah itu adalah cara install Windows

sebenarnya simpel aja Dimana

kita meng-install father SD kannya

kemudian kita taruh di feat manapun ya

kemudian kita pasang di environment

variable itu untuk di Mac OS juga Mirip

ya Jadi kalau untukmu di Mac OS

temen-temen buka ya di sini getting

started aja kemudian kita install

menggunakan OS Disini versi yang

sekarang itu versi 281 ya di tanggal 20

desember nih akhir tahun nih 2001 itu

flatter SDK yang versi 28 Hai Nani klik

aja di download saya udah donlot nih

father

Eh 1giga nah saya pasang di sini ini

adalah folder father saya nah niatnya

adalah Saya ingin

memasang ini saya taruh di desktop dulu

ya pertama-tama saya mau

pasang di khuldi aja nih ya jadi di

bagian Mac OS eh masuk ke user ya user

could ini saya pasang di sini platter

nya ya mungkin eh desktop mana

desktop.exe top nah ini flatter ini kita

pasang di

user aja nyanyi buat pengguna Mac OS nya

incaran misal gini

ini kita copy aja dulu kemudian kalau

misal udah selesai eh kita tambahin

petnya Buka terminal ya kalau saya

menggunakan ZS HRC jadi di

Beirut ya ya di sini di home Hai itu

kalau kita cekel esmina SLS titik

alenayani93 titik ya biasanya kalau

petnya temen-temen itu bagi pengguna Mac

OS adalah yang menggunakan ZS HRC ada

juga yang menggunakan best profile kita

clear glue jadi kalau saya menggunakan

itik zsh RC Nah ini Ini adalah tempat

pet saya nah ini temen-temen tambahin

aja pailang ini yang atasnya jadi

teman-teman

tambahin aja yang atas ini PT dimana

saya pasang di user could ya kemudian

ini Bina yang kita tambahin udah simpel

ini tambahin 14 ini kemudian save gitu

Ya

udah kalau misalnya udah berarti udah

selesai ada juga yang begitu menenggak

menemukan zat shrc Norman bisa tambahin

di base profile eh nggak selesaikan

enggak ada nih profile Deni nggak ada

berarti saya menggunakannya zssa kalau

teman-teman petnya menggunakan best

profile tinggal diedit aja yang jelas

adalah kita menambahkan satu pet yaitu

flatter bin ini yang ini ya yang atas

aja ya Yang bawahnya ini yang 2 ini

nanti saya jelasin Kenapa ini bisa ada

air yang penting jelas adalah cuman yang

atasnya doang nah ini kita tambahin itu

adalah cara install di eh di Mac OS

seperti itu kita keluarin aja kemudian

kita masuk ke yang saling tool saya nah

sebenarnya untuk membuat sebuah Project

father itu minimal ada tiga ya minimal

ada tiga bahkan ada dua ya yaitu kita

perlu Visual Studio code untuk Text

Editor nya jadi apa itu vs.ps pot itu

adalah ya ini tulis aja Visual Studio

code misal kayak gini nah kayak gini ya

visuals Cut nah ini teman-teman download

aja nih click to download anti sesuai

dengan sistem operasi teman-teman Apakah

teman-teman Windows atau Mac OS nah ini

download aja ya atau Linux sih download

aja nanti kita akan mendapatkan instalan

seperti ini nah ini adalah Visual Studio

code seperti ini ya Jadi kita

menggunakan Visual Studio code sebagai

teks editingnya editornya Eh Neng kedua

itu ada Android studio nah ini perlu ya

Android video ini

jadi kita buat dapetin eh android-sdk

kita langsung aja install Android studio

Apa itu Android video Android video yang

kayak gini ya berhubung saya udang

install Android studio jadi kita nggak

perlu repot-repot lagi ya

tutorial install Android studio Nando

seperti ini ya kalau temen-temen belum

download download-nya aja tulis aja di

Google Android studio nah Android studio

nih ye free download Android studio nah

ini ada di developer.com nah ini ya jadi

sesuai lagi download sesuai dengan

teman-teman ya Apakah temen-temen di Mac

atau di Windows nah ini kedetect

langsung ya ini download Android studio

tampilan akan seperti ini mereka kita

bisa juga menggunakan Android studio

buat tempat loadingnya tapi lebih enak

sih di Visual Studio code ya nanti

ngoding nya itu Android studio Gunanya

buat apa anu studio biar kita punya

emulator Android jadi di

configure-to-order sini ada yang namanya

VD Manager APD Manager itu adalah

Android vertual device yah jadi disini

kita bisa membuat Android kalau

teman-teman belum punya Android misal

kayak gini nih misalnya saya hapus ya

Android saya masih kosong ya Jadi saya

nggak punya emulator Android Nah kalau

saya mau pasang android misalnya pilih

deh yang mana bebas Ya terserah

teman-teman ini HP Android Temen yang

saya menggunakan pixel empat yang ada

support Play Storenya phenex tinggal

next saja nih teman-teman mau di Android

ini mau pakai yang mana nih Mi

recommended Teh ada er ya Android er

android-q android.pie atau Oreo atau

nugget gitu ya Nah kalau saya sudah

download itu Android er nih yang ini ya

kayak naik saja Kemudian naik-naik saja

finish kemudian selesai nah ini adalah

emulator Android saya kemudian kita

jalanin kita Start aja nanti kita akan

memulai sebuah perangkat Android

emulator baru

Nah ini dilalui dia adalah Android

kita-kita Play aja nih hidupinnya

Maksude nian Androidnya dihidupin

sampai diam hidup gitu

tungguin dulu aja nih sampai di hidup

kita coba mana nih belum hidup

Hai tungguin dulu ya

ini adalah Android kita nih ya udah jadi

nih ya

Eh mungkin nih sedikit sedang Lex ya

berat nih masih baru mulai sholeh

dan mulai nah ini adalah Android kita

jadi kita punya virtual HP ya virtual HP

Nani lagi Eh sistem update-nya dulu Ini

sing dulu nih sampai semuanya saya

Biarin aja kita tungguin sampai semuanya

selesai yang jelas adalah ini emulator

kita udah jalan ya sekarang PR adalah

kita udah ini kita keluarin aja ya kita

keluarin kemudian disini mereka

teman-teman Butuh tambahan pagi

nazhaleya kalau misalnya teman-teman mau

menggunakan Android studio sembah hai

apa namanya Mbak gay text editor buat

modding flatter nya pakai Android video

Nah itu temen-temen jangan lupa

menambahkan dua buah plugin ya klik

paginya itu minimal harus terinstal Dark

dan juga foldernya Nah ini nih dua ini

ya yang harus diinstall yang harus

diupdate lah harus diinstall pokoknya

harus masuk ke dalam Android studio kita

Karena berhubung Saya tidak menggunakan

Android studio sebagai

editing text editor nya jadi ya Android

studio ini ya close close in aja gitu

nah ini kita close ini kita kalau jelek

ya Bos karena kita menggunakan Visual

Studio code untuk tempat ngoding kita

Android videonya kita keluarin aja

Eh itu ini kita kecilin bisa ini kita

kecilin aja dimensinya terlalu besar ini

nanti kayak gini ini adalah Nda nya

untuk di Visual Studio code ya jadi

Disini di Visual Studio code

eh kita kan udah meng-install ya udah

nyesal father kita nyesal Visual Studio

code dan kita juga udah meng-install

android-studio buat dapetin emulatornya

ya emulator dan Android SDK nya juga Nah

bagi teman-teman yang

pengguna Mac OS teman-teman bisa

mendapatkan emulator buat

iOS ya iPhone berapa gitu itu

menggunakan x-code ya jadi fungsi excoti

ini ia konsepnya sama kayak

android-studio kalau android-studio itu

buat menghasilkan

emulator Android kalau excoti ini buat

menghasilkan emulator iOS atau iPhone ya

jadi disini ekspor itu kayak gimana

exsport Itu yang kayak gini nih

x-code Nah ini kayak gini ekor Ini bisa

didapatkan di ep store-nya Jadi

teman-teman buka App Store kemudian

install aja nanti X chordnya nah explore

ini rada-rada berat nih maksudnya bukan

ada berarti ada

besar nih storynya dia bisa sampai 12 3

kalau masalah nah ini x-code ya

tampilannya kayak gini simpel sih

sebenarnya ini adalah x-code Oke

kemudian kalau mau jalanin kalau udah

install x-code kalau mau jalanin

emulatornya tinggal tulis Simulator Eh

nanti simulator ini adalah HP iPhone

kita eh Nah ini adalah Saya menggunakan

iPhone 12 promax sebagai emulatornya Nah

untuk Emulator iPhone ini yang bisa

nginstall itu hanya pengguna Mac OS ya

karena excoti ini enggak ada di Windows

jadi kita bagi teman-teman yang

menggunakan Windows ya itu enggak bisa

menggunakan simulator iPhone jadi hai

sandroid gitu

Rini ya oke kemudian disini iPhone saya

kalau mau ganti iPhone juga bisa

sebenarnya di sini ada device itu ada

banyak nih disini kita misalnya new

simulator boleh atau mau Open simulator

ini kita mau menggunakan headphone

berapa ya kalau saya pilih iPhone 12

romax ya berarti ini saya aktifin promax

12 atau kita mau nginstal TV OS nah ini

yang membuat si excoti ini besar ukuran

filenya bisa sampai 12 3 ya karena

banyak nih kita langsung tinggal pakai

aja udah diinstall yang sama dia nah ini

adalah tentang Simulator Eh

begini Android udah selesai kita coba

hari ini

Bos ini iPhone mana nih belum nyala nih

kita keluarin aja kita pakai Android

itu adalah dengan cara install father

dan juga kita install toolsnya nah

bagaimana cara membuat latar projectnya

Gimana cara bikin paket telepon gini

caranya adalah di Visual Studio code

kita itu teman-teman buka ccex tensi ini

yang ini di ekstensinya itu minimal

harus ada dua ya harus ada dua di mana

Eh tulis aja flatter ya ekstensi father

nih ini wajib ada nih ya ini wajib ada

ya teman-teman install aja dulu ya

kemudian flatter di-install dan juga

Dark Neng di-install ide2 yah minimal

platter dan Dartini

ekstensi hidup dari Nah kalau misalnya

udah selesai di-install teman-teman bisa

keluarin dulu eh pkoknya nanti

teman-teman buka lagi vs chordnya biar

restart text editor yah yang udah kita

tambahin lagi Ayo kita sekarang idenya

adalah di

CSO kita udah terinstall flatter Kita

sebenarnya ya udah terinstall father

Jadi sekarang pr-nya tinggal klik F1

cracked1 night sini Tulis aja father Nah

kalau kita nulis pattern ini ada banyak

nih ada new Project atau mau ngeram yang

lain Nah karena saya mau membuat sebuah

aplikasi flutter maka klik aja yang new

Project nanti dia mau dipilih Mau bikin

apa nih Apakah kita mau bikin yang lain

karena kita mau bikin aplikasi father

maka klik aja yang aplikasinya

eh kita Nanti ditanya kita mau buat

aplikasi pasangnya gimana nih caranya

saya taruh di desktop deh ya taruh di

desktop ya ini select folder nanti

diminta nama Project Ya misalnya disini

adalah

my first letter L kayak gini ok oh my

first pattern itu kita enter aja dan dia

bakalan eh nginstall in Project kloter

pertama kita ini ya

Nanti dia bakalan di-install ini

semuanya karena kita udah meng-install

ekstensi ya ekstensif later Dander maka

kita udah langsung dibikinin water

project ini Kita tungguin aja ini sampai

selesai

Oke father Project kita udah selesai

di-install nih kalau misalnya udah di

selesai di-install ya ini adalah faktor

Project kita nih ada banyak foldernya ya

teman-teman nggak perlu khawatir dulu

gimana caranya ini maksudnya apa ini

buat apa Ini buat apa Ini buat apa nggak

perlu khawatir Lu yang jelas adalah

dilip Dead Mine Delete nih ada me in the

dark ya ini tinggal kitaran aja nih Ran

without jilbab nanti kita bakalan

ngejalanin aplikasi father pertama kita

ya itu di Android kita nah ini lagi

nginstal di-install dulu nih aplikasi

pertama kita

Oke ini dia adalah

aplikasi pertama kita Ayah jadi ini

adalah aplikasi flatter pertama kita ini

bisa ditambah tambah nih kalau ini kita

klik ya kita klik klik klik nah ini

temennya nah aplikasi ini gimana cara

buatnya nah ini ada di codingan ini Ya

semua kau dengan Ini menghasilkan

tampilan aplikasi yang seperti ini gitu

nanti kita akan belajar Gimana caranya

membuat ini dari nol dari dasar ya Ini

adalah cara untuk pemeran yah membuat

dan merancang splatter Project pertama

kita nah buat plagen vs kota ini ada

materinya Jadi kalau di saya ini Kanada

warna-warni ya ada warna warni Nih kayak

gini nih Saya klik ini ada warna warni

mungkin di teman-teman belum ada nah

karena itu saya pakai ekstensi banyak

nih beberapa ekstensi yang saya pakai

nih yang pertama ada bracket ya jadi

disini ada bracket player coloraccent

ini bisa pakai yang 1/2 sama aja

dua-duanya mau di-install juga enggak

papa

terus saya juga disini di

eh foldernya ini ada icon-icon nih

bentuknya ada icon-icon lucu Nah itu

bisa teman-teman install nampak namanya

material-icon ya antrain material-icon

Tim ya ini bisa diinstall menjadi ada

icon-icon lucu nih kayak gini ya dan

masih banyak pagi-pagi lainnya ini saya

install khusus yang buat platter itu

bisa temen-temen pakai

eh banyak ya

eh juga pakai dan impor kalau temen mau

pasang semuanya juga boleh genex nipet

nah ini banyak ya nanti saya akan kasih

list ya alis lagi nvagina apa aja yang

penting nih paling yang penting tuh yang

ini sih ya Sableng teks ya cuma ada tadi

yang pertama lagi yang pertama itu ada

father nih bagian yang penting pertama

itu adalah father kemudian ada pagindar

ya Baginda Tini penting juga dua itu

adalah wajib-wajib ada kemudian ada

bracket

bracket bracket ya Ini buat warnain ya

biar ada warnanya kayak gini biar

warna-warni ya kemudian Ning 12

di-install aja kemudian ada Sublime

jumlah MTQ Map ya ini Gunanya buat apa

buat shortcut ya nanti ini gimana

pentingnya ini buat shortcut biar kita

ngoding itu lebih cepet Nah nanti saya

jelasin cara penggunaannya di sini juga

ada dokumentasinya caranya adalah

Contohnya kayak gini simple ya Misalnya

kita mau duplikat ini misal semua

duplikat data Nikita duplikat nih Halo

saya pencet

kontrol cfd atau di Mac OS itu komen cfd

nah ini kita bisa duplikat terus nih Itu

jadi banyak kan Nah ini gak perlu

repot-repot lagi nah ini

shortcut-shortcut seperti ini itu bisa

dilakukan kalau misalnya kita menginstal

ekstensi Sublime yang tadi ya Jadi ada

beberapa

vc lagi nih ya tambahan di vs chordnya

itu nah teman-teman bisa cari vagina di

sini ya di ekstensi ini adalah

plugin-plugin yang saya udah install

buat di vs Scott saya biar lebih cepet

aja ngoding pacarnya gitu eh Nah itu aja

buat materi section 1 next kita langsung

Belajar gimana sih pembahasan bahasa

darne ya jadi karena si platter ini

menggunakan bahasa dari jadi kita perlu

kenalan dengan bahasa pemrograman dari

dulu ya begitu aja mungkin next ke

materi selanjutnya