Salah satu keunggulan Tizen adalah ketersediaan Web API secara langsung untuk membuat aplikasi berbasis web. Seperti yang telah kita ketahui bahwa Tizen mendukung pengembangan aplikasi native menggunakan C/C++ dan aplikasi web dengan HTML5, CSS dan JavaScript. Pada tutorial <a href="https://www.codepolitan.com/tutorial/membuat-aplikasi-mobile-native-pertama-tizen-os/">Membuat Aplikasi Mobile Native Pertama di Tizen OS</a> kita dapat melihat gambaran pembuatan aplikasi native pada Tizen menggunakan bahasa C. Mungkin bagi sebagian orang terutama yang belum pernah belajar bahasa C, akan cukup kesulitan saat pertama kali belajar. Sedangkan untuk teknologi HTML5 sudah lebih banyak orang yang belajar dan paham. Kalau Kamu sudah terbiasa dengan pemrograman web, tutorial kali ini akan sangat terasa akrab dan mudah.

Pada dasarnya Kamu bisa menggunakan framework JavaScript apapun untuk membuat aplikasi web seperti AngularJS, Backbone, VueJS, atau library JavaScript seperti jQuery dan jQuery Mobile. Kamu juga bisa menggunakan framework CSS seperti Bootstrap, Materialize dan Foundation, atau CSS buatanmu sendiri. Tapi pada tutorial ini, kita akan membuat aplikasi Tizen menggunakan Tizen Advanced UI Framework atau TAU. Framework ini didesain dengan tampilan seperti aplikasi native Tizen. Lebih lengkap tentang TAU dapat dilihat di <a href="https://developer.tizen.org/dev-guide/2.4/">https://developer.tizen.org/dev-guide/2.4/</a> bagian <strong>Web Application &gt; Tizen Advanced UI Framework</strong>.

Bila Kamu baru mengenal Tizen kamu dapat membaca penjelasan tentang Tizen di artikel <a href="https://www.codepolitan.com/mengenal-sistem-operasi-tizen/">Mengenal Sistem Operasi Tizen</a>. Dan untuk dapat mengikuti tutorial ini, Kamu harus menyiapkan terlebih dahulu perangkat pengembang aplikasi Tizen, yang mana panduan instalasinya dapat disimak pada tutorial <a href="https://www.codepolitan.com/tutorial/mengenal-perangkat-development-untuk-membangun-aplikasi-di-tizen-os/">Mengenal Perangkat Development untuk Membangun Aplikasi di Tizen OS</a>.
<h2>Instalasi TAU di IDE</h2>
Untuk dapat menggunakan template project aplikasi web yang menggunakan framework TAU, kita harus menginstal terlebih dahulu package TAU di Tizen SDK. Buka <strong>Tizen Update Manager</strong> yang ada di folder instalasi Tizen. Kemudian buka tab <strong>All Package</strong> pada jendela Tizen Update Manager. Klik tombol <strong>Advanced</strong> di bagian sebelah kanan atas, sehingga muncul daftar package lain yang sebelumnya tersembunyi. Klik tombol Install pada package TAU (IDE) di dalam list <strong>2.4 Mobile</strong>. Update manager akan mengunduh package tersebut, dan package lain yang menjadi dependensinya.

<img class="alignnone size-full wp-image-12389" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/08/1-3.png" alt="1" width="698" height="602" />
<h2>Mengenal Struktur Aplikasi</h2>
Contoh implementasi dari TAU dapat kita lihat di salah satu Online Sample yang dapat diunduh melalui Tizen IDE. Buka aplikasi Tizen IDE, lalu klik menu <strong>File &gt; New &gt; Tizen Web Project</strong>. Pilih tab <strong>Online Sample</strong>, lalu pilih template <strong>TAU UI Components</strong>. Klik tombol <strong>Download</strong> yang ada di sebelah kanan bagian deskripsi template. Tunggu hingga IDE selesai mengunduh. Kemudian klik tombol <strong>Finish</strong>.

<img class="alignnone size-full wp-image-12390" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/08/2-3.png" alt="2" width="674" height="622" />

Kita akan mendapatkan project yang berisi semua contoh implementasi komponen UI dari TAU. Bila kita perhatikan struktur file pada project web Tizen ini, sama seperti aplikasi web pada umumnya. Terdapat file index.html yang menjadi bagian utama dari aplikasi, disertai beberapa file pendukung lainnya.

<img class="alignnone size-full wp-image-12391" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/08/3-2.png" alt="3" width="280" height="369" />

Pada project, terdapat folder lib/ yang berisi library jQuery dan TAU. Pada project juga terdapat folder css/ tempat kita menyimpan asset CSS dan folder js/ tempat menyimpan asset JavaScript.
<h3>Menjalankan Aplikasi di Web Simulator</h3>
Kita dapat mencoba menjalankan aplikasi pada Tizen Emulator. Tapi khusus untuk aplikasi web, Tizen sudah menyediakan aplikasi khusus yaitu Tizen Web Simulator. Untuk dapat menjalankan Tizen Web Simulator, komputermu harus terinstall browser Google Chrome.

Untuk menjalankan aplikasi pada Tizen Web Simulator, <strong>klik folder project</strong> di Project Explorer, lalu pilih menu <strong>Run &gt; Run As &gt; Tizen Web Application</strong>. Kamu juga dapat melakukan hal yang sama dengan mengklik ikon <strong>Run</strong> pada toolbar, lalu pilih menu Run As &gt; Tizen Web Simulator Application. Maka Tizen Web Simulator akan muncul dan menampilkan aplikasimu.

<img class="alignnone size-large wp-image-12392" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/08/4-3-700x501.png" alt="4" width="700" height="501" />

Pada sample project ini kita dapat melihat semua komponen UI yang terdapat di TAU. Adapun source code dari setiap komponen terdapat di dalam folder <strong>components/</strong> pada project. Kita lihat bahwa <strong>setiap halaman punya satu file html</strong> masing-masing. Adapun transisi antar halaman sudah ditangani oleh TAU.

Cara paling mudah untuk menggunakan komponen pada TAU adalah dengan merujuk pada sample project ini. Adapun untuk mendapatkan penjelasan lebih lengkap dari tiap komponennya, Kamu dapat langsung melihat ke panduannya di laman dev-guidenya di <a href="https://developer.tizen.org/dev-guide/2.4">https://developer.tizen.org/dev-guide/2.4</a>.
<h3>Debugging Aplikasi di Web Simulator</h3>
Tizen Web Simulator sudah menyediakan berbagai kebutuhan debugging dan testing aplikasi. Kita dapat mensimulasikan sensor akselerometer, pesan dan panggilan masuk, posisi GPS, jaringan, hingga status baterai. Dan karena aplikasi kita berbasis web, maka kita pun dapat melakukan debugging layaknya saat membangun aplikasi web pada umumnya menggunakan inspector bawaan webkit.

<img class="alignnone size-large wp-image-12393" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/08/5-3-700x471.png" alt="5" width="700" height="471" />
<h2>Membuat Aplikasi Pertama</h2>
Pada tutorial kali ini kita akan membuat aplikasi counter sederhana seperti pada tutorial native Tizen, dengan menambahkan beberapa fitur tambahan. Skenarionya adalah pengguna dapat membuat counter dengan judul apapun sesuai keinginan. Lalu pengguna dapat memulai menghitung sesuatu dengan penekan layar untuk meningkatkan angka counter. Setiap counter akan disimpan di dalam file untuk kemudian dapat dipanggil lagi dan dilanjutkan.
<h3>Mendesain Tampilan</h3>
Langkah pertama adalah mendesain tampilan aplikasi. Kita akan membuat dua buah halaman. Halaman pertama adalah halaman counter yang menampilkan angka counter. Halaman kedua adalah halaman list counter apa saja yang sudah dibuat. Hasil akhir dari tampilan aplikasi dapat dilihat pada gambar berikut:

<img class="alignnone size-large wp-image-12394" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/08/mockup-700x405.png" alt="mockup" width="700" height="405" />

Pertama-tama buat sebuah project baru dengan mengklik menu <strong>File &gt; New &gt; Tizen Web Project</strong>. Kemudian pada <strong>tab Template</strong>, pilih template <strong>TAU SinglePage</strong>. Beri nama project lalu klik tombol <strong>Finish</strong>.

<img class="alignnone size-full wp-image-12395" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/08/9-2.png" alt="9" width="681" height="660" />

Buka file index.html lalu edit bagian konten body menjadi seperti berikut:
<pre>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta name="viewport" content="width=device-width,user-scalable=no" /&gt;
&lt;link rel="stylesheet" href="./lib/tau/mobile/theme/default/tau.css"&gt;
&lt;link rel="stylesheet" type="text/css" href="./css/style.css" /&gt;
&lt;title&gt;Counter App&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class="ui-page" id="main"&gt;

        &lt;div class="ui-header"&gt;
            &lt;h1&gt;Counter&lt;/h1&gt;
            &lt;a href="#create-new"
             class="ui-header-btn ui-header-btn-right ui-header-btn-text"&gt;
             LIST&lt;/a&gt;
        &lt;/div&gt;
        &lt;!-- /header --&gt;

        &lt;div class="ui-content"&gt;
            &lt;div class="count-caption"&gt;Mobil Lewat&lt;/div&gt;
            &lt;div class="count-number"&gt;11&lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- /content --&gt;

    &lt;/div&gt;
    &lt;!-- /page --&gt;

    &lt;script type="text/javascript" src="./lib/tau/mobile/js/tau.js"&gt;&lt;/script&gt;
    &lt;script src="./js/main.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
Selanjutnya buka file css/style.css kemudian tambahkan style berikut:
<pre>a {
    text-decoration: none;
}

#main .ui-content {
    text-align: center;
}

#main .ui-content .count-caption {
    font-size: 30px;
    color: white;
    margin-top: 80px;
}

#main .ui-content .count-number {
    font-size: 180px;
    color: white;
}

.li-counter {
    position: absolute;
    top: 0;
    right: 16px;
    height: 100%;
    line-height: 60px;
    float: right;
    text-align: right;
    font-size: 16px;
}</pre>
Jalankan aplikasi di Web Simulator. Mestinya halaman akan muncul seperti gambar halaman pertama di atas.

Sekarang tambahkan lagi kode berikut tepat sebelum tag embed script tau.js:
<pre>&lt;div class="ui-page" id="create-new"&gt;
    &lt;div class="ui-header"&gt;
        &lt;h1&gt;Counter List&lt;/h1&gt;
        &lt;a href="#popup-new" data-inline="true" data-rel="popup"
         data-position-to="window"
         class="ui-header-btn ui-header-btn-right ui-header-btn-text"&gt;+ NEW&lt;/a&gt;
    &lt;/div&gt;
    &lt;!-- /header --&gt;

    &lt;div class="ui-content"&gt;
        &lt;ul class="ui-listview"&gt;
            &lt;li id="sample" class="ui-li-static"&gt;
                Mobil Lewat &lt;span class="li-counter"&gt;11&lt;/span&gt;
            &lt;/li&gt;
            &lt;li id="sample" class="ui-li-static"&gt;
                Sarapan &lt;span class="li-counter"&gt;23&lt;/span&gt;
            &lt;/li&gt;
            &lt;li id="sample" class="ui-li-static"&gt;
                Hari Kerja &lt;span class="li-counter"&gt;212&lt;/span&gt;
            &lt;/li&gt;
        &lt;/ul&gt;

        &lt;div id="popup-new" class="ui-popup"&gt;
            &lt;div class="ui-popup-header"&gt;Create New Counter&lt;/div&gt;
            &lt;div class="ui-popup-content popup-content-padding"&gt;
                &lt;input type="text" placeholder="Counter name" id="countername" /&gt;
            &lt;/div&gt;
            &lt;div class="ui-popup-footer ui-grid-col-2"&gt;
                &lt;a class="ui-btn" data-rel="back" data-inline="true"&gt;Cancel&lt;/a&gt;
                &lt;a class="ui-btn" data-rel="back" data-inline="true" id=”addcounter”&gt;Save&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- /content --&gt;

&lt;/div&gt;
&lt;!-- /page --&gt;</pre>
Jalankan aplikasi, lalu coba tekan tombol <strong>List</strong> yang ada di kanan atas halaman aplikasi. Maka aplikasi akan berpindah ke halaman kedua. Di halaman kedua, klik lagi tombol <strong>+New</strong> di kanan atas halaman, maka aplikasi akan menampilkan popup berisi form untuk membuat counter baru.

Perhatikan bahwa setiap halaman pada aplikasi dibuat dari sebuah div dengan class <strong>ui-page</strong>. Sehingga berapa banyak pun halaman yang akan Kamu buat, Kamu cukup membuat elemen div dengan class ui-page.

Selain itu, perpindahan halaman dilakukan semudah membuat anchor dengan atribut href diarahkan ke id page yang dimaksud. Begitu pula dengan pembuatan popup. Perhatikan tambahan atribut lain pada anchor seperti data-inline dan data-rel harus disertakan pada elemen anchor.

&nbsp;
<h2>Menambahkan Logika Program</h2>
Logika program dibangun dengan bahasa pemrograman JavaScript. Selain itu, kita juga dapat memanfaatkan Web API dari Tizen untuk melakukan operasi yang tidak dapat dilakukan oleh JavaScript pada umumnya seperti mengakses file sistem dan komponen perangkat seperti kamera dan sensor. Lebih lengkap tentang API apa saja yang bisa kita manfaatkan dalam membangun aplikasi web Tizen ini, dapat dilihat di laman <a href="https://developer.tizen.org/development/api-references/web-application">https://developer.tizen.org/development/api-references/web-application</a>.
<h3>Menambahkan Library Zeptojs</h3>
Kita dapat menggunakan kode JavaScript native tanpa menggunakan library apapun. Kita juga dapat menggunakan library atau framework JavaScript seperti Angularjs dan jQuery untuk lebih memudahkan proses pembuatan aplikasi. Pada tutorial ini kita akan menggunakan library Zeptojs, library mirip jQuery tapi dengan ukuran file lebih kecil dan ramping dibanding jQuery. Untuk itu silakan download dulu Zeptojs dari websitenya <a href="http://zeptojs.com">http://zeptojs.com</a>, kemudian simpan di dalam folder js/ pada project, dan embed script zeptojs ke dalam file index.html.
<pre>&lt;script type="text/javascript" src="./lib/tau/mobile/js/tau.js"&gt;&lt;/script&gt;
&lt;script src="./js/zepto.min.js"&gt;&lt;/script&gt;
&lt;script src="./js/main.js"&gt;&lt;/script&gt;</pre>
<h3>Menambahkan Program JavaScript</h3>
Sekarang buka file js/main.js lalu tambahkan script berikut:
<pre>var counter_id = '';
var counter = 0;
var caption = "";</pre>
Ketiga variabel di atas akan kita gunakan untuk menyimpan counter yang sedang aktif.
<pre>$('#addcounter').on('click', function(){
    counter_id = makeid();
    counter = 0;
    caption = $('#countername').val();
    $('ul.ui-listview').prepend('&lt;li id="'+ counter_id +'" class="ui-li-static"&gt;&lt;span class="li-caption"&gt;'+ caption +'&lt;/span&gt;&lt;span class="li-counter"&gt;'+ counter +'&lt;/span&gt;&lt;/li&gt;');
    $('.count-caption').html(caption);
    $('.count-number').html(counter);
    $('#countername').val('');
    $('#main .ui-content').show();
    tau.changePage('main');
});

function makeid(){
    var text = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
    for( var i=0; i &lt; 5; i++ )
        text += possible.charAt(Math.floor(Math.random() * possible.length));
    return text;
}</pre>
Kode di atas berfungsi sebagai event listener untuk melakukan aksi ketika tombol Save pada saat menambah counter ditekan. Pertama-tama kita membuat id counter dari random string menggunakan fungsi makeid(). Kemudian kita menyimpan counter baru ke bagian atas list, menampilkan caption counter di halaman counter utama dan menampilkan halaman utama.
<pre>$('#main .ui-content').on('click', function(){
    counter++;
    $('.count-number').html(counter);
    $('li#'+counter_id).children('.li-counter').html(counter);
});</pre>
Kode di atas berfungsi sebagai event listener pada saat area konten pada halaman tampilan counter utama ditekan. Angka pada counter akan bertambah setiap kali layar ditekan, begitu pula angka counter pada list yang terpilih.
<pre>$(document).on('click', '.ui-li-static', function(){
  counter_id = $(this).attr('id');
  counter = parseInt($(this).children('.li-counter').html());
  $('.count-number').html(counter);
  caption = $(this).children('.li-caption').html();
  $('.count-caption').html(caption);
  $('#main .ui-content').show();
  tau.changePage('main');
});</pre>
Kode di atas kita buat untuk menangani event ketika pengguna memilih counter yang sudah ada di list counter. Kita mengganti caption dari nama counter aktif dan angkanya dengan nilai dari counter yang dipilih.

Sampai sini kita sudah dapat menjalankan aplikasi sesuai dengan skenario. Tapi bila aplikasi ditutup, semua counter yang sudah dibuat akan hilang. Oleh karena itu kita akan menyimpannya di penyimpanan local. Cara paling mudah adalah dengan menggunakan local storage bawaan HTML.
<pre>function saveCounterList() {
  var mycontents = [];
  $('.ui-li-static').each(function() {
    mycontents.push({
      counter_id : $(this).attr('id'),
      caption : $(this).children('.li-caption').html(),
      counter : $(this).children('.li-counter').html()
    });
  });

  localStorage.setItem('content', JSON.stringify(mycontents));
}</pre>
Kode di atas adalah fungsi untuk menyimpan semua data yang sudah ada di list ke dalam local storage. Fungsi ini akan kita panggil ketika aplikasi hendak ditutup. Untuk itu tambahkan satu baris fungsi kode untuk memanggil fungsi ini sebelum baris kode untuk menutup aplikasi.
<pre>$( function () {
  window.addEventListener( 'tizenhwkey', function( ev ) {
    if( ev.keyName === "back" ) {
      var activePopup = document.querySelector( '.ui-popup-active' ),
      page = document.getElementsByClassName( 'ui-page-active' )[0],
      pageid = page ? page.id : "";

      if( pageid === "main" &amp;&amp; !activePopup ) {
        try {
          // simpan data sebelum aplikasi ditutup
          saveCounterList();
          tizen.application.getCurrentApplication().exit();
        } catch (ignore) {

        }
      } else {
        window.history.back();
      }
    }
  });
}());</pre>
Kita juga dapat memanggil fungsi saveCounterList() di event manapun pada aplikasi yang mungkin dapat dipanggil tanpa memberatkan aplikasi, atau membuat timer untuk menyimpan data setiap kurun waktu tertentu.
<pre>function loadCounterList() {
  var content;
  content = JSON.parse(localStorage.getItem('content'));

  content.forEach(function(e){
    counter_id = e.counter_id;
    counter = e.counter;
    caption = e.caption;
    $('ul.ui-listview').prepend('&lt;li id="'+ counter_id +'" class="ui-li-static"&gt;&lt;span class="li-caption"&gt;'+ caption +'&lt;/span&gt;&lt;span class="li-counter"&gt;'+ counter +'&lt;/span&gt;&lt;/li&gt;');
    $('.count-caption').html(caption);
    $('.count-number').html(counter);
  });
}

loadCounterList();</pre>
Kode fungsi di atas digunakan untuk memuat data yang sudah tersimpan sebelumnya ke dalam aplikasi pada saat aplikasi pertama kali dijalankan.

Terakhir, kita modifikasi konten pada file index.html agar aplikasi berjalan mulus. Pertama tambahkan kode inline style pada elemen counter utama agar saat pertama kali dijalankan, aplikasi tidak menampilkan counter yang tidak terdaftar.
<pre>&lt;div class="ui-content" style=”display:none”&gt;
  &lt;div class="count-caption"&gt;Mobil Lewat&lt;/div&gt;
  &lt;div class="count-number"&gt;11&lt;/div&gt;
&lt;/div&gt;</pre>
Terakhir hapus semua konten dummy untuk list counter, hanya counter yang terdaftar di local storage saja yang dimuat.

Membuat Aplikasi Tizen Berbasis HTML5

GenAI Video Fest adalah ajang kompetisi video kreatif yang diselenggarakan oleh CODEPOLITAN bekerjasama dengan Alibaba Cloud.

Kami menantang kreator, tech-enthusiast, dan siapa saja untuk mendobrak batas imajinasi menggunakan teknologi Generative AI terbaru. Di sini, kamu wajib menggunakan WAN Model Studio dari Alibaba Cloud sebagai tools utama untuk menghasilkan karya videomu (bisa dikombinasikan dengan tools editing lainnya).

Tunjukkan pada dunia bagaimana teknologi dan kreativitas bisa bersatu menciptakan karya visual yang berdampak!

Kategori Kompetisi
Pilih satu dari empat tema besar ini untuk karyamu:
* Humanity (Kemanusiaan): Cerita yang menyentuh hati, sosial, dan kepedulian antar sesama.
* Sports (Olahraga): Energi, semangat juang, dan dinamika dunia olahraga.
* Entertainment (Hiburan): Komedi, musik, video klip, atau parodi yang menghibur.
* Science (Sains): Visualisasi masa depan, teknologi, alam semesta, atau penemuan ilmiah.

Total Prize Pool senilai Rp 250.000.000 menunggu para pemenang!
* Top Winners Rewards: Uang Tunai, Alibaba Cloud Credits (hingga $500), Merchandise Eksklusif, dan SWAG CODEPOLITAN.
* Lucky Draw Event: Kesempatan menang hadiah tambahan bagi peserta yang beruntung.
* Massive Exposure: Karya terbaik akan di-highlight di media sosial CODEPOLITAN, Alibaba Cloud, dan channel industri kreatif lainnya.
* Special Access (Khusus Alumni RuangAI): Dapatkan 2 Token untuk klaim Kelas Spesialisasi di RuangAI secara gratis.

Jangan sampai ketinggalan tanggal penting ini:
* Pendaftaran & Submission: 23 Desember 2024 - 23 Januari 2025
* Penjurian (Judging Phase): 24 - 26 Januari 2025
* Pengumuman Pemenang: 27 Januari 2025

Cara Ikutan:
1. Daftar: Klik tombol "Daftar Sekarang" dan pastikan kamu punya akun RuangAI.
2. Join Discord: Masuk ke server Discord komunitas untuk info teknis dan diskusi.
3. Create: Buat video kreatifmu menggunakan WAN Model Studio (Alibaba Cloud) sesuai kategori pilihan.
4. Upload & Submit: Unggah videomu ke media sosial (IG/TikTok/YouTube) dan submit link karyamu di halaman submission RuangAI.

Ikuti kompetisi video Generative AI terbesar dari CODEPOLITAN dan Alibaba Cloud! Gunakan teknologi WAN Model Studio untuk menyulap ide liarmu menjadi visual memukau. Rebut total hadiah senilai Rp 250.000.000!

GenAI Video Fest

Beasiswa Basic Cybersecurity adalah program inisiatif dari JagoanSiber yang dirancang untuk membuka wawasan masyarakat luas tentang dunia keamanan digital. Program ini hadir untuk menjawab kebutuhan talenta keamanan siber yang tinggi, dimulai dengan membangun pemahaman fundamental yang kokoh.

Program ini berbentuk Kelas Online Belajar Mandiri (Self-Paced Learning) berbasis video. Peserta diberikan keleluasaan penuh untuk mengakses materi kapan saja dan di mana saja tanpa terikat jadwal, sehingga sangat fleksibel bagi pelajar, mahasiswa, maupun pekerja profesional.

Kelebihan utama program ini adalah aksesnya yang 100% GRATIS dan terbuka untuk siapa saja tanpa syarat latar belakang IT. Peserta akan dibimbing langsung oleh Mahrus Qusaery, seorang praktisi keamanan siber berpengalaman, yang akan mengupas tuntas materi dasar yang krusial.

Program beasiswa kelas online gratis untuk mempelajari dasar keamanan siber dari nol. Belajar mandiri berbasis video langsung dari praktisi ahli, Mahrus Qusaery.

Membuat Aplikasi Tizen Berbasis HTML5

Learning

KelasFullstack

RuangAI

JagoanSiber

Baca Artikel Lainnya

Micro Python, Bahasa Python untuk Pemrograman Mikrokontroller

CodeIgniter PHP Framework Sekarang Punya Rumah Baru

Ikuti Giveaway dari CoderTalk dan Menangkan 6 Hadiah Menarik

Membuat Website Statis Gratis dengan Memanfaatkan Github Pages

Cara Install Node.js

Digital Input Output pada Arduino