Aplikasi Untuk Coding di HP Android, Text Editornya Ringan dan Bagus!

Bagi kamu yang baru mulai belajar coding tapi belum memiliki laptop atau komputer, jangan khawatir, ini ada aplikasi untuk coding yang bisa di pakai di HP android.

Text editor yang ringan dan bagus untuk di HP android. Kamu bisa pakai editor ini untuk mengedit CSS, HTML, JavaScript, teks. Selain itu aplikasi ini juga bisa edit semua jenis file seperti, Python, Java, Dart dll.

Tapi kamu tidak dapat menjalankan program selain HTML, MarkDown dan JavaScript.

Di tutorial ini terdapat video, menjelaskan cara pakai aplikasinya dan juga sebagai contoh, saya akan membuat Web Personal menggunakan HTML CSS Bootstrap.

Penasaran? yuk tonton videonya sampai habis ya…

Source Code

index.html

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="theme-color" content="#4f6b88" />
<meta name="msapplication-navbutton-color" content="#4f6b88">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#4f6b88">

<!-- Bootstrap CSS -->
<link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

<title>Profile Link</title>
</head>
<body class="bg-light">
<main class="m-auto pt-5 pb-1">
<section class="container profile text-center text-white">
<img src="assets/img/avatar.png">
<h3>Full Name</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="social-link mb-5">
<a href="#" target="_blank" class="text-white px-1">
<i class="bi bi-whatsapp"></i>
</a>
<a href="#" target="_blank" class="text-white px-1">
<i class="bi bi-instagram"></i>
</a>
<a href="#" target="_blank" class="text-white px-1">
<i class="bi bi-facebook"></i>
</a>
</div>
</section>
<section class="container text-center">

<a href="#">
<div class="button-link bg-white px-2 py-3 my-3 rounded-1 shadow">
<img src="assets/img/thumb-1.jpg">
<p class="mb-0 text-dark mx-2">
Dolore Magna Aliqua
</p>
<span class="badge bg-success py-2">
IDR250K
</span>
</div>
</a>
<a href="#">
<div class="button-link bg-white px-2 py-3 my-3 rounded-1 shadow">
<img src="assets/img/thumb-2.jpg">
<p class="mb-0 text-dark mx-2">
Duis Aute Irure Dolor
</p>
<span class="badge bg-success py-2">
IDR300K
</span>
</div>
</a>
<a href="#">
<div class="button-link bg-white px-2 py-3 my-3 rounded-1 shadow">
<img src="assets/img/thumb-3.jpg">
<p class="mb-0 text-dark mx-2">
Ullamco Laboris Nisi
</p>
<span class="badge bg-success py-2">
IDR350K
</span>
</div>
</a>
<a href="#">
<div class="button-link bg-white px-2 py-3 my-3 rounded-1 shadow">
<img src="assets/img/thumb-4.jpg">
<p class="mb-0 text-dark mx-2">
Fugiat Nulla Pariatur
</p>
<span class="badge bg-success py-2">
IDR400K
</span>
</div>
</a>
<a href="#">
<div class="button-link bg-white px-2 py-3 my-3 rounded-1 shadow">
<img src="assets/img/thumb-5.jpg">
<p class="mb-0 text-dark mx-2">
Officia Deserunt Mol
</p>
<span class="badge bg-success py-2">
IDR450K
</span>
</div>
</a>

</section>
</main>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>

</body>
</html>

Download Source Code

Demikian pembahasan Aplikasi Untuk Coding di HP Android, Text Editornya Ringan dan Bagus! semoga bermanfaat, terima kasih.

Berbagi beragam konten edukatif seputar informasi teknologi.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

You might also like