-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.old.html
224 lines (210 loc) · 9.33 KB
/
index.old.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<title>Codelabs: Pemrograman Mobile 2023</title>
</head>
<body>
<div class="container-fluid">
<div class="card text-center">
<div class="card-header">
Codelabs: Modul Praktikum Elektronik
</div>
<div class="card-body">
<h5 class="card-title">Codelabs Pemrograman Mobile 2023</h5>
<p class="card-text">Penulis: Habibie Ed Dien, <a href="https://jti.polinema.ac.id" target="_blank">JTI Polinema</a></p>
</div>
<div class="card-footer text-muted">
<a href="https://github.com/googlecodelabs/tools" target="_blank">Created with Google Codelabs Tools</a>
<hr>
<a href="https://github.com/hbb-polinema" target="_blank">GitHub Habibie</a>
<hr>
<a href="https://www.youtube.com/@HabibieEdDien" target="_blank">YouTube Channel Habibie Ed Dien</a>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">01 - Pengenalan Flutter Framework dan Persiapan Lingkungan Kerja Pengembangan</h5>
<p class="card-text">- Mahasiswa mampu menjelaskan tentang Flutter Framework<br>
- Mahasiswa mampu memasang perangkat lunak pendukung (Android Studio, Flutter SDK, JDK, Git, VS Code) untuk pengembangan Flutter Mobile<br>
- Mahasiswa mampu menjalankan aplikasi Hello World di emulator dan device<br>
- Mahasiswa mampu melakukan dasar-dasar debugging</p>
<a href="01-pengenalan/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">02 - Konsep Widget di Flutter</h5>
<p class="card-text">Mahasiswa mampu menjelaskan konsep widget pada flutter, rendering, composability, immutability, widget tree</p>
<a href="02-konsep-widget-flutter/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">03 - Building and Running Flutter</h5>
<p class="card-text">- Mahasiswa mampu melakukan mode debug, release, profile, dan running sesuai target platform<br>
- Mahasiswa mampu menggunakan dan menjelaskan konsep dari file pubspec.yaml termasuk mengelola aset, library dependencies</p>
<a href="03-building-and-running-flutter/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">04 - Flutter vs Framework lain</h5>
<p class="card-text">- Mahasiswa mampu menjelaskan teknologi pengembangan aplikasi mobile secara native<br>
- Mahasiswa mampu menjelaskan teknologi pengembangan aplikasi mobile dengan cross-platform framework<br>
- Mahasiswa mampu menemukan lokasi sumber daya kebutuhan dalam pengembangan aplikasi flutter<br>
- Mahasiswa mampu menjelaskan kelebihan dan kelemahan dari framework flutter</p>
<a href="#" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">06 - Pengantar Bahasa Pemrograman Dart - Bagian 1</h5>
<p class="card-text">Mahasiswa mampu menjelaskan evolusi dart, cara kerjanya, struktur bahasanya, operator dart, dan main function.</p>
<a href="06-pengantar-bahasa-pemrograman-dart-bag-1/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">07 - Pengantar Bahasa Pemrograman Dart - Bagian 2</h5>
<p class="card-text">Mahasiswa mampu menerapkan pemrograman berorientasi objek pada Dart dengan mendekralasikan variabel, tipe data, Null Safety, Late variabel, null-aware method, dan built-in types.</p>
<a href="#" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">08 - Pengantar Bahasa Pemrograman Dart - Bagian 3</h5>
<p class="card-text">Mahasiswa mampu menerapkan control flows dan perulangan.</p>
<a href="08-pengantar-bahasa-pemrograman-dart-bag-3/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">09 - Pengantar Bahasa Pemrograman Dart - Bagian 4</h5>
<p class="card-text">Mahasiswa mampu menerapkan Collection, Records, dan Functions.</p>
<a href="09-pengantar-bahasa-pemrograman-dart-bag-4/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">12 - Kelas Dart dan Construct - Bagian 2</h5>
<p class="card-text">Mahasiswa mampu menerapkan struktur kelas dart dengan benar termasuk konstruktor, pewarisan kelas, abstrak kelas, interface, mixins, dan file import.</p>
<a href="#" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">13 - Kelas Dart dan Construct - Bagian 3</h5>
<p class="card-text">Mahasiswa mampu menggunakan enum type dan tipe data generic.</p>
<a href="13-kelas-dart-dan-construct-bagian-3/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">16 - Flutter Fundamental - Bagian 1</h5>
<p class="card-text">- Mahasiswa mampu menjelaskan bagian-bagian dari project file flutter<br>
- Mahasiswa mampu menggunakan fitur hot reload dan restart<br>
- Mahasiswa mampu menjelaskan perbedaan stateful dan stateless widget<br>
- Mahasiswa mampu menerapkan widget-widget dasar flutter dan tema
</p>
<a href="16-flutter-fundamental-bagian-1/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">17 - Flutter Fundamental - Bagian 2</h5>
<p class="card-text">- Mahasiswa mampu menerapkan layout dan position<br>
- Mahasiswa mampu menerapkan konsep route dan navigasi</p>
<a href="#" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">18 - Flutter Fundamental - Bagian 3</h5>
<p class="card-text">- Mahasiswa mampu menerapkan jenis-jenis gesture<br>
- Mahasiswa mampu menerapkan input widget dan controllernya<br>
- Mahasiswa mampu menerapkan custom input dan FormField widget
</p>
<a href="18-flutter-fundamental-bagian-3/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">19 - Flutter Fundamental - Bagian 4</h5>
<p class="card-text">- Mahasiswa mampu ...</p>
<a href="#" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">22 - Pengenalan Plugin Pub.Dev</h5>
<p class="card-text">- Mahasiswa mampu menjelaskan manfaat plugin<br>
- Mahasiswa mampu memasang plugin ke dalam project flutter<br>
- Mahasiswa mampu memanfaatkan plugin dalam aplikasi
</p>
<a href="22-pengenalan-plugin-pubdev/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">33 - Manipulasi Widget</h5>
<p class="card-text">Mahasiswa mampu menggunakan fungsi transform widget, Matrix4, dan jenis-jenis transformasi</p>
<a href="33-manipulasi-widget/" class="btn btn-primary">Mulai</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>