-
Notifications
You must be signed in to change notification settings - Fork 0
/
course.sql
executable file
·364 lines (296 loc) · 123 KB
/
course.sql
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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
-- phpMyAdmin SQL Dump
-- version 4.8.3
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: May 10, 2019 at 06:24 PM
-- Server version: 10.1.36-MariaDB
-- PHP Version: 7.2.10
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Database: `course`
--
-- --------------------------------------------------------
--
-- Table structure for table `alumni`
--
CREATE TABLE `alumni` (
`id` int(11) NOT NULL,
`nama` varchar(255) DEFAULT NULL,
`pesan` longtext,
`status` varchar(255) DEFAULT NULL,
`asal` varchar(255) DEFAULT NULL,
`alamat` text,
`nomor` varchar(255) DEFAULT NULL,
`tahun` varchar(255) DEFAULT NULL,
`gambar` text
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `alumni`
--
INSERT INTO `alumni` (`id`, `nama`, `pesan`, `status`, `asal`, `alamat`, `nomor`, `tahun`, `gambar`) VALUES
(18, 'Waliid Ilham Ramadhan', 'FREEEEEEEE WWWIIIIIFFFIIIIIII', 'Pelajar', 'SMK Negeri 3 Metro', 'Metro', '0812 XXXX XXXX', '2019', '11-02-2019-14-02-15-waliid-ilham-ramadhan.jpg'),
(19, 'Aditya Wira Tamvan', 'Nice!', 'Pelajar', 'SMK Negeri 3 Metro', 'Metro', '08', '2019', 'aditya-wira-tamvan.jpg'),
(32, 'Muhammad Dzaky', 'Nais!', 'Pelajar', 'SMK Negeri 3 Metro', 'Metro', '0896 1444 3691', '2019', 'muhammad-dzaky.jpg');
-- --------------------------------------------------------
--
-- Table structure for table `artikel`
--
CREATE TABLE `artikel` (
`id` int(11) NOT NULL,
`judul` varchar(255) DEFAULT NULL,
`isi` longtext,
`tanggal` varchar(255) DEFAULT NULL,
`dibaca` int(11) DEFAULT NULL,
`id_kategori` int(11) DEFAULT NULL,
`id_penulis` int(11) DEFAULT NULL,
`gambar` text
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `artikel`
--
INSERT INTO `artikel` (`id`, `judul`, `isi`, `tanggal`, `dibaca`, `id_kategori`, `id_penulis`, `gambar`) VALUES
(16, '10 Situs Belajar Koding Gratis Buat Kamu yang Ingin Jadi Programer Profesional', '<p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\"><em style=\"outline: none !important;\">Programming</em> atau koding adalah kemampuan penting yang akhir-akhir ini banyak dipelajari orang. Seiring berkembangnya teknologi dan meningkatnya permintaan masyarakat akan <em style=\"outline: none !important;\">developer</em>, belajar koding bisa menjadi aset berharga. Kemampuan koding gak cuma dibutuhkan oleh pengembang aplikasi besar saja, kamu yang rajin <em style=\"outline: none !important;\">nge-blog </em>juga patut mempelajarinya biar situs atau blog kamu makin bagus.</p><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">Tenang, belajar koding itu gak harus mengeluarkan banyak uang kok. Jika kamu mau belajar koding, ada banyak situs yang bisa membantumu untuk belajar bahasa pemrograman.</p><div class=\"inarticle-ads\" style=\"color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; margin: 10px auto; outline: none !important;\"></div><h2 style=\"margin: 20px 0px 4px; font-family: "Roboto Slab", serif; line-height: 1.5; color: rgb(51, 51, 51); font-size: 30px; outline: none !important;\"><span style=\"outline: none !important;\">1. Coursera</span></h2><div class=\"embed-image\" style=\"position: relative; margin-bottom: 12px; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\"><img alt=\"10 Situs Belajar Koding Gratis Buat Kamu yang Ingin Jadi Programer Profesional\" src=\"http://localhost/Web%20Inspiration/cdn.idntimes.com/content-images/post/20160330/coursera-fae304b2c7f97bc95490ba5bd90d53cf.png\" style=\"max-width: 100%; width: 765px; outline: none !important; height: auto !important;\"><span class=\"main-article-source f-medium f-italic\" style=\"font-size: 12px; display: block; position: absolute; bottom: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.4); text-align: center; color: rgb(255, 255, 255); font-style: italic; padding: 4px 10px; outline: none !important;\">Sumber Gambar: coursera.org</span></div><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">Coursera adalah sebuah <em style=\"outline: none !important;\">platform</em> yang menawarkan beberapa kelas pemrograman setaraf mata kuliah kampus secara gratis dan memberikan sertifikat yang menyatakan bahwa kamu menguasai bahasa pemrograman.</p><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">Kamu bisa mulai membuat akun dan mulai mengambil beberapa kelas berdasarkan tanggal. Untuk kamu yang mencari kelas berdasarkan jadwalmu sendiri, Coursera adalah pilihan tepat karena hampir setiap kelas diselenggarakan dengan teratur.</p><h2 style=\"margin: 20px 0px 4px; font-family: "Roboto Slab", serif; line-height: 1.5; color: rgb(51, 51, 51); font-size: 30px; outline: none !important;\"><span style=\"outline: none !important;\">2. Github</span></h2><div class=\"embed-image\" style=\"position: relative; margin-bottom: 12px; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\"><img alt=\"10 Situs Belajar Koding Gratis Buat Kamu yang Ingin Jadi Programer Profesional\" src=\"http://localhost/Web%20Inspiration/cdn.idntimes.com/content-images/post/20160330/github-c8106650fabd1c2d4a9dde8fc11f8376.png\" style=\"max-width: 100%; width: 765px; outline: none !important; height: auto !important;\"><span class=\"main-article-source f-medium f-italic\" style=\"font-size: 12px; display: block; position: absolute; bottom: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.4); text-align: center; color: rgb(255, 255, 255); font-style: italic; padding: 4px 10px; outline: none !important;\">Sumber Gambar: github.com</span></div><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">Github seperti buku referensi untuk para <em style=\"outline: none !important;\">coder.</em> Github mampu memenuhi hampir semua keingintahuanmu. Semacam Kaskus-nya koding gitu. Kamu bisa menampilkan hasil kodingmu dan berdiskusi dengan pengguna lainnya. Faktanya, jika kamu <em style=\"outline: none !important;\">programmer</em> profesional, sebaiknya mulai membuat akun Github karena banyak industri kreatif mencari programmer handal di situs ini.</p><div class=\"inarticle-ads\" style=\"color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; margin: 10px auto; outline: none !important;\"></div><h2 style=\"margin: 20px 0px 4px; font-family: "Roboto Slab", serif; line-height: 1.5; color: rgb(51, 51, 51); font-size: 30px; outline: none !important;\"><span style=\"outline: none !important;\">3. Codecademy</span></h2><div class=\"embed-image\" style=\"position: relative; margin-bottom: 12px; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\"><img alt=\"10 Situs Belajar Koding Gratis Buat Kamu yang Ingin Jadi Programer Profesional\" src=\"http://localhost/Web%20Inspiration/cdn.idntimes.com/content-images/post/20160330/codeacademy-140c761d05ee65adb9c8ece561ee84ba.png\" style=\"max-width: 100%; width: 765px; outline: none !important; height: auto !important;\"><span class=\"main-article-source f-medium f-italic\" style=\"font-size: 12px; display: block; position: absolute; bottom: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.4); text-align: center; color: rgb(255, 255, 255); font-style: italic; padding: 4px 10px; outline: none !important;\">Sumber Gambar: codeacademy.com</span></div><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">Tentu saja, daftar situs ini gak akan lengkap tanpa Codecademy. Di sini kamu bisa belajar koding bersama lebih dari 24 juta orang secara gratis. Kamu bisa belajar banyak bahasa pemrograman di sini, termasuk CSS, Javascript, PHP, HTML dan masih banyak.</p><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">Situs ini telah meraih kepopulerannya karena memang Codecademy terbukti efektif dan cukup interaktif untuk digunakan. Kamu bisa belajar secara bertahap dan Codecademy akan menyimpan pekerjaanmu.</p><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">Pokoknya situs ini yang paling mudah.</p><h2 style=\"margin: 20px 0px 4px; font-family: "Roboto Slab", serif; line-height: 1.5; color: rgb(51, 51, 51); font-size: 30px; outline: none !important;\"><span style=\"outline: none !important;\">4. Udemy</span></h2><div class=\"embed-image\" style=\"position: relative; margin-bottom: 12px; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\"><img alt=\"10 Situs Belajar Koding Gratis Buat Kamu yang Ingin Jadi Programer Profesional\" src=\"http://localhost/Web%20Inspiration/cdn.idntimes.com/content-images/post/20160330/udemy-39903302125008d22b866105799e7b04.png\" style=\"max-width: 100%; width: 765px; outline: none !important; height: auto !important;\"><span class=\"main-article-source f-medium f-italic\" style=\"font-size: 12px; display: block; position: absolute; bottom: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.4); text-align: center; color: rgb(255, 255, 255); font-style: italic; padding: 4px 10px; outline: none !important;\">Sumber Gambar: udemy.com</span></div><div class=\"inarticle-ads\" style=\"color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; margin: 10px auto; outline: none !important;\"></div><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">Udemy adalah platform belajar <em style=\"outline: none !important;\">online</em> yang diciptakan untuk para profesional untuk meningkatkan kemampuan mereka. Meski beberapa kelas memang berbayar, namun kelas gratis tetap ada dan bahkan ada video tutorial yang bisa menunjang kemampuanmu.</p><h2 style=\"margin: 20px 0px 4px; font-family: "Roboto Slab", serif; line-height: 1.5; color: rgb(51, 51, 51); font-size: 30px; outline: none !important;\"><span style=\"outline: none !important;\">5. MIT Open Courseware</span></h2><div class=\"embed-image\" style=\"position: relative; margin-bottom: 12px; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\"><img alt=\"10 Situs Belajar Koding Gratis Buat Kamu yang Ingin Jadi Programer Profesional\" src=\"http://localhost/Web%20Inspiration/cdn.idntimes.com/content-images/post/20160330/mit-open-courseware-a2059fdd617a7c603dcc75599b0bd9b6.png\" style=\"max-width: 100%; width: 765px; outline: none !important; height: auto !important;\"><span class=\"main-article-source f-medium f-italic\" style=\"font-size: 12px; display: block; position: absolute; bottom: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.4); text-align: center; color: rgb(255, 255, 255); font-style: italic; padding: 4px 10px; outline: none !important;\">Sumber Gambar: ocw.mit.edu</span></div><p style=\"margin-bottom: 20px; line-height: 1.89; color: rgb(51, 51, 51); font-family: Roboto, sans-serif; font-size: 18px; outline: none !important;\">MIT, yang selama ini dikenal sebagai sekolah para jenius, sebenarnya menawarkan kelas <em style=\"outline: none !important;\">online</em> gratis untuk kamu yang ingin belajar. Sama seperti Coursera, kamu bisa mengambil beberapa jenis pelajaran sekaligus, tapi di MIT kamu akan lebih fokus pada koding itu sendiri. Bahkan kamu akan diberi beberapa tugas untuk membantumu lebih memahami pelajaran.</p><div><br></div>', 'Feb 01, 2019', 1, 4, 1, '10-situs-belajar-koding-gratis-buat-kamu-yang-ingin-jadi-programer-profesional.jpg'),
(17, '10 Aplikasi Code Editor Untuk Ngoding di Android', '<p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\">Di era digital zaman sekarang yang siapa yang tidak mengenal Android? Banyak aplikasi yang telah dibuat untuk mempermudah kehidupan sehari-hari kita melalui platfrom Android. Beberapa diantaranya aplikasi yang diciptakan untuk mempermudah kita sebagai developer untuk berkerja melalui smartphone disaat kita tidak ingin untuk membuka laptop atau pc untuk berkerja. Berikut 10 aplikasi <em>code editor</em> bagi pembaca ingin berkerja secara mobile.</p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">1. </span><span style=\"color: rgb(0, 0, 0);\">AIDE</span></h3><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><span style=\"color: rgb(52, 52, 52);\">AIDE merupakan aplikasi </span><em style=\"color: rgb(52, 52, 52);\">code editor</em><span style=\"color: rgb(52, 52, 52);\"> yang diciptakan untuk pengembangan aplikasi Android melalui smartphone Android kita. Dengan menggunakan </span>AIDE<span style=\"color: rgb(52, 52, 52);\"> kita juga bisa mendapatkan pembelajaran melalui </span><em style=\"color: rgb(52, 52, 52);\">lesson</em><span style=\"color: rgb(52, 52, 52);\"> yang disediakan oleh mereka.</span><span style=\"color: rgb(52, 52, 52); border-style: initial; border-color: initial; border-image: initial; height: auto;\"><img src=\"http://localhost/Web%20Inspiration/trashbox.ru/ifiles/870689_76d0d1_screenshot_07/aide-3.2.180516-8.png\" alt=\"Aide\" style=\"max-width: 100%; height: auto;\"></span></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">2. </span><span style=\"color: rgb(0, 0, 0);\">Codepeeker</span></h3><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\">Sesuai dengan namanya <em>codepeeker</em> dapat membantu dengan beberapa pilihan <em>syntax</em> yang akan muncul. Aplikasi ini juga dapat memberikan solusi terhadap <em>error</em> yang terjadi. Cukup membantu bukan? <img src=\"http://localhost/Web%20Inspiration/cdn.apkmonk.com/images/twig.nguyen.codepeeker.png\" alt=\"codepeeker\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">3. </span><span style=\"color: rgb(0, 0, 0);\">Deuter IDE</span></h3><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\">Deuter IDE dapat mempermudah kita karena aplikasi ini dapat melakukan <em>compile</em> secara online dan environment-nya yang sangat mudah untuk dijalankan melalui smartphone. Deuter IDE ini juga sudah mendukung 40 bahasa pemograman.</p><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\"><img src=\"http://localhost/Web%20Inspiration/cdn.apkmonk.com/images/com.didactic.DeuterIDE.png\" alt=\"Deuter IDE\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">4. </span><span style=\"color: rgb(0, 0, 0);\">DroidEdit Free</span></h3><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><span style=\"color: rgb(52, 52, 52);\">Jika kalian sering menggunakan </span>Notepad++<span style=\"color: rgb(52, 52, 52);\"> maka DroidEdit free akan familiar jika digunakan. DroidEdit Free ini juga bisa menggunakan </span><em style=\"color: rgb(52, 52, 52);\">extension</em><span style=\"color: rgb(52, 52, 52);\"> seperti </span><a href=\"https://emmet.io/\" target=\"_blank\" style=\"color: rgb(31, 187, 166); transition: all 0.5s ease-out 0s;\">Emmet</a><span style=\"color: rgb(52, 52, 52);\"> jadi ini akan sangat membantu dan bisa digunakan dimana saja dengan menggunakan smartphone. </span><span style=\"color: rgb(52, 52, 52); border-style: initial; border-color: initial; border-image: initial; height: auto;\"><img src=\"http://localhost/Web%20Inspiration/i1.wp.com/www.accuratereviews.com/wordpress/wp-content/uploads/2017/03/droidedit-36b3e.png?resize=768%2C480&ssl=1\" alt=\"DroidEdit\" style=\"max-width: 100%; height: auto;\"></span></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">5. </span><span style=\"color: rgb(0, 0, 0);\">TurboEditor</span></h3><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\">TurboEditor merupakan aplikasi <em>opensource</em> yang berarti kita dapat <em>custom</em>aplikasi ini dan ini tersedia secara gratis. Aplikasi ini juga dioptimalkan di tablet dan smartphone jadi kalian para pengguna tablet tenang saja aplikasi ini dapat berjalan di tablet kalian. <em>TurboEditor</em> juga menyediakan <em>Auto mode</em> untuk penghematan untuk menyimpan file ketika kita meninggalkan aplikasi.</p><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\"><img src=\"http://localhost/Web%20Inspiration/img.jetbitts.com/android/thumbs/7/turbo-editor.jpg\" alt=\"TurboEditor\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">6.</span><span style=\"color: rgb(0, 0, 0);\">Our Code Editor</span></h3><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\">Pernah tidak kalian mengunduh satu aplikasi dan setelah dijalankan harus <em>login</em>dulu dan melakukan registrasi untuk menggunakannya? Kalian tidak akan menemukannya di Our Code Editor bahkan aplikasi ini dapat berjalan tanpa menggunakan internet sekalipun. <img src=\"http://localhost/Web%20Inspiration/apkmos.com/wp-content/uploads/Our-Code-Editor-Premium.png\" alt=\"Our Code Editor\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">7. </span><span style=\"color: rgb(0, 0, 0);\">Anwriter</span></h3><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\">Anwriter merupakan aplikasi <em>code editor</em> yang ringan sehingga pada saat kita membukanya akan terasa lancar. Aplikasi ini juga sudah mendukung <em>autocomplete feature</em> di JavaScript, HTML, CSS. Tidak hanya mendukung teknologi web selain HTML, CSS, JavaScript, PHP editor ini juga mendukung sintaks untuk C / C ++, Java, SQL, Python, LaTeX. Aplikasi ini terdapat fitur <em>autocompletion</em> untuk C dan Python untuk fungsi standar. Hanya dengan 2 MB kita sudah bisa memasang <em>code editor</em> ini.</p><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\"><img src=\"http://localhost/Web%20Inspiration/cdn.apkmonk.com/images/com.ansm.anwriter.png\" alt=\"Anwriter\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">8. </span><span style=\"color: rgb(0, 0, 0);\">Quick Edit</span></h3><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\">Aplikasi ini akan berjalan jika kita sudah <em>root</em> smartphone kita. Quick Edit bisa digunakan sebagai <em>text editor</em> dan <em>code editor</em> itu artinya kalian bisa membuka file <em>source code</em> dan <em>normal text file</em> dengan 1 aplikasi ini. Jika kalian mempunyai file di <em>Google Drive</em> atau <em>Dropbox</em> kalian bisa mengaksesnya dengan menggunakan 1 aplikasi ini. <img src=\"http://localhost/Web%20Inspiration/image.winudf.com/v2/image/Y29tLnJobXNvZnQuZWRpdF9zY3JlZW5fOV8xNTI4NjUzNzg4XzAxNA/screen-93727.jpg?h=355&fakeurl=1&type=.jpg\" alt=\"Quick Edit\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">9. </span><span style=\"color: rgb(0, 0, 0);\">Quoda</span></h3><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><span style=\"color: rgb(52, 52, 52);\">Sama seperti beberapa aplikasi </span><em style=\"color: rgb(52, 52, 52);\">code editor</em><span style=\"color: rgb(52, 52, 52);\"> yang telah dibahas sebelumnya </span>Quoda<span style=\"color: rgb(52, 52, 52);\"> juga sudah mendukung beberapa bahasa pemograman seperti JavaScript, PHP, C#, dan lainya. Quoda juga sudah mempunyai </span>SFTP<span style=\"color: rgb(52, 52, 52);\"> server dan </span><em style=\"color: rgb(52, 52, 52);\">cloud storage</em><span style=\"color: rgb(52, 52, 52);\"> yang sudah terintergrasi. Kalian juga bisa auto-encoding, brace matching, URL source code downloading, HTML formatting, color picking, dan line bookmarking di aplikasi ini.</span></p><p style=\"margin-bottom: 35px; font-family: Lora, serif; font-size: 19px; color: rgb(52, 52, 52);\"><img src=\"http://localhost/Web%20Inspiration/image.winudf.com/v2/image/Y29tLmhlbnJ5dGhvbXBzb24ucXVvZGFfc2NyZWVuXzlfMTUxNjcxMzU1NF8wMDc/screen-93727.jpg?h=355&fakeurl=1&type=.jpg\" alt=\"Quoda\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(34, 34, 34); font-size: 30px;\"><span style=\"color: inherit;\">10. </span><span style=\"color: rgb(0, 0, 0);\">Dcoder</span></h3><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><em style=\"color: rgb(52, 52, 52);\">Dcoder</em><span style=\"color: rgb(52, 52, 52);\"> diciptakan bagi mereka mempunyai mobilitas tinggi dan ingin belajar pemograman. </span>Dcoder<span style=\"color: rgb(52, 52, 52);\"> juga memberikan fitur pembelajaran pemograman paket lengkap untuk mempelajari dan memahami bahasa pemrograman dari C ke Ruby.</span><span style=\"color: rgb(52, 52, 52); border-style: initial; border-color: initial; border-image: initial; height: auto;\"><img src=\"http://localhost/Web%20Inspiration/4.bp.blogspot.com/-jyabCf-EVa8/WqssZ1Jn8WI/AAAAAAAAAUI/jnUQS5oF5aYrBCqEKS8T25pWwui5mBUmwCLcBGAs/s1600/Screenshot_2.png\" alt=\"Dcoder\" style=\"max-width: 100%; height: auto;\"></span></p>', 'Feb 01, 2019', 0, 4, 1, '10-aplikasi-code-editor-untuk-ngoding-di-android.jpg'),
(18, '15 Bahasa Pemrograman Paling Popouler di Kalangan Programmer Wanita', '<p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">HackerRank, salah satu situs yang menyediakan layanan coding challengemerilis sebuah laporan bertajuk Women in Tech 2018. Berdasarkan laporan HackerRank tersebut, mereka telah mensurvei lebih dari 14.000 developer professional dengan ampir 2.000 diantaranya adalah wanita.<o:p></o:p></p><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Salah satu pertanyaan yang dilontarkan oleh HackerRank dalam survei mereka adalah bahasa pemrograman apa yang anda ketahui? Jawabannya cukup menarik, Java ternyata memiliki persentase programmer wanita paling tinggi diikuti oleh JavaScript, C, C++, dan Python.</p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Secara kebetulan, bahasa-bahasa ini juga menjadi bahasa yang paling dicari dibidang front-end, back-end, juga fullstack berdasarkan 2018 Developer Skills Report, laporan yang sebelumnya telah lebih dulu di publikasikan oleh HackerRank.<br></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><o:p></o:p></p><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/998b78e349061b4971c0a2b0e8d6be41/Screenshot_from_2018-03-14_13-40-44.png\" alt=\"\" style=\"color: rgb(52, 52, 52); max-width: 100%; height: auto;\"><br></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span open=\"\" sans\";\"=\"\">Berikut daftar lengkap 15 bahasa pemrograman yang populer di kalangan programmer wanita:</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpFirst\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">1.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">Java</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">2.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">JavaScript</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">3.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">C</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">4.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">C++</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">5.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">Python</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">6.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">PHP</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">7.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">C#</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">8.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">Ruby</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">9.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">R</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">10.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">Perl</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">11.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">TypeScript</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">12.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">Swift</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">13.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">Scala</span><o:p></o:p></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\">14.</span><span open=\"\" sans\";\"=\"\" style=\"font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\">Go</span></p><p class=\"MsoListParagraphCxSpMiddle\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px; margin-left: 54pt; text-indent: -18pt;\"><span open=\"\" sans\";\"=\"\" style=\"text-indent: -18pt;\">15.</span><span open=\"\" sans\";\"=\"\" style=\"text-indent: -18pt; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;\"> </span><span open=\"\" sans\";\"=\"\" style=\"text-indent: -18pt;\">Haskell</span></p>', 'Feb 01, 2019', 0, 3, 1, '15-bahasa-pemrograman-paling-popouler-di-kalangan-programmer-wanita.jpg'),
(19, 'Cara Install Android Studio 3 di Linux', '<p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Meng-<em>install</em> Android Studio di Windows caranya hampir sama dengan aplikasi lain yaitu cukup dengan mengunduh berkas .exe lalu jalankan dan klik <em>next</em>sampai selesai. Namun, untuk meng-<em>install</em> Android Studio di Linux membutuhkan cara yang sedikit berbeda dan bagi mereka yang belum terbiasa dengan sistem kerja Linux mungkin sedikit bingung cara memasangnya.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Mengapa menggunakan Android Studio di Linux bukan Windows? Menurut pengalaman pribadi penulis, Android Studio terasa relatif lebih kencang apabila dijalankan di Linux dibandingkan di Windows. Mungkin ini hanya sugesti karena penulis sudah terbiasa menggunakan Linux atau memang faktanya lebih kencang penulis juga belum pernah melakukan <em>benchmark</em>. Tujuan tutorial ini untuk membantu pembaca yang menggunakan Linux atau yang ingin mencoba menggunakan Android Studio di Linux untuk merasakan perbedaannya. Di sini penulis menggunakan Linux Ubuntu 18.04 sebagai contoh, tapi secara umum langkah-langkah di bawah bisa dijalankan di Linux apa pun. Apabila mengalami kesulitan, silahkan tanyakan lewat kolom komentar di bawah ya.</p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(52, 52, 52); font-size: 30px;\"><span style=\"font-family: "Open Sans";\">Unduh Android Studio</span></h3><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><span style=\"color: rgb(52, 52, 52);\">Buka halaman </span><a href=\"https://developer.android.com/studio/\" target=\"_blank\" style=\"color: rgb(255, 0, 0); transition: all 0.5s ease-out 0s;\">berikut ini</a><span style=\"color: rgb(52, 52, 52);\"> lalu klik tombol </span><span style=\"color: rgb(52, 52, 52); font-weight: 700;\">Download Android Studio</span><span style=\"color: rgb(52, 52, 52);\">.</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_003.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Kemudian, di <em>popup</em> yang muncul, beri tanda centang pada bagian <em>I have read and agree with the above terms and conditions</em> dan klik tombol <span style=\"font-weight: 700;\">Download Android Studio for Linux</span>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_004.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Tunggu hingga selesai. Setelah selesai, ekstrak file <span style=\"font-weight: 700;\">zip</span> yang telah diunduh di folder manapun di direktori <em>home</em>. Dalam kasus penulis, Android Studio disimpan di folder <em>~/Tools/android-studio</em>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/android-studio_002.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(52, 52, 52); font-size: 30px;\"><span style=\"font-family: "Open Sans";\">Install Android Studio</span></h3><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Masih di aplikasi File Manager, klik kanan di folder <em>android-studio</em> yang sebelumnya sudah di ekstrak, lalu pilih <span style=\"font-weight: 700;\">Open in Terminal</span>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/lobot%40hijau___-Tools-android-studio_006.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Di jendela baru yang muncul, ketikkan <code style=\"font-size: 17.1px; word-break: break-word;\">./bin/studio.sh</code> dan tekan <code style=\"font-size: 17.1px; word-break: break-word;\">ENTER</code>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Saat jendela <span style=\"font-weight: 700;\">Complete Installation</span> muncul, pilih <span style=\"font-weight: 700;\">Do not import settings</span> dan klik <span style=\"font-weight: 700;\">OK</span>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_008.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Di jendela yang muncul klik tombol <span style=\"font-weight: 700;\">Next</span>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_010.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Selanjutnya pilih opsi <span style=\"font-weight: 700;\">Standard</span> dan klik tombol <span style=\"font-weight: 700;\">Next</span>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_011.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Berikutnya kita akan diminta memilih UI Theme. Silahkan pilih yang paling disukai lalu klik tombol <span style=\"font-weight: 700;\">Next</span>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_012.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Klik <span style=\"font-weight: 700;\">Next</span> lagi.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_013.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Sampai di sini klik tombol <span style=\"font-weight: 700;\">Finish</span> dan Android Studio akan mulai mengunduh file-file yang diperlukan.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_014.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Setelah selesai, nanti kita bisa mengklik tombol <span style=\"font-weight: 700;\">Finish</span> di jendela yang baru.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_015.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Tunggu hingga jendela <span style=\"font-weight: 700;\">Welcome to Android Studio</span> muncul.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_017.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><h4 style=\"margin-top: 55px; margin-bottom: 20px; font-family: Lora, serif; font-weight: 700; line-height: 45px; color: rgb(52, 52, 52); font-size: 34px;\"><span style=\"font-family: "Open Sans";\">Menambah Android Studio ke Menu</span></h4><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Langkah ini adalah langkah yang opsional. Setelah menyelesaikan semua langkah di atas, kita bisa membuat Android Studio dengan mengulangi dua langkah pertama di Terminal (<em>open in terminal</em> dan mengeksekusi <code style=\"font-size: 17.1px; word-break: break-word;\">./bin/studio.sh</code>). Namun, jika pembaca ingin agar Android Studio bisa buka dari menu, maka lakukan langkah di bawah.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Pastikan berada di halaman awal <span style=\"font-weight: 700;\">Welcome to Android Studio</span>. Klik opsi <span style=\"font-weight: 700;\">Configure</span> di kanan bawah lalu pilih <span style=\"font-weight: 700;\">Create Desktop Entry</span> kemudian klik <span style=\"font-weight: 700;\">OK</span> di jendela yang baru.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/25981d63e7c9907f4a4b519d745aa512/Selection_018.png\" alt=\"\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Sekarang Android Studio bisa dijalankan lewat menu yang tersedia di Ubuntu 18.04 maupun Linux yang lain.</p><div><br></div>', 'Feb 01, 2019', 1, 4, 1, 'cara-install-android-studio-3-di-linux.jpg');
INSERT INTO `artikel` (`id`, `judul`, `isi`, `tanggal`, `dibaca`, `id_kategori`, `id_penulis`, `gambar`) VALUES
(20, '7 Alasan Kenapa Kita Harus Mulai Belajar Kotlin Untuk Android di 2018', '<p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Selain bahasa pemrograman Java, ada satu lagi bahasa pemrograman yang didukung secara resmi oleh Google yang bisa dipakai bersama dengan Android Studio. Bahasa tersebut adalah bahasa pemrograman <span style=\"font-weight: bolder;\">Kotlin</span>.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Kotlin diresmikan sebagai bahasa kedua yang didukung untuk dipakai membuat aplikasi Android di Android Studio. Saat ini, posisi Java sebagai bahasa utama memang belum digantikan oleh Kotlin. Namun tidak dapat disangkal pula bahwa, perkembangan bahasa Kotlin di komunitas developer Android sangat pesat. Bahkan, komunitas-komunitas developer Android saling menguatkan untuk merilis tutorial baru dalam bahasa Kotlin dan memperbarui tutorial lama untuk menggunakan bahasa ini. Masih belum yakin untuk belajar Kotlin sekarang? Tujuh alasan ini akan menguatkan tekad pembaca untuk mulai belajar Kotlin tahun 2018 :<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-weight: bolder;\">1. Memiliki Ekosistem yang Sudah Matang<o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Kotlin sudah melalui tahapan panjang sebelum memasuki versi stabil 1.0 sejak tahun 2016 yang lalu. Itu artinya, bahasa pemrograman Kotlin adalah bahasa yang sudah sangat matang. Bahasa ini tidak lagi dalam tahap beta apalagi alpha, tapi sudah stable sehingga cocok dipakai untuk production.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Setiap hari selalu ada library baru untuk membantu proses pembuatan aplikasi Android dengan Kotlin. Ditambah lagi, kita masih tetap bisa memakai library Java yang sudah ada tanpa masalah. Mantep banget kan?<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-weight: bolder;\">2. Terintegrasi dengan Android studio<o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><img src=\"http://localhost/Web%20Inspiration/static.cdn-cdpl.com/source/998b78e349061b4971c0a2b0e8d6be41/Screenshot_from_2018-02-28_11-39-38.png\" style=\"border-style: none;\"><br></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Kotlin dikembangkan oleh JetBrains, perusahaan yang mengembangkan IntelliJ, basis awal Android Studio. Tidak mengherankan jika Kotlin terintegrasi dengan sempurna di dalam Android Studio karena memang bisa dibilang kedua nya dikembangkan oleh perusahaan yang sama.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Di Android Studio versi 2.3 kita masih harus memasang plugin tambahan untuk Android Studio agar bisa memakai Kotlin. Tetapi, setelah versi 3.0 Kotlin sudah bisa langsung digunakan tanpa harus memasang plugin tambahan.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-weight: bolder;\">3. Update Java di Android Relatif Lebih Lambat<o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Kotlin memiliki konsep lambda, extention function, functional operation on collection, sealed classes, data classes, dan konsep-konsep modern yang lain yang sudah dibungkus siap pakai saat ini juga. Bandingkan dengan Java, dimana kita harus ngoprek sendiri agar project Android bisa memakai Java 8 dan menggunakan konsep-konsep modern tadi. Dengan Kotlin, semua itu sudah ada tanpa susah payah.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-weight: bolder;\">4. Aman dari NullPointerException<o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Jika pembaca sudah pernah membuat aplikasi Android dengan Java, pasti sudah bersahabat dengan yang namanya NullPointerException (NPE). Exception ini bisa membuat developer frustasi karena membuat aplikasi crash. NPE memang masih bisa diakali dengan menggunakan blok try catch atau menggunakan annotations, tapi dengan Kotlin kita mendapatkan pengamanan secara otomatis dari sananya.</p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Saat kita membuat aplikasi Android dengan Kotlin, compiler akan mendeteksi adanya kemungkinan error sebelum membuat APK (atau saat di run). Dengan begini kita bisa langsung tahu dimana sumber yang nantinya bisa bermasalah. Jika bagian yang memiliki kemungkinan error tidak diatasi, maka aplikasi tidak akan bisa di run. Berbeda dengan Java, dimana tidak ada pemeriksaan seperti itu dari sananya. Kita akan tahu bahwa suatu bagian menyebabkan NPE saat aplikasi sudah berjalan dan crash.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-weight: bolder;\">5. Kotlin Tidak Hanya di Android<o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Meski pemakaiannya yang paling booming adalah dilingkungan Android, Kotlin nyatanya bisa dipakai diluar itu. Kotlin bisa dipakai untuk membuat aplikasi iOS (melalui Kotlin Native), juga bisa dipakai untuk menulis JavaScript (melalui Kotlin JS). Intinya, karena Kotlin memiliki interoperability 100% dengan Java, maka apapun yang bisa menggunakan Java bisa menggunakan Kotlin.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Dengan demikian, jika bisa mengunakan Kotlin untuk Android, maka kita juga bisa memanfaatkannya untuk bidang lain.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-weight: bolder;\">6. Perusahaan Mulai Mengimplementasi Kotlin<o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Perusahaan-perusahaan besar seperti Gojek sudah mulai mengimplementasi Kotlin di project Java yang sudah ada. Langkah ini tentu akan diikuti oleh perusahaan-perusahaan lainnya. Artinya apa? Semakin banyak perusahaan yang mengimplementasi Kotlin, maka kebutuhan akan developer Android yang memamahi bahasa ini akan terus meningkat. Kapan lagi untuk menyiapkan diri jika tidak dimulai dari sekarang?<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-weight: bolder;\">7. Tidak Sulit Untuk Dipelajari<o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Kenapa bahasa pemrograman Kotlin begitu dipuja dan dipuji developer Android? Jawabannya simpel saja, kesederhanan Kotlin yang membuat developer Android jatuh cinta. Jika pembaca sudah bisa menggunakan bahasa Java untuk membuat Aplikasi Android, pasti tidak akan mengalami permasalahan yang berarti saat belajar Kotlin.<o:p></o:p></p><p class=\"MsoNormal\" style=\"margin-bottom: 1rem; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\">Kotlin didesain untuk memakai elemen-elemen yang sudah ada dengan perbaikan dibagian tertentu sehingga proses ngoding menjadi lebih menyenangkan. Karena kemudahannya ini ditambah lagi dengan kecanggihan Android Studio, hanya dalam hitungan hari pembaca pasti sudah bisa membuat sendiri aplikasi Android dengan Kotlin.</p>', 'Feb 01, 2019', 2, 4, 1, '7-alasan-kenapa-kita-harus-mulai-belajar-kotlin-untuk-android-di-2018.jpg'),
(21, 'Cara Mudah Melakukan Request HTTP di JavaScript Home Berita', '<p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">JavaScript memiliki modul-modul yang mempermudah proses request HTTP untuk mengirim maupun menerima data dari sebuah server. Kali ini kita akan melihat beberapa teknik yang biasa dipakai dalam melakukan request HTTP di JavaScript.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><span style=\"font-size: 34px; font-weight: 700;\">Ajax</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Ajax adalah cara paling tradisional yang melakukan request HTTP. Data bisa dikirim dengan menggunakan method HTTP POST dan menerima data dengan HTTP GET.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Untuk membuat HTTP call di Ajax, kita perlu membuat sebuah objek <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">XMLHttpRequest()</code>, menentukan URL endpoint dan HTTP method-nya. Selanjutnya kita memanggil method <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">open()</code> untuk membuka koneksi ke URL yang dimasukkan menggunakan HTTP method yang diinginkan. Method <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">send()</code>akan memulai proses koneksi yang sebelumnya sudah dibuka oleh <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">open()</code>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Method <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">onreadystatechange</code> dipanggil saat objek <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">Http</code> telah berhasil mendapat data yang diperlukan atau gagal. Ia memiliki dua method yaitu <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">readyState</code> dan <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">status</code> untuk memeriksa status request yang dilakukan.</p><pre courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 13px;=\"\" padding:=\"\" 0px;=\"\" margin-bottom:=\"\" 35px;=\"\" line-height:=\"\" 1.42857;=\"\" color:=\"\" rgb(51,=\"\" 51,=\"\" 51);=\"\" word-break:=\"\" break-all;=\"\" word-wrap:=\"\" break-word;=\"\" background-color:=\"\" rgb(245,=\"\" 245,=\"\" 245);=\"\" border:=\"\" 1px=\"\" solid=\"\" rgb(204,=\"\" 204,=\"\" 204);=\"\" border-radius:=\"\" 0px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12.25px; margin-bottom: 1rem; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);\"><code class=\"hljs javascript\" courier=\"\" new\",=\"\" monospace;=\"\" padding:=\"\" 0.5em;=\"\" color:=\"\" rgb(248,=\"\" 248,=\"\" 242);=\"\" background:=\"\" rgb(35,=\"\" 36,=\"\" 31);=\"\" border-radius:=\"\" 0px;=\"\" white-space:=\"\" pre-wrap;=\"\" display:=\"\" block;=\"\" overflow-x:=\"\" auto;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; word-break: normal;\"><span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">const</span> Http = <span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">new</span> XMLHttpRequest(); <span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">const</span> url=<span class=\"hljs-string\" style=\"color: rgb(230, 219, 116);\">\'<a class=\"vglnk\" href=\"https://jsonplaceholder.typicode.com/posts\" rel=\"nofollow\" style=\"color: rgb(31, 187, 166); transition: all 0.5s ease-out 0s;\">https://jsonplaceholder.typicode.com/posts</a>\'</span>; Http.open(<span class=\"hljs-string\" style=\"color: rgb(230, 219, 116);\">\"GET\"</span>, url); Http.send(); Http.onreadystatechange=<span class=\"hljs-function\">(<span class=\"hljs-params\">e</span>)=></span>{ <span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">if</span>(<span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">this</span>.readyState==<span class=\"hljs-number\" style=\"color: rgb(174, 129, 255);\">4</span> && <span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">this</span>.status== <span class=\"hljs-number\" style=\"color: rgb(174, 129, 255);\">200</span>) { <span class=\"hljs-built_in\" style=\"color: rgb(230, 219, 116);\">console</span>.log(Http.responseText) } } </code></pre><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><span style=\"color: rgb(52, 52, 52);\">Jika </span><code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; word-break: break-word;\">readyState</code><span style=\"color: rgb(52, 52, 52);\"> sama dengan 4 artinya request telah berhasil dilakukan. Ia memiliki 5 jenis respon yaitu 0 saat data belum dikirim (</span><code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; word-break: break-word;\">open() belum dipanggil</code><span style=\"color: rgb(52, 52, 52);\">), 1 saat sudah memanggil </span><code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; word-break: break-word;\">open()</code><span style=\"color: rgb(52, 52, 52);\">, 2 saat sudah memanggil </span><code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; word-break: break-word;\">send()</code><span style=\"color: rgb(52, 52, 52);\"> , 3 saat operasi masih berlangsung, 4 saat operasi sudah selesai. Baca </span><a href=\"https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/readyState\" target=\"_blank\" style=\"color: rgb(255, 0, 0); transition: all 0.5s ease-out 0s;\">di sini</a><span style=\"color: rgb(52, 52, 52);\">.</span></p><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><span style=\"color: rgb(52, 52, 52); font-size: 34px; font-weight: 700;\">jQuery</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">jQuery memiliki banyak method untuk mempermudah proses request HTTP. Untuk menggunakan method yang dibahas di sini, teman-teman harus menambahkan baris ini di halaman HTML yang dipakai.</p><pre courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 13px;=\"\" padding:=\"\" 0px;=\"\" margin-bottom:=\"\" 35px;=\"\" line-height:=\"\" 1.42857;=\"\" color:=\"\" rgb(51,=\"\" 51,=\"\" 51);=\"\" word-break:=\"\" break-all;=\"\" word-wrap:=\"\" break-word;=\"\" background-color:=\"\" rgb(245,=\"\" 245,=\"\" 245);=\"\" border:=\"\" 1px=\"\" solid=\"\" rgb(204,=\"\" 204,=\"\" 204);=\"\" border-radius:=\"\" 0px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12.25px; margin-bottom: 1rem; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);\"><code class=\"hljs xml\" courier=\"\" new\",=\"\" monospace;=\"\" padding:=\"\" 0.5em;=\"\" color:=\"\" rgb(248,=\"\" 248,=\"\" 242);=\"\" background:=\"\" rgb(35,=\"\" 36,=\"\" 31);=\"\" border-radius:=\"\" 0px;=\"\" white-space:=\"\" pre-wrap;=\"\" display:=\"\" block;=\"\" overflow-x:=\"\" auto;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; word-break: normal;\"><span class=\"hljs-tag\"><<span class=\"hljs-name\" style=\"color: rgb(249, 38, 114);\">script</span> <span class=\"hljs-attr\" style=\"color: rgb(249, 38, 114);\">src</span>=<span class=\"hljs-string\" style=\"color: rgb(230, 219, 116);\">\"<a class=\"vglnk\" href=\"http://localhost/Web%20Inspiration/ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\" rel=\"nofollow\" style=\"color: rgb(31, 187, 166); transition: all 0.5s ease-out 0s;\">https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js</a>\"</span>></span><span class=\"undefined\"></span><span class=\"hljs-tag\">script</span>> </code></pre><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(52, 52, 52); font-size: 30px;\">$.ajax</h3><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">jQuery Ajax merupakan salah satu cara paling mudah untuk melakukan HTTP call.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_vZ4BqVQfsvtpJm_RCsCE2Q.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Method $.ajax meminta banyak parameter, beberapa wajib (seperti url dan type) dan beberapa yang lain opsional. Ada dua callback yang akan dipanggil saat request berhasil atau gagal yaitu <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">success</code> dan <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">error</code>.</p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(52, 52, 52); font-size: 30px;\">$.get</h3><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Berbeda dengan cara sebelumnya dimana kita bisa menentukan HTTP method GET atau POST, cara ini hanya melakukan GET saja.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_2koN5FJuT68WIyRKTihe5w.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(52, 52, 52); font-size: 30px;\">$.post</h3><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Sama seperti $.get, cara ini hanya melakukan requst POST.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_ql6Yp1EJfD7850GXhErwyw.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><h3 style=\"margin-top: 45px; margin-bottom: 20px; font-family: Roboto, sans-serif; line-height: 40px; color: rgb(52, 52, 52); font-size: 30px;\">$.getJSON</h3><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Method <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">$.getJSON</code> hanya mengambil data dalam format JSON. Ia meminta dua parameter <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">url</code> dan sebuah fungsi callback untuk meng-handle hasil yang didapat.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_hdcFdVHiBiRAo1YOi_Kt0Q.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Kita juga bisa menambahkan data format JSON melalui fungsi $.ajax.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><span style=\"font-size: 34px; font-weight: 700;\">fetch</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">fetch</code> adalah salah satu tool yang membantu melakuan request Asynchronous dengan lebih mudah. Ia mengembalikan sebuah Promise yang merupakan salah satu fitur andalan ES6. Perhatikan bagaimana cara penggunaan <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">fetch</code> di bawah ini:</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_kz6k4VRs0RiVCasWR0pCow.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Fungsi <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">fetch</code> meminta sebuah parameter yaitu alamat URL endpoint. Ia juga bisa menerima parameter lain sebagai query parameter untuk URL yang diberikan.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_QasrBgYZcU4BBFHqD2bBdg.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"><span style=\"font-size: 34px; font-weight: 700;\"><br></span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><span style=\"font-size: 34px; font-weight: 700;\">Axios</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Axios adalah sebuah library open source yang saat ini paling booming untuk melakukan request HTTP karena memiliki banyak kelebihan namun dengan penggunaan yang tidak lebih sulit dibanding yang lain.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Untuk menggunakan Axios, ada dua cara untuk menambahkannya ke project kita.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Pertama, menggunakan npm:</p><pre courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 13px;=\"\" padding:=\"\" 0px;=\"\" margin-bottom:=\"\" 35px;=\"\" line-height:=\"\" 1.42857;=\"\" color:=\"\" rgb(51,=\"\" 51,=\"\" 51);=\"\" word-break:=\"\" break-all;=\"\" word-wrap:=\"\" break-word;=\"\" background-color:=\"\" rgb(245,=\"\" 245,=\"\" 245);=\"\" border:=\"\" 1px=\"\" solid=\"\" rgb(204,=\"\" 204,=\"\" 204);=\"\" border-radius:=\"\" 0px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12.25px; margin-bottom: 1rem; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);\"><code class=\"hljs sql\" courier=\"\" new\",=\"\" monospace;=\"\" padding:=\"\" 0.5em;=\"\" color:=\"\" rgb(248,=\"\" 248,=\"\" 242);=\"\" background:=\"\" rgb(35,=\"\" 36,=\"\" 31);=\"\" border-radius:=\"\" 0px;=\"\" white-space:=\"\" pre-wrap;=\"\" display:=\"\" block;=\"\" overflow-x:=\"\" auto;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; word-break: normal;\">npm <span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">install</span> axios <span class=\"hljs-comment\" style=\"color: rgb(117, 113, 94);\">--save</span> </code></pre><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Lalu di impor menggunakan perintah</p><pre courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 13px;=\"\" padding:=\"\" 0px;=\"\" margin-bottom:=\"\" 35px;=\"\" line-height:=\"\" 1.42857;=\"\" color:=\"\" rgb(51,=\"\" 51,=\"\" 51);=\"\" word-break:=\"\" break-all;=\"\" word-wrap:=\"\" break-word;=\"\" background-color:=\"\" rgb(245,=\"\" 245,=\"\" 245);=\"\" border:=\"\" 1px=\"\" solid=\"\" rgb(204,=\"\" 204,=\"\" 204);=\"\" border-radius:=\"\" 0px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12.25px; margin-bottom: 1rem; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);\"><code class=\"hljs coffeescript\" courier=\"\" new\",=\"\" monospace;=\"\" padding:=\"\" 0.5em;=\"\" color:=\"\" rgb(248,=\"\" 248,=\"\" 242);=\"\" background:=\"\" rgb(35,=\"\" 36,=\"\" 31);=\"\" border-radius:=\"\" 0px;=\"\" white-space:=\"\" pre-wrap;=\"\" display:=\"\" block;=\"\" overflow-x:=\"\" auto;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; word-break: normal;\"><span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">import</span> axios <span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">from</span> <span class=\"hljs-string\" style=\"color: rgb(230, 219, 116);\">\'axios\'</span> </code></pre><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Atau menggunakan axios dari CDN seperti jQuery:</p><pre courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 13px;=\"\" padding:=\"\" 0px;=\"\" margin-bottom:=\"\" 35px;=\"\" line-height:=\"\" 1.42857;=\"\" color:=\"\" rgb(51,=\"\" 51,=\"\" 51);=\"\" word-break:=\"\" break-all;=\"\" word-wrap:=\"\" break-word;=\"\" background-color:=\"\" rgb(245,=\"\" 245,=\"\" 245);=\"\" border:=\"\" 1px=\"\" solid=\"\" rgb(204,=\"\" 204,=\"\" 204);=\"\" border-radius:=\"\" 0px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12.25px; margin-bottom: 1rem; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);\"><code class=\"hljs xml\" courier=\"\" new\",=\"\" monospace;=\"\" padding:=\"\" 0.5em;=\"\" color:=\"\" rgb(248,=\"\" 248,=\"\" 242);=\"\" background:=\"\" rgb(35,=\"\" 36,=\"\" 31);=\"\" border-radius:=\"\" 0px;=\"\" white-space:=\"\" pre-wrap;=\"\" display:=\"\" block;=\"\" overflow-x:=\"\" auto;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; word-break: normal;\"><span class=\"hljs-tag\"><<span class=\"hljs-name\" style=\"color: rgb(249, 38, 114);\">script</span> <span class=\"hljs-attr\" style=\"color: rgb(249, 38, 114);\">src</span>=<span class=\"hljs-string\" style=\"color: rgb(230, 219, 116);\">\"<a class=\"vglnk\" href=\"http://localhost/Web%20Inspiration/unpkg.com/axios%400.18.0/dist/axios.min.js\" rel=\"nofollow\" style=\"color: rgb(31, 187, 166); transition: all 0.5s ease-out 0s;\">https://unpkg.com/axios/dist/axios.min.js</a>\"</span>></span><span class=\"undefined\"></span><span class=\"hljs-tag\">script</span>> </code></pre><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Kita bisa melakukan request HTTP GET maupun HTTP POST dengan Axios.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><span style=\"font-family: Roboto, sans-serif; font-size: 30px;\">GET</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_4wmqiPsSN5mdgjJiRaKVZg.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Pemanggilan pertama hanya mengirimkan alamat URL endpoint dan pemanggilan kedua mengirimkan alamat URL disertai query parameter untuk URL tersebut.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><span style=\"font-family: Roboto, sans-serif; font-size: 30px;\">POST</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_ey6-vwsrm9RAhyoU15u6xQ.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Perbedaan saat melakukan POSt, kita menambahkan property <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">data</code> untuk data yang ingin dikirim ke server.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Karena Axios menggunakan Promise, kita bisa melakukan request sekaligus.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1000/1_40Pji4utVKPpC7-dePfC6Q.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><span style=\"color: rgb(52, 52, 52);\">Axios memiliki begitu banyak opsi untuk melakukan request HTTP. Teman-teman bisa melihat semuanya </span><a href=\"https://github.com/axios/axios\" target=\"_blank\" style=\"color: rgb(255, 0, 0); transition: all 0.5s ease-out 0s;\">di sini</a><span style=\"color: rgb(52, 52, 52);\">.</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><span style=\"font-size: 34px; font-weight: 700;\">Angular HttpClient</span></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Angular memiliki modul HTTP khusus untuk melakukan request HTTP di aplikasi Angular. Ia memanfaatkan library RxJS untuk request asynchronous dan memiliki banyak opsi dalam melakukan request HTTP.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Untuk menggunakannya, kita harus mengimpor <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">HttpClientModule</code> di <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">app.module.ts</code>:</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_iFuW5Fbp91VR5gwQ6XNMEQ.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Selanjutnya kita bisa membuat sebuah service baru untuk meng-handle request. Membuat service baru bisa dilakukan dengan Angular CLI sebagai berikut:</p><pre courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 13px;=\"\" padding:=\"\" 0px;=\"\" margin-bottom:=\"\" 35px;=\"\" line-height:=\"\" 1.42857;=\"\" color:=\"\" rgb(51,=\"\" 51,=\"\" 51);=\"\" word-break:=\"\" break-all;=\"\" word-wrap:=\"\" break-word;=\"\" background-color:=\"\" rgb(245,=\"\" 245,=\"\" 245);=\"\" border:=\"\" 1px=\"\" solid=\"\" rgb(204,=\"\" 204,=\"\" 204);=\"\" border-radius:=\"\" 0px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12.25px; margin-bottom: 1rem; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);\"><code class=\"hljs nginx\" courier=\"\" new\",=\"\" monospace;=\"\" padding:=\"\" 0.5em;=\"\" color:=\"\" rgb(248,=\"\" 248,=\"\" 242);=\"\" background:=\"\" rgb(35,=\"\" 36,=\"\" 31);=\"\" border-radius:=\"\" 0px;=\"\" white-space:=\"\" pre-wrap;=\"\" display:=\"\" block;=\"\" overflow-x:=\"\" auto;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; word-break: normal;\"><span class=\"hljs-attribute\" style=\"color: rgb(102, 217, 239);\">ng</span> g service FetchdataService </code></pre><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Lalu, kita impor HttpClient di <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">fetchdataService.ts</code> dan meng-inject-nya di constructor.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_kKwELAhSSpnN8DvIgdOfcQ.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Tambahkan <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">FetchDataService</code> di baris import:</p><pre courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 13px;=\"\" padding:=\"\" 0px;=\"\" margin-bottom:=\"\" 35px;=\"\" line-height:=\"\" 1.42857;=\"\" color:=\"\" rgb(51,=\"\" 51,=\"\" 51);=\"\" word-break:=\"\" break-all;=\"\" word-wrap:=\"\" break-word;=\"\" background-color:=\"\" rgb(245,=\"\" 245,=\"\" 245);=\"\" border:=\"\" 1px=\"\" solid=\"\" rgb(204,=\"\" 204,=\"\" 204);=\"\" border-radius:=\"\" 0px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12.25px; margin-bottom: 1rem; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);\"><code class=\"hljs javascript\" courier=\"\" new\",=\"\" monospace;=\"\" padding:=\"\" 0.5em;=\"\" color:=\"\" rgb(248,=\"\" 248,=\"\" 242);=\"\" background:=\"\" rgb(35,=\"\" 36,=\"\" 31);=\"\" border-radius:=\"\" 0px;=\"\" white-space:=\"\" pre-wrap;=\"\" display:=\"\" block;=\"\" overflow-x:=\"\" auto;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; word-break: normal;\"><span class=\"hljs-comment\" style=\"color: rgb(117, 113, 94);\">//import </span> <span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">import</span> { FetchdataService } <span class=\"hljs-keyword\" style=\"color: rgb(249, 38, 114);\">from</span> <span class=\"hljs-string\" style=\"color: rgb(230, 219, 116);\">\'./fetchdata.service\'</span>; </code></pre><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Terakhir, panggil service dan jalankan.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">app.component.ts:</code></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\"><img src=\"http://localhost/Web%20Inspiration/cdn-images-1.medium.com/max/1600/1_OrRe183Yaclt19n5ZQ194Q.png\" alt=\"img\" style=\"max-width: 100%; height: auto;\"></p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Perhatian di baris <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">constructor</code> dimana kita membuat objek <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">srv</code> yang tipenya <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">FetchdataService</code>. Objek inilah yang dipakai untuk melakukan request HTTP di dalam fungsi <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">getPosts()</code> dengan memanggil <code courier=\"\" new\",=\"\" monospace;=\"\" font-size:=\"\" 17.1px;=\"\" padding:=\"\" 2px=\"\" 4px;=\"\" color:=\"\" rgb(199,=\"\" 37,=\"\" 78);=\"\" background-color:=\"\" rgb(249,=\"\" 242,=\"\" 244);=\"\" border-radius:=\"\" 4px;\"=\"\" style=\"font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16.625px; color: rgb(232, 62, 140); word-break: break-word;\">getData</code>.</p><p style=\"margin-bottom: 35px; color: rgb(52, 52, 52); font-family: Lora, serif; font-size: 19px;\">Teman-teman bisa melihat contoh program Angular yang berikut:</p><p style=\"margin-bottom: 35px; color: rgb(102, 102, 102); font-family: Lora, serif; font-size: 19px;\"><a href=\"https://stackblitz.com/edit/angular-httpclinent?embed=1&file=app/app.component.ts\" target=\"_blank\" style=\"color: rgb(255, 0, 0); transition: all 0.5s ease-out 0s;\">https://stackblitz.com/edit/angular-httpclinent?embed=1&file=app/app.component.ts</a></p><div><br></div>', 'Feb 01, 2019', 2, 4, 1, 'cara-mudah-melakukan-request-http-di-javascript-home-berita.jpg');
INSERT INTO `artikel` (`id`, `judul`, `isi`, `tanggal`, `dibaca`, `id_kategori`, `id_penulis`, `gambar`) VALUES
(23, '7 Tips Belajar Pemrograman Supaya Ngodingmu Tidak Membosankan Home Berita', '<p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Sekarang ini perkembangan teknologi sudah tidak terbendung lagi arusnya. Jika di ibaratkan sebuah bendungan pasti bendungan itu sudah jebol lebar banget hehe dan arusnya tentu akan membuat sesuatu di sekitarnya terseret jika tidak mampu untuk menahannya.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Cara untuk menahan arus tersebut salah satunya dengan memanfaatkan teknologi sebaik mungkin. Kasarnya kita lah yang harus memperbudak teknologi tersebut bukan malah sebaliknya.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Salah satu cara memanfaatkan teknologi tersebut ialah dengan belajar pemrogaman. Karena jika kita mampu menguasainya tentu kita akan mampu melakukan apa saja hanya dengan berbekal laptop/PC saja di era yang serba teknologi ini.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Dan seperti yang saya katakan di atas sudah jelas untuk ke depan nya makin banyak peluang kerja di bidang teknologi terutama programmer. Di Indonesia sendiri, saat ini jumlah programmer masihlah sangat sedikit. Maka dari itu programmer sangatlah di cari cari.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\"><br></span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107); text-align: center;\"><img class=\"alignnone size-full wp-image-836 note-float-left\" src=\"http://localhost/Web%20Inspiration/i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/125bb.png?resize=419%2C274&ssl=1\" alt=\"tips belajar pemrograman\" width=\"419\" height=\"274\" srcset=\"https://i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/1.png?w=419&ssl=1 419w, https://i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/1.png?resize=300%2C196&ssl=1 300w\" sizes=\"(max-width: 419px) 100vw, 419px\" style=\"height: auto; max-width: 100%; float: left;\"></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Nah masalahnya, belajar pemrogaman itu susah lho, apalagi jika belajarnya otodidak.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Ya, belajar pemrogaman itu emang susah sobat. Saya sendiri juga merasakannya. Kita akan terus dihadapkan pada suatu kasus. Dan tugas kita ialah menyelesaikannya dalam bentuk sebuah program.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Kita perlu paham dulu algoritma dari kasus kasus tersebut serta mengerti struktur dan cara penulisan dari bahasa pemrogaman yang akan kita gunakan.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Lalu, jika emang sesusah itu kenapa kita harus repot repot ambil pusing buat belajar pemrogaman kak ?</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Karena manfaat yang sudah saya sebutkan diatas tadi sobat. Setelah belajar pemrogaman dan menguasai nya kalian bisa menjadi seorang programmer handal yang di cari cari di Indonesia bahkan mungkin di luar negeri juga. </span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Selain itu programmer bukanlah pekerjaan yang membutuhkan tenaga dan sampai menguras keringat seperti halnya kuli bangunan. Programmer cuma butuh otak untuk bekerja.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Kalian bisa bekerja di rumah saja bagi yang suka menghabiskan waktu bersama keluarganya. Atau pun berkeliling dari kota satu ke kota lainnya jika kamu tipe orang yang suka travelling.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Oleh karena itu tidak ada salahnya kalian belajar pemrogaman. Tetapi, Anda perlu tahu beberapa tips belajar pemrograman di bawah ini</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Masalah kedua yakni terjadi saat kalian sedang belajar pemrogaman khususnya bagi pemula, mengerjakan tugas coding dari guru ataupun saat sedang bekerja membuat sebuah project.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Tentu dari sekian banyak orang yang sedang coding tersebut ada yang sedang dilanda kesurupan. Whats ??? Maksud saya sedang dilanda kesuraman hehe. Pasti kalian akan merasa sangat bosan, jenuh atau bahkan stress.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Maka dari itu kali ini saya akan memberi kalian 7 tips belajar pemrograman supaya coding Anda tidak membosankan lagi.</span></p><h2 style=\"margin-top: 20px; font-family: "Roboto Slab", serif; font-weight: 700; color: rgb(218, 68, 83); font-size: 24px;\"></h2><h2 style=\"margin-top: 20px; font-family: "Roboto Slab", serif; font-weight: 700; color: rgb(34, 34, 34); font-size: 24px;\"><span style=\"line-height: inherit; font-family: "Open Sans"; color: rgb(0, 0, 0);\">1. Coding lah bersama temanmu</span></h2><h2 style=\"margin-top: 20px; font-family: "Roboto Slab", serif; font-weight: 700; color: rgb(218, 68, 83); font-size: 24px;\"><span style=\"line-height: inherit; font-family: "Open Sans";\"><br></span><img class=\"alignnone size-full wp-image-841\" src=\"http://localhost/Web%20Inspiration/i1.wp.com/makinrajin.com/wp-content/uploads/2017/09/tempat3407.png?resize=403%2C297&ssl=1\" alt=\"belajar bahasa pemrograman\" width=\"403\" height=\"297\" srcset=\"https://i1.wp.com/makinrajin.com/wp-content/uploads/2017/09/tempat.png?w=403&ssl=1 403w, https://i1.wp.com/makinrajin.com/wp-content/uploads/2017/09/tempat.png?resize=300%2C221&ssl=1 300w\" sizes=\"(max-width: 403px) 100vw, 403px\" style=\"color: rgb(107, 107, 107); text-align: center; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; height: auto; max-width: 100%;\"></h2><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Ajaklah teman temanmu untuk belajar pemrogaman bersama kalian. Kalian bisa belajar entah itu di warkop, warnet, sekolah ataupun di rumah.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Dengan coding bersama kalian dapat memecahkan suatu perrmasalahan bersama sama. Intinya kalian akan bisa saling melengkapi. Dan yang lebih penting lagi, kalian juga bisa berbagi penderitaan yang sama wkwk. Tentu hal itu sangat seru dan asik untuk dilakukan bukan ?</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Namun jika teman kalian tidak ada yang mau, tenang saja. Kalian masih bisa coding bersama dengan mencari kenalan melalui forum forum belajar pemrogaman dan belajar bersama melalui forum tersebut atau melalui chat pribadi.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\"> </span></p><h2 style=\"margin-top: 20px; font-family: "Roboto Slab", serif; font-weight: 700; color: rgb(34, 34, 34); font-size: 24px;\"><span style=\"font-family: "Open Sans"; color: rgb(0, 0, 0);\">2. Buatlah sebuah persaingan</span></h2><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Jika kalian sudah punya teman coding. Kalian bisa coba untuk menantang mereka untuk menyelesaikan bab yang sedang kalian pelajari atau menantang mereka untuk memecahkan sebuah kasus, misalnya.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Dengan adanya persaingan tersebut, di dalam hati kalian pasti akan berkata “Waduh, gue gak boleh sampai kalah nih dari temen gue.. Mau ditaruh mana muka gue nanti”. Kurang lebih seperti itu, ya gak ? hehehe.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Dengan kata lain kalian akan merasa terpacu atau termotivasi untuk mengalahkan teman kalian tadi. Hal ini sangat efektif untuk meningkatkan semangat serta skill kalian nanti dengan cukup cepat.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Coba bedakan dengan belajar sendiri. Asik yang mana hayo?</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"color: rgb(218, 68, 83); font-family: "Roboto Slab", serif; font-size: 24px; font-weight: 700;\"><br></span></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-family: "Open Sans"; font-size: 24px; font-weight: 700;\">3. Coding lah ditempat yang berbeda</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Suasana di sekitar kalian juga mempengaruhi aktifitas coding kalian.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Coba bayangkan jika kalian coding di kamar kalian yang berantakan, kurang pencahayaan maupun fentilasi dan lebih parahnya lagi jika kalian buang angin di situ. Tamat sudah riwayat kalian. Wkwk</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Kondisi di atas pasti akan membuat coding kalian jadi terganggu. Sudah pasti kalian harus menghindari nya. Intinya buat lah suasana di sekitar kalian menjadi bersahabat.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Misal kalian jenuh coding di kamar kalian tadi. Kalian bisa coba untuk sekedar coding di teras rumah. Atau pergi ke area wifi seperti telkom. Atau bisa juga coding di kafe kafe sambil memesan beberapa makanan atau minuman.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Cobalah tempat tempat baru setiap kali bosan dengan satu tempat.</span></p><h2 style=\"margin-top: 20px; font-family: "Roboto Slab", serif; font-weight: 700; color: rgb(34, 34, 34); font-size: 24px;\"><span style=\"font-family: "Open Sans"; color: rgb(0, 0, 0);\">4. Temani coding mu dengan musik, camilan dan secangkir kopi</span></h2><h2 style=\"margin-top: 20px; font-family: "Roboto Slab", serif; font-weight: 700; color: rgb(34, 34, 34); font-size: 24px;\"><span style=\"font-family: "Open Sans"; color: rgb(0, 0, 0);\"><br></span><img class=\"alignnone size-full wp-image-838\" src=\"http://localhost/Web%20Inspiration/i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/kopi52a6.png?resize=424%2C283&ssl=1\" alt=\"belajar coding\" width=\"424\" height=\"283\" srcset=\"https://i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/kopi.png?w=424&ssl=1 424w, https://i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/kopi.png?resize=300%2C200&ssl=1 300w\" sizes=\"(max-width: 424px) 100vw, 424px\" style=\"color: rgb(107, 107, 107); text-align: center; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; height: auto; max-width: 100%;\"></h2><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Ini tips yang sering saya lakukan. Kalian juga bisa mencobanya sendiri dirumah. Putarlah musik musik kesukaan kalian. Sambil coding kalian bisa mengikuti irama lagu nya dan ikut bernyanyi. Nikmati setiap nada yang kalian dengarkan.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Siapkan juga camilan dan secangkir kopi di samping kalian. Seruput lah secangkir kopi tersebut sambil memikirkan langkah kalian selanjutnya atau untuk sekedar istirahat saja.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Musik, camilan dan secangkir kopi tersebut akan mengurangi tekanan yang kalian rasakan saat sedang coding. Atau dengan kata lain akan memberi efek relaksasi pada kalian. Kalain bisa lebih enjoy saat bermain dengan script script tersebut.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"color: rgb(218, 68, 83); font-family: "Roboto Slab", serif; font-size: 24px; font-weight: 700;\"><br></span></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-family: "Open Sans"; font-size: 24px; font-weight: 700;\">5. Pilih jenis pemrogaman yang kamu suka</span></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\">Setelah belajar beberapa bahasa pemrogaman, kalian pasti akan menemukan bahasa pemrograman yang menurut kalian mudah atau unik (Contoh :</span><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\"> </span><span style=\"color: rgb(107, 107, 107); text-decoration-line: underline;\"><span style=\"font-weight: 700; font-family: "Open Sans";\">PHP, Javascript</span></span><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\">, Java, dll). Kalian pasti akan lebih menyukainya daripada bahasa yang lain.</span></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\">Entah itu Dekstop Programming, Web Programming</span><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\">, Android/Mobile Programming atau jenis yang lainnya. Jika anda menyukainya maka lebih fokuslah pada bahasa tersebut. Kuasai dan terus asah skill kalian terhadap bahasa tersebut.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Namun jangan melupakan bahasa yang lain. Tetap pelajarilah bahasa yang lain tapi nomor dua kan bahasa tersebut. Karena semakin banyak bahasa yang kalian pelajari dan kuasai maka prospek kalian ke depan akan lebih cerah.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"color: rgb(218, 68, 83); font-family: "Roboto Slab", serif; font-size: 24px; font-weight: 700;\"><br></span></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-family: "Open Sans"; font-size: 24px; font-weight: 700;\">6. Pamerkan kemampuanmu dan rayakan setiap pencapaian kalian</span><img class=\"alignnone size-full wp-image-839\" src=\"http://localhost/Web%20Inspiration/i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/pamer2e88.png?resize=423%2C226&ssl=1\" alt=\"programmer koding\" width=\"423\" height=\"226\" srcset=\"https://i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/pamer.png?w=423&ssl=1 423w, https://i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/pamer.png?resize=300%2C160&ssl=1 300w\" sizes=\"(max-width: 423px) 100vw, 423px\" style=\"color: rgb(107, 107, 107); text-align: center; height: auto; max-width: 100%;\"></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\">Jika kalian sedang malas untuk berhadapan terus dengan permasalahan dan kasus Kalian bisa coba coding untuk sesuatu yang menyenangkan. Seperi membuat game sederhana, membuat program atau web untuk nembak gebetan (kalau punya) wkwk atau untuk ngerjain PR semua temen sekelas kalian seperti PR</span><span style=\"font-weight: 700;\"><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\"> </span><span style=\"transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; font-family: "Open Sans"; color: rgb(66, 66, 66);\">Penjumlahan Matriks</span><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\">.</span></span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Pamerkan skill programming kalian pada teman, pacar, atau keluarga kalian. Coding lah di hadapan mereka. Mereka pasti akan takjub melihatnya karena mereka menganggap hal tersebut adalah sesuatu yang sulit untuk dilakukan.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Hal tersebut akan meningkatkan percaya diri serta semangat kalian untuk terus menunjukkan sesuatu yang lebih dan lebih kepada mereka.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Dan mereka akan terus terkagum kagum akan setiap pencapaian yang kalian dapati terutama orang tua kalian.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Dan jangan lupa untuk merayakan setiap pencapaian yang kalian lakukan. Buatlah penghargaan untuk dirimu sendiri. Hal hal tersebut yang akan membuat coding mu terasa menyenangkan.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"color: rgb(218, 68, 83); font-family: "Roboto Slab", serif; font-size: 24px; font-weight: 700;\"><br></span></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"font-family: "Open Sans"; font-size: 24px; font-weight: 700;\">7. Gunakan code editor yang kamu sukai</span></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><img class=\"alignnone wp-image-832 size-full\" src=\"http://localhost/Web%20Inspiration/i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/editor0758.png?resize=401%2C157&ssl=1\" alt=\"text editor terbaik\" width=\"401\" height=\"157\" srcset=\"https://i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/editor.png?w=401&ssl=1 401w, https://i0.wp.com/makinrajin.com/wp-content/uploads/2017/09/editor.png?resize=300%2C117&ssl=1 300w\" sizes=\"(max-width: 401px) 100vw, 401px\" style=\"color: rgb(107, 107, 107); text-align: center; height: auto; max-width: 100%;\"></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Pilihlah code editor terbaik menurut kalian.</span></p><p style=\"color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; font-size: 14px;\"><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\">Misal jika kalian tidak ingin mengetik setiap script karena membuang buang waktu kalian. Maka pilihlah code editor yang memiliki fitur auto complete seperti Sublime Text, PHP Storm, </span><span style=\"color: rgb(107, 107, 107); font-family: "Open Sans";\">Codeblock dll.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Begitu juga jika kalian ingin code editor yang punya interface yang bagus maka pilihlah code editor yang sesuai dengan selera kalian. Begitu pula seterusnya.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Pemilihan code editor yang tepat akan mempermudah coding mu.</span></p><p style=\"font-family: "Open Sans", sans-serif; font-size: 14px; color: rgb(107, 107, 107);\"><span style=\"font-family: "Open Sans";\">Hal itu pasti akan memberi kalian pengalaman coding yang berbeda dan tentunya membuat coding mu menyenangkan.</span></p><div><span style=\"font-family: "Open Sans";\"><br></span></div>', 'Feb 01, 2019', 33, 2, 1, '7-tips-belajar-pemrograman-supaya-ngodingmu-tidak-membosankan-home-berita.jpg'),
(24, 'Hai ini adalah artikel pertama saya', '<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod<br>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,<br>quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse<br>cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non<br>proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br></p>', 'Feb 05, 2019', 35, 3, 1, 'hai-ini-adalah-artikel-pertama-saya.jpg'),
(25, 'Gambar', '<p>In adalah gambar</p>', 'Feb 11, 2019', 3, 2, 1, 'gambar.jpg');
-- --------------------------------------------------------
--
-- Table structure for table `config`
--
CREATE TABLE `config` (
`id` int(11) NOT NULL,
`title` varchar(255) DEFAULT NULL,
`favicon` text,
`keyword` text,
`description` text,
`nomor` varchar(255) DEFAULT NULL,
`email` varchar(255) DEFAULT NULL,
`alamat` varchar(255) DEFAULT NULL,
`logo` text,
`view` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `config`
--
INSERT INTO `config` (`id`, `title`, `favicon`, `keyword`, `description`, `nomor`, `email`, `alamat`, `logo`, `view`) VALUES
(1, 'Kursus CV Naistudio', 'a.png', 'android,SEO,webbase,web desain,aplikasi CBT,E-Planning,ereport,e-budgeting,e-musrenbang,sms center,cctv,jaringan,Jasa SEO,Aplikasi Tabungan,JDIH,E-Commerce,E-Surat,SIAKAD,SISMIK,APP Andorid,APP IOS,php,html,css,css3,html3,mysql,mariaDB,Laravel,CodeIgnier,NodeJS,photoshop,illustrator,desain web,desain grafish,kursus komputer,kursus pemrograman,privat pemrograman,private web,private it software,kota metro,bandar lampung,lampung timur,lampung tengah,lampung utara,waykanan,lampung barat,pesisir barat,tanggamus,pringsewu,lampung,indonesia', 'Naistudio - Web Design and Mobile Specialist, Official Website CV Naistudio Metro Lampung, lampung web, jasa web lampung, Jasa Pembuatan Website di Lampung, Jasa Pembuatan Website di Metro, Jasa Web Lampung Terbaik, Lampung Web Terbaik, Jasa Pembuatan Website Lampung Terbaik, MasterWeb Lampung, Master Web Lampung , Hosting Lampung, Jasa Pembuatan Website Instan - Profesional - Development - Murah dan berkualitas, Penjualan Domain Hosting Indonesia dan Internasional, Jasa Pembuatan Website, jasa Pembuatan website di lampung, domain gratis, hosting gratis, domain berbayar,hosting berbayar,free hosting,free domain,free website,bisnis online,Jasa Pembuatan Website di Metro Lampung Timur Lampung Tengah Tulang Bawang Barat Kota Metro Bandar Lampung,Jasa Desain Web Metro Lampung,Jasa Pemasangan Jaringan di Metro Lampung,Aplikasi CBT,E-Learning,E-Library,E-Budgeting,E-Report,E-Planning,RKPD,RPJMD,SKP Online,Daily Report,Aplikasi Databse Pendidikan,Legalisir Online,Absensi Online,E-Musrenbang,E-Database,E-PJB,Arsip Daerah,Perpustakaan,Website Sekolah,Sistem Informasi data Pos dan Telekomunikasi(Sidapostel),Peta Online,GIS,SKCK Online,SIAKAD,SISMIK,SIA Sekolah,SMS Gateway,SMS Center, www.naistudio.com', '+62896 3153 1651', 'hello.naistudio@gmail.com', 'Dusun 4 RT 14 RW 07, Sumberrejo 43 Polos Kecamatan Batanghari Kabupaten Lampung Timur.', 'logo.jpg', 453);
-- --------------------------------------------------------
--
-- Table structure for table `gallery`
--
CREATE TABLE `gallery` (
`id` int(11) NOT NULL,
`gambar` text,
`nama` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `gallery`
--
INSERT INTO `gallery` (`id`, `gambar`, `nama`) VALUES
(1, 'foto-saya.jpg', 'Foto saya'),
(2, 'deauther.jpg', 'Deauther'),
(3, 'db.jpg', 'Db'),
(4, 'drone.jpg', 'Drone'),
(5, 'bunga.jpg', 'Bunga');
-- --------------------------------------------------------
--
-- Table structure for table `karya`
--
CREATE TABLE `karya` (
`id` int(11) NOT NULL,
`nama_karya` varchar(255) DEFAULT NULL,
`author` varchar(255) DEFAULT NULL,
`love` varchar(255) DEFAULT NULL,
`view` varchar(255) DEFAULT NULL,
`gambar` text,
`deskripsi` longtext,
`id_kategori` int(11) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `karya`
--
INSERT INTO `karya` (`id`, `nama_karya`, `author`, `love`, `view`, `gambar`, `deskripsi`, `id_kategori`) VALUES
(1, 'Tokpedia', 'Muhammad Dzaky', '99', '1319', 'tokopedia.png', NULL, 1),
(2, 'Bukalapak', 'Fadli Ramadhani', '0', '2', 'bukalapak.png', 'Merupakan aplikasi toko online, berbasis website', 2),
(8, 'Blibli', 'Waliid', '0', '6', 'blibli.jpg', 'Website Online shop', 1);
-- --------------------------------------------------------
--
-- Table structure for table `kategori`
--
CREATE TABLE `kategori` (
`id` int(11) NOT NULL,
`nama_kategori` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `kategori`
--
INSERT INTO `kategori` (`id`, `nama_kategori`) VALUES
(2, 'Teknologi'),
(3, 'Berita'),
(4, 'Tutorial');
-- --------------------------------------------------------
--
-- Table structure for table `kategori_karya`
--
CREATE TABLE `kategori_karya` (
`id` int(11) NOT NULL,
`nama_kategori` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `kategori_karya`
--
INSERT INTO `kategori_karya` (`id`, `nama_kategori`) VALUES
(1, 'Website'),
(2, 'Mobile Apps');
-- --------------------------------------------------------
--
-- Table structure for table `migrations`
--
CREATE TABLE `migrations` (
`id` int(10) UNSIGNED NOT NULL,
`migration` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`batch` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-- --------------------------------------------------------
--
-- Table structure for table `users`
--
CREATE TABLE `users` (
`id` int(10) UNSIGNED NOT NULL,
`name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`email` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`username` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`gambar` text COLLATE utf8mb4_unicode_ci NOT NULL,
`bio` text COLLATE utf8mb4_unicode_ci NOT NULL,
`alamat` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`website` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`email_verified_at` timestamp NULL DEFAULT NULL,
`password` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`remember_token` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`created_at` timestamp NULL DEFAULT NULL,
`updated_at` timestamp NULL DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
--
-- Dumping data for table `users`
--
INSERT INTO `users` (`id`, `name`, `email`, `username`, `gambar`, `bio`, `alamat`, `status`, `website`, `email_verified_at`, `password`, `remember_token`, `created_at`, `updated_at`) VALUES
(1, 'Muhammad Dzaky', 'admin@mail.com', 'admin', 'muhammad-dzaky.jpg', 'Im Student now in Vocational High School 3 Metro, I like technology especially Web Design. and im single h3h3', 'Metro', 'Web Developer', 'mdzaky.com', NULL, '$2y$10$5cV4H5PR769Ja7bfV5BxmeT9TNTc9rsbei2c7r.UKRaDpKYp8fddK', 'xedwqJ6pi1dYcpk7UTVAMJSp648HAf0dhDwyVHOcpZpBJ13e6Vhac66wdzR7', '2019-01-30 17:26:16', '2019-02-06 00:52:32'),
(3, 'Waliid Ilham Ramadhan', 'waliid@mail.com', 'waliid', 'waliid-ilham-ramadhan.jpg', 'lorem ipsum', 'Metro', 'Pelajar', 'waliid.com', NULL, '$2y$10$KRvHjnM.6oh1n0Iq0pu7j.4ZGpaZm4h8e8h04jWrK7mduEgZktiXS', NULL, '2019-02-06 02:36:48', '2019-02-08 01:23:34'),
(4, 'Fadli Ramadhani', 'fadli@mail.com', 'fadli', 'fadli-ramadhani.jpg', 'Lorem Ipsum dolor sit amet', 'Metro', 'Pelajar', 'fadli.com', NULL, '$2y$10$2OsNOiAGUSt9/IHQMOkdNuZJnKyiBQ8poMczCJ6uuSt.7Wr0DpU5q', NULL, '2019-02-06 08:43:30', '2019-02-08 01:23:11'),
(5, 'Aditya Wira Atmaja', 'aditya@mail.com', 'aditya', 'aditya-wira-atmaja.jpg', 'Lorem ipsum', 'Metro', 'Pelajar', 'aditya.com', NULL, '$2y$10$fIdrtdSK7wJqfgKVlH3NqO4FiCCJPHPaOL128xb36EynAo6WU4XvS', NULL, '2019-02-06 08:44:22', '2019-02-08 01:24:50');
--
-- Indexes for dumped tables
--
--
-- Indexes for table `alumni`
--
ALTER TABLE `alumni`
ADD PRIMARY KEY (`id`);
--
-- Indexes for table `artikel`
--
ALTER TABLE `artikel`
ADD PRIMARY KEY (`id`);
--
-- Indexes for table `config`
--
ALTER TABLE `config`
ADD PRIMARY KEY (`id`);
--
-- Indexes for table `gallery`
--
ALTER TABLE `gallery`
ADD PRIMARY KEY (`id`);
--
-- Indexes for table `karya`
--
ALTER TABLE `karya`
ADD PRIMARY KEY (`id`);
--
-- Indexes for table `kategori`
--
ALTER TABLE `kategori`
ADD PRIMARY KEY (`id`);
--
-- Indexes for table `kategori_karya`
--
ALTER TABLE `kategori_karya`
ADD PRIMARY KEY (`id`);
--
-- Indexes for table `migrations`
--
ALTER TABLE `migrations`
ADD PRIMARY KEY (`id`);
--
-- Indexes for table `users`
--
ALTER TABLE `users`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `alumni`
--
ALTER TABLE `alumni`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=33;
--
-- AUTO_INCREMENT for table `artikel`
--
ALTER TABLE `artikel`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=26;
--
-- AUTO_INCREMENT for table `config`
--
ALTER TABLE `config`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
--
-- AUTO_INCREMENT for table `gallery`
--
ALTER TABLE `gallery`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
--
-- AUTO_INCREMENT for table `karya`
--
ALTER TABLE `karya`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9;
--
-- AUTO_INCREMENT for table `kategori`
--
ALTER TABLE `kategori`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
--
-- AUTO_INCREMENT for table `kategori_karya`
--
ALTER TABLE `kategori_karya`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
--
-- AUTO_INCREMENT for table `migrations`
--
ALTER TABLE `migrations`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT;
--
-- AUTO_INCREMENT for table `users`
--
ALTER TABLE `users`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;