DEV Community: Farid Aditya

Python | Tipe data dalam python

Farid Aditya — Sat, 04 Jul 2020 08:18:58 +0000

## Materi 4 | Tipe data dalam python

Diambil dari materi youtube camp.114
https://www.youtube.com/watch?v=7uP1OiQ0CBg

Pada pertemuan kali ini kita akan membahas tentang tipe data pada python. Jika kemarin kita membahas konsep dasar, kita ingat semua dalam python adalah object, tipe data adalah class dari object, sedangkan variable dari tipedata adalah instance(object) dari class tersebut. Untuk lebih jelasnya dibawah ini adalah tabel dari dari beberapa tipe data yang sering digunakan dalam python.

Kelompok Tipe Data
Numeric	`int`, `float`, `complex`
Text	`str`
Sequence	`list`, `tuple`, `range`
Mapping	`dict`
Set	`set`, `frozenset`
Boolean	`bool`
Binary	`bytes`, `bytearray`, `memoryview`

Tidak seperti di bahasa pemrograman lain, dalam python kita tidak perlu mendeklarasikan variable dan tipedata yang kita gunakan, karena python bisa mengenali sendiri tipedata apa yang kita pakai.

contohnya, jika dalam bahasa pemrograman lain:

int a, b ;

a = 10;

b = 5;

a= a+b

jika dalam python kita bisa langsung mendeklarasikan variable a langsung dengan valuenya

a = 10

b = 5

a = a + b

Numeric/Numbers

Tipe ini digunakan untuk mengolah data yang berupa angka, yang termasuk tipe ini adalah integer, floating point (pecahan) dan complex. Nambers sendiri termasuk immutable object.

Dalam pyton, integer tidak dibatasi panjangnya, yang membatasinya hanyalah besaran memori komputer. Selanjutnya floating point, class ini mempunyai maksimal 15 digit di belakang koma. jika lebih hanya 15 digit hanya 15 digit pertama saja yang digunakan (0.123456789012345*6789* akan menjadi 0.123456789012345*68*). untuk complex type bditulis dalam bentuk x+ yj, untuk lebih jelasnya tentang komplex type teman-taman dapat mencarinya di internet.

contoh sederhanyanya seperti :



a = 12
b = 3
c = 3.14 + 2.73j

a + b # penambahan
b - a # pengurangan
a // b # pembagian integer, menghasilkan sisa (misal 13 div 3 = 1)
a / b # pembagian, menghasilkan bilangan real/float
a * b # perkalian
b ** a # pangkat

c.real # real part
c.imag # imaginary part

Untuk mengetahui tipe data yang digunakan kita bisa menggunakan funsi type() (catatan, fungsi ini mirip seperti fungsi isinstance()).



a = 10
b = 0.1234567890123456989 
c = 3.14 + 2.73j

print(a, "adalah", type(a))
print(b, "adalah", type(b))
print (c, "adalah", type(c))
print(c, "apakah merupakan complex number ?", isinstance(1+2j,complex))

Text

Untuk mengolah text kita menggunakan String, yang termasuk dalam immutable object, defenisi dari string adalah urutan dari karakter unicode. Untuk mendeklarasikan string kita bisa menggunakan ' ' (single quote), " " (double quotes). untuk baris yang panjang kita juga dapat menggunakan triple quote (""" """ atau ''' ''').



s = "tipe string pertama"
print(s)
s = '''string beberapa baris
baris kedua
baris ketiga'''
print(s)

Meskipun string termasuk immutable object, tetapi string mempunyai sebuah fungsi yang mirip seperti tuple dan list, string dapat di potong menggunaka operator [], contohnya :



s = "tipe string pertama"

print(s)
print("s[5] = ", s[5]) # diawali dgn [0]
print("s[5:11] = ", s[5:11]) # (n:n-1)

Python Collections (Arrays)

Dalam python terdapat 4 tipe data yang digunakan untuk membangun collection/array, yaitu :

List
Tuple
Set
Dictionary

List

List merupakan mutable object yang berisi urutan dari object reference yang dapat diakses menggunakan urutan dari penempatan objectnya. List merupakan datatype yang sering digunakan dalam python. untuk mendelarasikan list kita menggunakan kurung kotak [], contohnya seperti dibawah



a = [1, 2, 'string', 4.5]

untuk menggunakanya kita menggunakan slicing operator (operator pemotong) [], dan seperti sting indexnya dimulai dari 0.



a = [5,10,15,20,25,30,35,40]


print("a[2] = ", a[2])
print("a[0:3] = ", a[0:3])

a[5] = 35 
print("a[5:] = ", a[5:])

Tuple

Taple mempunyai fungsi yang sama seperti list, hanya saja tuple merupakan immutable object, artinya sekali tuple di buat tidak dapat di ubah kembali. Umumnya tuple digunakan untuk data yang diharapkan write-protect, tuple juga lebih cepat dibandingkan list. untuk mendeklarasikan tupel kita menggunakan () tanda kurung.



t = (1, 'dua', 3.1)

print("t[1] = ", t[1])
print("t[0:3] = ", t[0:3])

l = [1, 'dua', 3.1]

l[0] = 'satu'
print(l)
# menghasilkan error karena tuple immutable
t[0] = 10
print(t)

dari image di atas dapat dilihat tuple merupakan immutable object, maka jika kita mencoba isi dari tuple maka akan terjadi error.

Set

Set adalah object mutable, fungsinya hampir mirip dengan list dan tuple yaitu untuk membuat unordered colection, hanya saja set tidak memiliki order dan itemnya harus unik. set dibentuk menggunakan operator {} kurung kurawal. Sekarang contoh dari set dari sample code berikut



a = {9,2,3,1,4}
b = {9,2,3,1,4,1,2,3}

print("a = ", a)
print("b = ", b)
print(2 in thisset)
print(type(a))

print(a[2]) # error karena set tidak memiliki index

Dictionary

Datatype terkhir yang termasuk collection adalah dictionary. Sama seperti set dictionary merupakan unorder collection, dalam deklarasinya dictionary juga mirip seperti set menggunakan {} kurung kurawal untuk mendeklarasikannya. Tetapi item dalam dictionary dapat dikenal dengan Key-value pair ( key:value). Perbedaan lainya dari set, dictionary merupakan muttable objects. Dictionary sendiri sangat efektif digunakan untuk data yang sangat besar (juka kita menggunakan python framework, kita akan sering menemukan tipedata ini). contoh dari Dictionary dapat kita lihat dari potongan kode berikut



dic = {1:'Nilai','Kunci':2}
print(type(dic))

print("d[1] = ", dic[1]);

print("dic['Kunci'] = ", dic['Kunci']);

# Generates error
print("dic[2] = ", dic[2]);

Python | Keyword & identifiers

Farid Aditya — Sat, 04 Jul 2020 08:06:12 +0000

materi 3 | Keyword and Identifiers

Diambil dari chanel youtube camp.114
https://www.youtube.com/watch?v=7uP1OiQ0CBg

Python mempunyai beberapa keyword yang tidak bisa kita gunakan sebagai nama variable, fungsi, class atau indentifiers lainya. Pada python 3.7 terdapat 33 keyword, pada versi terbaru masih mungkin bertambah ataupun berkurang. Beberapa Keyword dapat dilihat pada list dibawah ini :

Keyword	Description
and	A logical operator
as	To create an alias
assert	For debugging
break	To break out of a loop
class	To define a class
continue	To continue to the next iteration of a loop
def	To define a function
del	To delete an object
elif	Used in conditional statements, same as else if
elsa	Used in conditional statements
except	Used with exceptions, what to do when an exception occurs
False	Boolean value, result of comparison operations
finally	Used with exceptions, a block of code that will be executed no matter if there is an exception or not
for	To create a for loop
from	To import specific parts of a module
global	To declare a global variable
if	To make a conditional statement
import	To import a module
in	To check if a value is present in a list, tuple, etc.
is	To test if two variables are equal
lambda	To create an anonymous function
None	Represents a null value
nonlocal	To declare a non-local variable
not	A logical operator
or	A logical operator
pass	A null statement, a statement that will do nothing
raise	To raise an exception
return	To exit a function and return a value
True	Boolean value, result of comparison operations
try	To make a try...except statement
while	To create a while loop
with	Used to simplify exception handling
yield	To end a function, returns a generator

Identifiers

Indentifiers adalah istilah buat nama/pengenal yang diberikan pada variabel, function, class dan lainya, funsinya untuk memberi perbedaaan anatara satu entitas dengan entitas lainya.

Catatan

python adalah bahasa pemrograman yang case-sensitive, artinya dalam python huruf kecil dan besar berbeda.

Aturan penulisan identifiers :

merupakan kombinasi huruf kecil (a - z) atau huruf besar (A - Z) juga bilangan (0 - 9) bersama underscore (_)\
tidak menggunakan spasi, contoh nama variabel tidak valid
tidak boleh dimulai dengan angka, contoh 1variabel tidak valid
tidak boleh menggunakan nama yang ada di keyword
tidak menggunakan spesial symbol seperti @ # $ % ^ &
panjang kata bebas

Meskipun kita bebas memberi nama, tetapi perlu diingat untuk memberi nama yang masuk akal yang sesuai dengan fungsinya. Jika memberikan nama yang lebih dari satu kata, sebaiknya pisahkan kata dengan underscrode atau seperti di java mulau tiap kata dengan huruf besar, contoh

nama_dari_variable (valid dan mudah dibaca)
namaDariVariable ( valid dan mudah dibaca)
namadarivariable (valid tetapi sulit dibaca)

HTML & CSS | Layout with html

Farid Aditya — Sun, 28 Jun 2020 16:16:11 +0000

HTML Layout

pada sesi sebelumnya kita telah mencoba membuat halaman web sederhana yang menampilkan sebuah kalimat hello world, dengan menggunakan tag yang dalam beberapa referensi dimasukan ke dalam top-level element, seperti <!DOCTYPE> , <html>, <Head> dan <body>, seperti contoh di bawah seperti dibawah :

<!DOCTYPE HTML>
<html>
    <head></head>
    <body></body>
</html>

Element html tidak terbatas hanya pada tag-tag dalam kategori top-level element, kenyataanya masih banyak element lainya, mungkin jika kita hitung ada labih dari 100 element html5. beberapa diantaraya adalah :

Metadata - sudah sedikit di singgung dalam session sebelumnya, fungsinya adalah unuk memberi informasi tentang metadata tentang dokumen html itu sendiri.
Sectioning - digunakan untuk mengatur halaman menjadi beberapa bagian.
Heading - digunakan bersama dengan element Section untuk menentukan judul dan subtitle
Embedded - digunakan untuk menyisipkan konten non-HTML, seperti gambar, dalam dokumen.
Form - digunakan untuk mengambil input pengguna
dan masih banyak yang lainya,

Struktur HTML

Kali ini kita akan membahas tentang Elements yang fungsinya untuk menyususn struktur halaman sebuah web, digunakan untuk membuat stuktur layout dari halaman web, sekaligus dapat digunakan untuk mengorganisasikan konten-konten html ke dalam beberapa bagian.

`<div>`

Contoh Pengaplikasian div tag dalam mockup :

Sebelum html versi 5, kita hanya memiliki tag


  untuk membangun struktur dari sebuah halaman web. tag ini digunakan untuk membagi sebuah halaman web menjadi beberapa bagian. Meskipun HTML 5 mengenalkan beberapa tag-tag baru, tetapi tag ini masih tetap valid untuk digunakan.



```html
<div>
    <div>
        <div>
        </div>
    </div>
</div>

<div> mendefinisikan pemotongan/pembagian konten dari dokumen HTML, Tag ini biasanya menjadi kontainer buat elemen html lainya. tag <div> mudah dicustomisasi dengan menggunakan atribut class atau id yang kemudian dapat diberikan style oleh css.

<!DOCTYPE html>
<html>

<body>
    <div class="selection">
        <h1>Emery Tak Kapok Melatih di Liga Inggris</h1>
        <p>Pelatih Spanyol Unai Emery masih menjalani karier yang cukup sulit di Arsenal.           Meski begitu, Emery mengaku mau-mau saja melatih lagi di Liga Inggris</p>
    </div>
    <div class="selection">
        <h1>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</h1>
        <p>Liverpool sedikit lagi akan menjuarai Liga Inggris musim ini. Namun jika hal itu         terjadi, The Reds kemungkinan akan merayakannya di stadion kosong.</p>
    </div>
</body>

</html>

HTML5 Semantics(HTML with Meaning)

Apa yang dimaksud dengan semantic tag? Semantic Tag atau Semantic Markup, adalah sebutan untuk tag-tag HTML yang memiliki ‘arti‘ atau ‘makna’. Kata semantic berasal dari kata yunani yang berarti ‘mempelajari arti‘ (the study of meaning).

Contoh pengaplikasian Sematic tag dalam mockup :

Main

Tag<main> menunjukan bahwa konten di dalam container ini adalah konten utama dalam halaman web , pada setiap halaman hanya boleh terdapat satu <main>. Main tidak boleh ada di dalam element article, aside, footer, header, atau nav.

<body>
    <main>
        <div class="selection">
            <h1>Emery Tak Kapok Melatih di Liga Inggris</h1>
            <p>Pelatih Spanyol Unai Emery masih menjalani karier yang cukup sulit di Arsenal. Meski begitu, Emery
                mengaku
                mau-mau saja melatih lagi di Liga Inggris.
                Entrenador berusia 48 tahun diberhentikan Arsenal hanya 1,5 tahun setelah didapuk sebagai pengganti
                Arsene
                Wenger pada musim panas 2018. Pencapaian terbaik Emery di London Utara hanyalah membawa The Gunners ke
                final
                Liga Europa semusim lalu.</p>
        </div>
        <div class="selection">
            <h1>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</h1>
            <p>Liverpool sedikit lagi akan menjuarai Liga Inggris musim ini. Namun jika hal itu terjadi, The Reds
                kemungkinan akan merayakannya di stadion kosong.
                Premier League dikabarkan telah mendapat restu dari pemerintah Inggris untuk bergulir kembali pada Juni.
                Namun masih belum diputuskan apakah nantinya laga akan dimainkan secara home-away atau dimainkan di
                tempat
                netral.</p>
        </div>
    </main>
</body>

Section

Element ini digunakan untuk mengatur konten menjadi bagian-bagian logis, prinsip dalam memilih elemen ini adalah group dari konten yang sama berdasarkan materi yang disajikan.

Menurut dokumentasi HTML W3C: "A section is a thematic grouping of content, typically with a heading."

prinsipnya beberapa Element dalam sematic tag ini, mempunyai fungsi seperti tag <div>, hanya saja penamaan tagnya disesuaikan dengan fungsi dari tagnya. Sebelumnya kita sudah melihat pembagian konten menggunakan div, sekarang kita akan menggantikan div dengan tag sematik baru yang disediakan html5,

<!DOCTYPE html>
<html>
<body>

<section>
  <h1>Emery Tak Kapok Melatih di Liga Inggris</h1>
  <p>Pelatih Spanyol Unai Emery masih menjalani karier yang cukup sulit di Arsenal. Meski begitu, Emery mengaku mau-mau saja melatih lagi di Liga Inggris.</p>
</section>
<section>
  <h1>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</h1>
  <p>Liverpool sedikit lagi akan menjuarai Liga Inggris musim ini. Namun jika hal itu terjadi, The Reds kemungkinan akan merayakannya di stadion kosong.</p>
</section>

</body>
</html>

note:

- tambahan `<h1>` adalah heading, heading sendiri terdiri dari `<h1> hingga <h6>`


 paragraf 



#### Aside

Elemen ini digunakan untuk membangun kelompok konten yang tidak termasuk dalam konten utama, umumnya berupa informasi pendukung, misalnya informasi tentang penulis, dapat juga informasi yang tidak terkait seperti iklan atau kalender.



```html
<aside>
    <h4>Tema Podcast hari ini</h4>
    <p>dunia Olahraga di tengah corona <br> bincang bincang teknologi di mata milenia</p>
 </aside>

speaker note

sebenarnya cukup sulit untuk menjelaskan html tanpa css, jadi manti beberapa contoh akan kita ulangi lagi ketia mempelajari css

Header & Nav

tag <header> dapat digunakan untuk judul dari sebuah konten, penempatan brand dari website ataupun lainya

<nav> berfungsi untuk menampung kupulan link, tidak semua lint harus diletakan dalam kontainer <nav> tetapi hanya ling ling utama saja yang diperlukan untuk navigasi konten dari web.

speaker note

<a> tag ini <a> digunakan untuk membuat hyperlink, atribut terpenting dari tag ini adalah **href* yang akan diisi oleh detail tujuan dari link.*

<header>
    <div id="logo">
        <h3>
            WebSaya
        </h3>
    </div>
    <nav>
        <a href="/code//01_div.html">part 1</a> &nbsp;
        <a href="/code/02_section.html">part 2</a> &nbsp;
        <a href="/code/03_aside.html">part 3</a> &nbsp;
        <a href="https://www.google.com/?hl=in">google</a> &nbsp;
    </nav>

</header>

Footer

<footer> sesuai mananya tag ini idealnya diletakan di area paling bawah dari halaman web atau bisa juga di bagian paling bawah sebuah section. Umumnya footer berisi :

Informasi Author
copyright
Informasi contact
sitemap
back to top
links dokument yang berhubungan
dll

<footer>
    <p>Contoh artikel diambil dari detik dot com</p>
    <a href="https://www.detik.com/">detik.com</a>
</footer>

List tag Sematik

Python | konsep dasar yang perlu diketahui

Farid Aditya — Sun, 28 Jun 2020 01:58:40 +0000

Materi 2 | Konsep yang perlu diketahui

Diambil dari chanel youtube camp.114
https://youtu.be/juX9v6Y-2js

Pada materi kali ini awalnya kita akan membahas tentang tipe data. tetapi karena satu dan lain hal mungkin sebaiknya sebelum kita baha tipe data ada baiknya kita membahas beberapa konsep yang ada dalam python.

Python Object

Di dalam python, objek merupakan abtraksi dari data. Bahkan semua yang ada di dalam python adalah objek. Jika kita mengingat kembali materi sebelumnya, kita mempunya contoh a = 10 , setelah sekarang kita mengetahui bahwa semua yang ada di python adalah object. Kita akan bertanya ketika objek dibuat, kemudian apa yang terjadi pada a. Yang terjadi adalah variable tersebut akan mempunyai id, kemudia tipe datanya akan diset menjadi integer dan object ini akan mempunyai value atau nilai yang akan diisi oleh angka 10. Terakhir objek dari a ini akan disimpan dalam global namespace.

variable

kemudian kita akan membahas tentang variable, variabel dalam python sama seperti variable dalam bahasa pemrograman lain. Dalam python variable akan merujuk kepada sebuah object.misalnya a = [1,2,3] , maka a akan merujuk atau mereference ke dalam sebuah object list yang berisi 1,2,3. atau contoh lain kita akan bahas dalam contok kode berikut

budi = ['handphone', 'kacamata', 'smartwatch'] 
andi= ['handphone', 'kacamata', 'smartwatch'] 

a = (budi==andi)
b = (budi is andi)

print ('id budi adalah', id(budi))
print ('id andi adalah', id(andi))
print('barang yang dimiliki sama', a)
print('apakah budi sama dengan andi', b)

dari contoh di atas dapat dilihat bahwa budi, andi, a, b adalah variable yang memiliki value meriference ke dalam sebuah list yang berisi barangnya, yaitu handphone, kacamata, smartwatch. Sedangkan a dan b adalah objek yang masing-masing memiliki value perbandingan barang budi dan andi, juga value id yang membandingkan id budi dan andi.

namespace

Namespace, adalah tempat/kontainer dari variableyang kemudian digunakan untuk maping dari names ke dalam objek. dari contoh sebelumnya kita bisa melihat namespasenya adalah Global. Jika kita kembali lagi ke contoh budi. dan global frame kita anggap kecamatan, misalkan budi tinggal di kec.cicendo jika kita ingi mencari budi kita dapat mengimport budi ke dalam module kita seperti

from bandung.cicendo.pajajaran import budi
from jakarta.menteng.sudirman import andi

contoh ini menggambarkan bandung merupakan namespace pertama, kemudian kita mencari cicendo di dalam bandung, lalu kita mencari pajajaran sebagai namespace selanjutnya maka kita akan menemukan budi di pajajaran. untuk sekarang jangan terlalu bingung dengan namespace, nanti jika kita sudah masuk ke dalam real code maka kita akan lebih mudah untuk memahami namespace.

Sebagai contoh, misal kita mempunyai 2 buah file seperti :

from testImport.alamat import alamatgw

nama = 'budi'
jl = 'Rumah gw ada di'
isi = input('masukan alamat sebenarnya : ')

print(nama)
print(jl)
alamatgw(isi)



def alamatgw(jalan):
    jl = jalan
    print(jl)

scope

Satu lagi yang perlu kita bahas adalah scope, scope ini berhubungan erat dengan namespace. Menurut pythonya sendiri scope "a scope is a textual region of a Python program, where a namespace is directly accessible". Jika merujuk pada w3c yang defenisikanya lebih praktikal akan seperti ini "A variable is only available from inside the region it is created. This is called scope.".

Dari kedua defenisi di atas dapat disimpulkan scope adalah daerah dimana sebuah variabel dapat di akses. Dalam python sendiri scope meliputi :

local scope, merupakan scope terdalam yang berisi variable lokal
enclosing scope, merupakan scope yang mempunyai variabel non-lokal tetapi tidak mengandung variable dari global scope
global scope, contains global names.
built-in scope, berisikan built-in names atau Built-in Functions, misalnya `float(), print(), super() dan lain lain

`
def Luar():

nama = 'Budi' # Local
def Dalam(): # Local
umur = 25 # enclose
print('nama : ', nama) # enclose
print('umur: ', umur) # enclose

Dalam() # Local

print('tes panggil umur') # Local
print('umur: ', umur) # Local

Tes = 'Test Enclose' # Global
print(Tes)
Luar()
`

Mutable dan Immutable

Perbedaan mendasar Python ada pada data yaitu apakah nilai suatu objek berubah atau tidak. Jika nilainya dapat berubah, objek disebut disebut Mutable, sedangkan jika nilainya tidak bisa berubah, objek itu disebut Immutable. mengetahui muttable dan immutable pada python cukup penting, karana akan mempengaruhi kode yang kita buat.

mari kita lihat contohnya

`
angka = 1000
print(id(angka))
print(angka)
angka = 2000
print(id(angka))
print(angka)

class orang():
def init(self, umur, kota, tanggal):
self.umur = umur
self.kota = kota
self.tanggal = tanggal

orang = orang(20, "bandung", 2000)
print(id(orang))
print(orang.umur)

orang.umur = 10
orang.kota
orang.tanggal

print(id(orang))
print(orang.umur)
`

HTML & CSS | Part 2

Farid Aditya — Sat, 27 Jun 2020 05:42:18 +0000

Bekerja Dengan Konten HTML

Diambil dari Penjelasan camp.114
https://youtu.be/OZ3ESpSEGZc

Sebelumnya kita membahas dasar dari html , kali ini kita akan membahas tentang elemen html yang lebih yang dapat digunakan untuk membuat konten berbasis text.

Heading `<h1>..</h6>`

Di sesi sebelumnya kita sudah menggunakan tag ini <h1> dan <h4>.

<h1> Test </h1>
<h2> Test </h2>
<h3> Test </h3>
<h4> Test </h4>
<h5> Test </h5>
<h6> Test </h6>

Paragraphs `<p> </p>`

Paragraph adalah salahsatu element penting dalam membangun konten berbasis text. tag ini bekerja dengan memerintahkan browser untuk memberi satu spasi pad sebelum dan sesudah tag <p>

<main>
    <section>
        <h1>Emery Tak Kapok Melatih di Liga Inggris</h1>
        <p>Pelatih Spanyol Unai Emery masih menjalani karier yang cukup sulit di Arsenal. Meski begitu, Emery
            mengaku mau-mau saja melatih lagi di Liga Inggris.</p>
    </section>
    <section>
        <h1>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</h1>
        <p>Liverpool sedikit lagi akan menjuarai Liga Inggris musim ini. Namun jika hal itu terjadi, The Reds
            kemungkinan akan merayakannya di stadion kosong.</p>
    </section>
</main>

Line Breake `<br>` & Horizontal Rule `<hr>`

Karena pada sesi sebelumnya kita telah menggunakan line break, maka sekalian saja kita bahas<br> tag artinya membuat satu line breake, tag <hr> mempunyai fungsi yang sedikit mirip, tag <hr> ini akan membuat line break tetapi dengan menambahkan garis horizontal diantara pemisahan baris.

<main>
    <section>
        <h1>Emery Tak Kapok Melatih di Liga Inggris</h1>
        <br>
        <p>Pelatih Spanyol Unai Emery masih menjalani karier yang cukup sulit di Arsenal. Meski begitu, Emery mengaku mau-mau saja melatih lagi di Liga Inggris.</p>
    </section>
    <hr>
    <section>
        <h1>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</h1>
        <br>
        <p>Liverpool sedikit lagi akan menjuarai Liga Inggris musim ini. Namun jika hal itu terjadi, The Reds
            kemungkinan akan merayakannya di stadion kosong.</p>
    </section>
</main>

List

Digunakan untuk membangun konten bebasis list,yang termasuk dalam elemen list ini adalah tag tag berikut ini :

<ol> ordered list
<ul> unordered list
<li> list item
<dl> definition list
<dt> definition term
<dd> definition data

sekarang kita akan membahas tag <li> <ol> dan <ul>, tag-tag ini digunakan untuk membangun item list ciri khasnya adalahmenggunakan notasi dot untuk unoreder atau angka untuk ordered list, peggunaanya seperti contoh berikut :

<p>penggunaan unordered list:</p>
<ol>
  <li>buku</li>
  <li>pensil</li>
  <li>tas</li>
</ol>

<p>penggunaan unordered list:</p>
<ul>
  <li>buku</li>
  <li>pensil</li>
  <li>tas</li>
</ul>

Tag-tag dalam kategori ini mempunyai attribute :

unorder
- type : defaultnya bullet type (disc, circle, square)
ordered
- type : ordering dari list (1, A, a, I, or i)
- reversed : urutan (backward)
- start : menentukan angka awal (for number type)

Sekarang kita akan membahas tag-tag selanjutnya yaitu <dl> <dt> dan <dd>, tag tag ini digunakan untuk membangun list dengan koten dan deskripsi yang berhubungan misal seperti daftarpustaka pada buku, seperti :

<dl>
                    <dt>
                        <strong>Emery Tak Kapok Melatih di Liga Inggris</strong>
                    </dt>
                    <dd>
                        <p>Pelatih Spanyol Unai Emery masih menjalani karier
                            yang cukup sulit di Arsenal. Meski begitu, Emery
                            mengaku mau-mau saja melatih lagi di Liga Inggris.</p>
                    </dd>


                    <dt>
                        <strong>Angkat Trofi di Stadion Kosong Akan Terasa Aneh Bagi Liverpool</strong>
                    </dt>
                    <dd>
                        <p>Liverpool sedikit lagi akan menjuarai Liga Inggris
                            musim ini. Namun jika hal itu terjadi, The Reds
                            kemungkinan akan merayakannya di stadion kosong.</p>
                    </dd>
                </dl>

HTML & CSS | Part 1

Farid Aditya — Fri, 26 Jun 2020 14:29:00 +0000

Intro HTML dan CSS | the role of web developers

Tulisan ini diambil dari youtube
https://youtu.be/WZN-bxnuF2I

Web Telah ada lebih dari 20 tahun sebagai bagian dari media komunikasi dan komersial. Dari mulai ekspasin awal, kemunduran pada saat krisis moneter, inovasi yang mendorong perkembangan teknologi. web akan selalu tetap ada seiring dengan berkembangnya masyarakat digital. Teknologi digital terus berkembang termasuk juga web, bukan hanya berkembang tetapi web yang pada awalnya hanya ada pada perangkat PC, mulai merambah ke media lain seperti smartphone, tablet, tv dan lain-lain. membuka peluang yang luas bagi mereka yang menguasainya.

Apapun motovasinya, dalam mempelajari pengembangan web yang selalu muncul adalah "Dari mana saya mulai mempelajarinya ?",

HTML & CSS

Jika membicarakan tentang pengembangan web hal pertama yang tidak bisa kita lewatkan adalah HTML dan jika kita menggunakan HTML maka tidak akan lepas dari CSS.

Pada seri ini kita akan membahas tentang HTML dan CSS. Kita akan memulainya dari pengenalan HTML lalu kita akan membahas tentang CSS. setelah itu kita akan mencoba membuat design web dengan menggunakan kedua teknologi tersebut.

Pembagian tugas pengembangan web

Front-End, Bertanggung jawab untuk mempresentasikan sebuah halaman web
- Umumnya adalah HTML, CSS dan Javascript, tetapi masih banyak juga yang lainya, misalnya framework front-end Angular, React, dll
Back-End, Bertanggung jawab untuk mengolah data yang diperlukan oleh sebuah halaman web
- PHP, Python, Ruby, DBMS(MySQL, PostgreSQL, dll), dan masih banyak lagi yang lainya

Apa itu HTML

HTML merupakan singkatan dari Hyper Text Markup Language
HTML adalah bahasa markup untuk menampilkan konten web
Konten dari HTML bisa berupa tulisan, link, suara, gambar ataupun video
Untuk berkomunikasi antara web server dengan web browser kita, HTML menggunakan standar HTTP yaitu Hyper Text Transfer Protocol, dilakukan dengan HTTP Requests dan HTTP Responses

Bagaimana Menulis dokumen HTML

Pada dasarnya HTML adalah sebuat document dalam bentuk file yang diakhiri (extensions) .html, document ini berisikan tag-tag html, seperti contoh di bawah ini :

<tag attribute="value" ... > content </tag>

contoh halaman web complite

<!DOCTYPE HTML>
<html lang="id">
<head>
    <meta charset="utf-8" />
    <title>Contoh HTML</title>
</head>
 <body>
    hello
</body>
</html>

-

<!DOCTYPE HTML>

Tag khusus ini digunakan untuk memberi tahu browser bahwa jenis dokumen adalah HTML5.

-

<html lang="en"> </html>

mendeklarasikan pembuka dan penutup documen html, artinya semua kode diantara kedua tag html ini akan didefenisikan sebagai kode html. lang="en" adalah atribut dari tag html yang mendefenisikan bahwa web ini menggunakan bahasa ingris. Tag kadang disebut juga sebagai root element

-

<head> </head>

: Tag ini menentukan bagian khusus dari halaman web yang disebut head atau header. untuk contoh sekarang head in hanya berisi meta dan title

-

<meta charset=“UTF-8”>

meta tag digunakan untuk memberikan iniformasi tambahan ke browser, pada contoh ini, kita inign memberi tahu browser bahwa kita ingin menggunakan character UTF-8

-

<title> </title>

digunakan untuk mendeklarasikan title dari halama

-

<body> </body>

Kontainer untuk menempatkan konten utama dari halaman wen

-

<h1> </h1>

dan


 ,  h1 artinya heading level , p artinya  paragraf





```html
<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <!-- myFirst.html -->
    <title>Web Pertama</title>
</head>

<body>
    <h1>web page!</h1>
    <p> 
        ini adaalah halaman web pertama yang saya buat,
        Keren !
    </p>
</body>

</html>

semua tag html menggunakan huruf kecil kecuali tag

<!DOCTYPE HTML>

dalam satu halaman semua html boleh berulang kecuali tag

<html>, <title> dan <body>

tag html yang berpasangan adalah kontainer, yang dapat berisi tag atau kontainer lainya.

Dasar-Dasar Python

Farid Aditya — Fri, 26 Jun 2020 11:46:02 +0000

Materi 1 | Pengenalan

tulisan ini diambil dari video youtube
https://youtu.be/e8K2ayEkVVU

Python dibuat oleh orang Belanda yang bernama Guido Van Rossum. Bahasa pemrograman ini dikenalkan kepada publik pada tahun 1991, sejak saat itu bahasa pemrograman ini banyak digunakan dan menjadi sangat terkenal dan digunakan secara worldwide hingga sekarang.

Sekilas tentang Python

Kekuatan

Python adalah bahasa pemrograman yang populer. pada saat tulisan ini dibuat python berada di peringkat 1 sebagai bahasa pemrograman yang paling banyak digunakan.
Python relatif mudah dipelajari dan digunakan dibandingkan bahasa pemrograman lain. Sintaksnya sederhana, mudah dibaca dan diingat karena filosofi python sendiri menekankan pada aspek kemudahan dibaca (readibility).
Dalam menulid code, python lebih efisien dibandingkan bahasa lain.
Python merupakan General programing language, kita dapat membuat aplikasi saja dari mulai desktop app, web app, aplikasi/program jaringan bahkan hingga aplikasi smart phone.
Python kaya akan dukungan library (pustaka) standar Karen python memiliki komunitas yang sangat aktif .
Python bisa berinteraksi dengan bahasa lain. Kode python bisa memanggil bahasa lain seperti C, C++, dan juga sebaliknya bisa dipanggil dari bahasa lain.

Kekurangan

Python adalah bahasa interpreter. Kekurangan python dibanding bahasa lain yang menggunakan kompiler adalah ‘sedikit’ lebih lambat pada saat dijalankan bila dibandingkan bahasa C maupun C++. Tapi hal inipun sangat bersifat relatif. Tergantung dari besar ukuran program yang dibuat.

Contoh bahasa pemgroraman interpreter PHP, Perl, Ruby, and Python

Contoh bahasa pemrograman kompiler C, C++, Erlang, Haskell, dan bahas yang lebih medern seperti Rust dan Go

Selain kedua itu masih ada tipe lain dari bahasa pemrogaman yaitu Bytecode, Bytecode adalah bahasa pemrograman yang termasuk keduanya karena bahasa pemrograman kategori ini memerlukan kompiler dan intepreter untuk mengeksekusi kode. Langkahnya, pertama kode yang kita tulis dikompile terlebih dahulu menjadi bytecode setelah itu bytekode dieksokusi oleh intepreter (misalnya JVM).

Cara instal

Untuk menginstal python bisa mengikuti cara yang ada di web resminya di https://www.python.org/downloads/

Bagi pengguna linux ( di hampir semua distro) biasanya python sudah tersedia dan terintregasi dengan sistemnya, bagi pengguna Mac juga python sudah tersedia di dalam systemnya, kemungkinan adalah python versi 2.7. Mungkin hanya pengguna Windows yang perlu menginstal sendiri.

Bagaimana menulis kode untuk python

Pertama, kita menulis kode python di dalam file dengan extension .py, yang artinya file tersebut merupakan python module. Umumnya programer/pengembang menuliskan kode python dalam file yang terpisah pisah, kemudian file-file tersebut di gabungkan dalam beberapa folder, folder yang berisi file-file ini dapat disebut package. Package idealnya merupakan gabungan dari modul-modul yang secara logika saling berhubungan. Package sendiri sebenarnya hanyalah folder biasa, tetapi folder ini harus diisi dengan file spesial yaitu __init__.py , file ini biasanya tidak berisi kode apapun. Fungsi dari file __init.py ini untuk memberi tahu python bahwa folder yang berisi module-module kita bukan folder biasa tetapi merupakan m odule dari python.

note that as of Python 3.3 __init__.py is not strictly required any more

Contoh

Contoh-contoh dari kode program dapat di download di halaman github kami.

do you use linux, windows or macOs on your PC?

Farid Aditya — Mon, 05 Aug 2019 09:18:01 +0000

so far I always use windows, but in one week I tried linux precisely ubuntu. As a result I felt ineffective because instead of making something, I struggled more with how this works or how to do this.
Now I doubt whether I should continue to force using ubuntu / Linux or keep using Windows.

Yuk Belajar Yii2 part 6

Farid Aditya — Tue, 30 Jul 2019 06:20:46 +0000

Pada diskusi kita kemarn kita membahas bagaimana cara membuat class dari Model, Cotroller dan View menggunan fasilitas dari Yii yang bernama Gii, pada diskusi kita kali ini kita akann membahas hasil dari Gii Generator dan mengupdate code yang dihasilkan Gii sesuai kebutuhan kita.

Model

Sebenarnya kita pernah membahas model pada bagian lain dari seri ini, saat ini akan kita bahas kembali agar memperjelas pemahaman kita tentang model, dan juga kerena moleh yang kita buat sekarag di create melalui gii.

Model pertama yang akan kita bahas adalah Role.php, Hasil Code Generator dari Gii adalah seperti :

<?php

namespace app\models;

use Yii;

/**
 * This is the model class for table "role".
 *
 * @property int $id
 * @property string $role_akses
 * @property string $nama
 *
 * @property User[] $users
 */
class Role extends \yii\db\ActiveRecord
{
    /**
     * {@inheritdoc}
     */
    public static function tableName()
    {
        return 'role';
    }

    /**
     * {@inheritdoc}
     */
    public function rules()
    {
        /* off */
        return [
            [['role_akses', 'nama'], 'required'],
            [['role_akses'], 'integer'],
            [['nama'], 'string', 'max' => 45],
        ];
    }

    /**
     * {@inheritdoc}
     */
    public function attributeLabels()
    {
        return [
            'id' => 'ID',
            'role_akses' => 'Role Akses',
            'nama' => 'Nama',
        ];
        /* on */
    }

    /**
     * @return \yii\db\ActiveQuery
     */
    public function getUsers()
    {
      return $this->hasMany(User::className(), ['role_id' =>'id']);
    }
}

namespace, telah kita bahas dalam diskusi sebelumnya, secara sederhana namespace adalah URI atau lokasi tempat class berada. pada kasus ini, dapat dibaca seperti class ini berada di app/models.
use, secara sederhana dapat diartikan deklarasi class lain yang digunakan pada class ini.
class Role extends \yii\db\ActiveRecord, adalah deklarasi dari class ini, yang merupakan inheritance dari class ActiveRecord. Deklarasi ini bisa juga didekarasikanseperti class Role extend ActiveRecord, dengan catatan kita harus mendeklarasikan ActiveRecord dapa Use . Yang perlu diperhatikan adalah Gii secara default mebuat model yang merupakan inheritance dari ActiveRecord.
public static function tableName(), mendeklarasikan/meberitahukan model bahwa dalam model ini kita menggunakan tabel role dari database.
public function rules(), ini adalah methode yang penting karena dalam method ini kita mendeklarasikan rule dari validasi yang digunakan ketika method validation() dijalankan. Gii mengcreate fungsi dari rule sesuai dengan validasi dan tipedata kita di database.

[['role_akses', 'nama'], 'required'], artinya role_akses dan nama tidak boleh kosong. required sama seperti NotNull atau tudak boleh kosong.

[['role_akses'], 'integer'], artinya role_akses harus bertipe integer.

[['nama'], 'string', 'max' => 45], string artinya input harus berupa string, max=>45 artinya panjang input maximal adalah 45 karakter.

untuk rule lengkapnya bisa di lihat di link di bawah ini : https://www.yiiframework.com/doc/guide/2.0/en/input-validation

public function attributeLabels(), merepresentasikan nama field ketika digunaan dalam form, Grid view atau lainya. misalnya 'role_akses' => 'Role Akses', kira kira akan menghasilkan role_akses ketika di form input labelnya akan menjadi Role Akses.
public function getUsers(), adalah method yangg menghubungkan, model role dengan model User, dengan penghubung berupa :

return $this->hasMany(User::className(), ['role_id' => 'id']);

catatan

hasMany dan hasOne merupakan method dari class baseActiveRecord yang merupakan parent class dari ActiveRecord

HasMany dan HasOne adalah Relation antar tabel dalam database. (User::className(), ['role_id' => 'id']) dapat diartikan method terhubung ke model User dengan foreinKey role_id.

Model selanjutnya yang akan kita bahas adalah model User.php, model ini sebenarnya tidak kita create dengan Gii, tetapi model ini sudah di sediakan oleh Yii2,umumnya digunakan untuk Autentication dan/atau Autorization. Untuk sekarang kita hanya akan tentang link model ini dengan model lain pembahasan lebihlanjut tentang User model akan di bahas di bagian lain ketika kita membahas Autentication dan Autorization.

Dari class diagram pada part04 dari seri ini, kita melihat bahwa model user terhubung dengan model Role, Dosen dan Mahasiswa oleh karena itu kita akan menambahkan code berikut pada bagian paling bawah dari class :

    public function getDosen()
    {
        return $this->hasMany(Dosen::className(), [
            'user_id' => 'id'
        ]);
    }

    public function getMahasiswa()
    {
        return $this->hasMany(Mahasiswa::className(), [
            'user_id' => 'id'
        ]);
    }

    public function getRole()
    {
        return $this->hasOne(Role::className(), [
            'id' => 'role_id'
        ]);
    }

pada code diatas kita mendeklarasikan method getDosen() yang menghubungkan relasi antara User.php dan Dosen.php kemudian ada getMahasiswa() dan getRole() yang melakuka mirip seperti getDosen().

Yang ingin ditegaskan dalam bagian ini adalah :

public function getRole()
 {
     return $this->hasOne(Role::className(), [
     'id' => 'role_id'
     ]);
 }

Jika tadi dalam model Role.php kita melihat return $this-> hasMany (User::className(), ['role_id' =>'id']); maka pada model ini kita mendeklarasikan sebaliknya, sehingga relasi One To many terpenuhi. (Karena setahu saya Yii hanaya mengenal HasOne dan HasMany).

Selanjutnya pada deklarasi method pada getUsers() yang dicreate oleh Gii akan berupa Jamak karena secara naturalnya Role mempunyai banyak User, Mungkin ini hambatan bahasa kita maka, agar lebih bersahabat dengan bahasa kita kita akan rubah menjadi getUser().

Untuk model lainya tidak akan kita bahas secara detail karena penjelasanya akan mirip seperti kedua penjelasandi atas, tetapi, Sebaiknya kita perhatikan tiap modelnya dan kita ubah fungsi yang memiliki relasi HasMany menjadi bentuk Singular (tunggal). Misalnya seperti GetUsers() mejadi GetUser().

Beberapa Framework sangat ketat dalam aturan penamaan (naming conventions), biasanya aturan ini diterapkan pada model dan controllernya. misalnya : CakePhp, FuelPHP atau yang lainya. Yii juga menerapkanya, tetapi tidak ketat, jadi kita dengan mudah dapat membuat nama class sesuai yang kita mau, meskipun masih lebih baik mengikuti aturan yang mengikuti standar.

untuk mengetahui sabagian dari aturan aturan ini kita bisa melihat melalui link ini https://www.php-fig.org/

Controller

Untuk sedikit membedakan dengan pembahasan model, Controller pertama yang akan kita bahas adalah RuangKelasController.php, alasanya seserhana saja karena model dari ruangkelasContoller.php sama seperti RoleController.php tidak bergantung pada model lain.

<?php
namespace app\controllers;

use Yii;
use app\models\RuangKelas;
use yii\data\ActiveDataProvider;
use yii\web\Controller;
use yii\web\NotFoundHttpException;
use yii\filters\VerbFilter;


class RuangKelasController extends Controller
{

    public function behaviors()
    {
        return [
            'verbs' => [
                'class' => VerbFilter::className(),
                'actions' => [
                    'delete' => ['POST'],
                ],
            ],
        ];
    }


    public function actionIndex()
    {
        $dataProvider = new ActiveDataProvider([
            'query' => RuangKelas::find(),
        ]);

        return $this->render('index', [
            'dataProvider' => $dataProvider,
        ]);
    }


    public function actionView($id)
    {
        return $this->render('view', [
            'model' => $this->findModel($id),
        ]);
    }


    public function actionCreate()
    {
        $model = new RuangKelas();

        if ($model->load(Yii::$app->request->post()) && $model->save()) {
            return $this->redirect(['view', 'id' => $model->id]);
        }

        return $this->render('create', [
            'model' => $model,
        ]);
    }


    public function actionUpdate($id)
    {
        $model = $this->findModel($id);

        if ($model->load(Yii::$app->request->post()) && $model->save()) {
            return $this->redirect(['view', 'id' => $model->id]);
        }

        return $this->render('update', [
            'model' => $model,
        ]);
    }


    public function actionDelete($id)
    {
        $this->findModel($id)->delete();

        return $this->redirect(['index']);
    }


    protected function findModel($id)
    {
        if (($model = RuangKelas::findOne($id)) !== null) {
            return $model;
        }

        throw new NotFoundHttpException('The requested page does not exist.');
    }
}

Kode di atas sama dengan kodeyang dihasilkan oleh Gii, hanya untuk kenyamanana diskusi kita, saya menghapus barsi komentarnya.

sama seperti model kita juga pernah menbahas Controller pada bagan lain dari seri ini. Disini kita akan ulangi lagi sedikit tentang Controller.

use, merupakan deklarasi dari class lain yang digunakan oleh controller.

Pada bagian deklaras perhatikan bagan use app\models\RuangKelas; ini artinya kita mendeklarasikan/memanggil/menggunakan model RuangKelas.php yang sebeumnyatelah kita create.

class RuangKelasController extends Controller, ini adalah part deklarasi dari class. penamaanya sesuai dengan mana file. Umumnya class controller merupakan class turunan dari Controller.php.
public function behaviors() dan 'class' => VerbFilter::className(), penjelasan sederhanya, behaviors sesuai dengan artinya yaitu kebiasaan. Method bahaviors adalah method yang akan mempengaruhi kebiasaa yang akan dilakukan class ini. Jika kita melihat dari sudut pandang yii secara teknis method behaviors adalah instance dari yii/base/behaviors, yang berfungsi untuk meningkatkan fungsi dari component tanpa menggangu/merubah class parent atau inheritancenya.

Filter Merupakan object yang bekerja seperti BeforAction atau AfterAction pada beberapa framework lain. sederhananya sebelum atau sesudah action dari class, kasus ini class ruangKelas.php. VerbFilternya sendiri adalah objek yang methodnya membaca izin dari method Request HTTP Action, apakah diizinkan atau tidak jika tidak akan mengembalikan nilai HTTP 405 exception.

Jadi fungsi dari method ini sederhananya seperti menambah kebiasaan dari class agar selalu mengecek method dari request actionya Apakah get, post, put dan lain-lain jika ditolah maka akanmengembalikannilai error.

Untuk melihatnya masuk ke http://yii2campus.test/ruang-kelas kemudian buat sebuah record dari ruang kelas, submit, kemudian delete lagi. setelah itu coba ganti action verbnya menjadi :

  'verbs' => [
                  'class' => VerbFilter::className(),
                  'actions' => [
                      'delete' => ['get'],
                  ],
              ],

kemudian buat record kembali, submit, kemudian delete.

Method lainya bekerja sesuai nama actionya. da akankita bahas pada diskusi lainya.

View

Pada bagian view ini kita tidak akan membahas detail tentang View, karena kita sedikitnya sudah pernah berdiskus tentang view pada part 3. Selain untuk meghindari diskusi yang redundant, rasaya lebih nyaman membahas view ketika secara bersamaan ketika kita mencoba firtur fitur dari Yii2 lebih dalam lagi.

Kesimpulan

Pada diskusi kali ini kita hanya membahas sedikit tentang hasil code generate dari Gii, dan sedikit mengubah kode agar sesuai keperluan diskusi kita kedepanya. Bahasan selanjutnya kita akan mencoba ActiveRecord, dan beberapa fitur lain yang masih berhubungan.

Sedikit Catatan dari saya

Mohon Maaf jika dalam seri ini alurnya terasa lambat, karena saya harus meluangkan waktu dengan kegiatan rutin saya.

Terima Kasih Atas Pengertianya.

what do you do when you feel lazy to write code ?

Farid Aditya — Mon, 29 Jul 2019 14:52:25 +0000

sometimes I feel lazy when writing code. when I'm lazy like this I usually watch SpongeBob movies or children, sometimes watching youtube or reading other people's posts.

just wondering, how do other people against this lazy feeling ?

Docker..., (beberapa) command-line (yang perlu kita ketahui)

Farid Aditya — Sat, 27 Jul 2019 18:30:11 +0000

Pada diskusi kemarin kita membahas konsep dari Docker, diskusi kali ini kita akan membahas perintah perintah dasar docker yang perlu kita ketahui.

Review

Kita telah membahas instalasi Docker, menjalankan container menggunakan docker run , mendownload image menggunakan docker pull dan beberapa perinth yang mendukungnya.

docker Version

Digunakan untuk melihat versi docker yang kita pakai.

docker run [nama image]

Untuk menjalankan image instance dari image di dalam container, Jika image ada damrespository locakmaka image dijalanakan jika tidak ada maka imageakan di download dulu dari respository public.

docker pull [nama image]

untuk mendownload image kedalam respository local, tetapi image tidak akan dijalankan.

docker help

Melihat Cheatsheet bawaan dari docker.

docker ps

melihat container aktif yang ada, jika perintah ini ditambah dengan perintah all (docker ps -a), maka akan menampilkan container aktif danyang tidak aktif.

Pada dasarnya perintah docker akan seperti di bawah ini :

docker [OPTIONS] COMMAND [arg...]

Command-line lainya

Sebelum saya lupa, menurut dokumen docker, Docker Image adalah template yang aksesnya hanya Read-Only. Dan Merupakan kumpulan dari componen (misalkan, Os, Web Server, dan lainlain) yang merupakan pondasi dari Container

Setelah kita mereview beberapa command-line, kita akan melihat beberapa command-line lain, seperti :

Menjalankan Containe Secara interactive

Pada diskusi sebelumnya kita pernah mencoba menjalankan containerdengan perintah run, kai ini kita akan menjalankan containerlagi tetapi dengan mode interactive dengan perintah --interactive --tty, short syntaxnya -i -t , jika dipedekan lagi menjadi -it. untuk keluar dari interactive mode menggunakan ctrl+p diikuti ctrl+q bisa juga dengan exit pada terminal

misalnya : docker run -i -t ubuntu:18.04

Start, Stop, Restart

fungsi dari start, stop, restart sesuai dengan namanya, perintahnya adalah

docker [strart | stop |r estart] [Container name | Container ID] yang perlu dilakukan kita perlu melihat dulu container yang ada dengan docker ps atau docker d -a, jika ada container yang aktif kita bisa menonaktifkan dengan perintah docker stop namaContainer atau sebaliknya jika kita ingin mengatifkan container kitabisa menggunakan perintah

docker start namaContainer. Perintah restart merupakan gabungan perintah stop an start.

Mencari Repository di Docke Hub

Untuk mencari repository di docker hub docker search [Keyword], hasilnya akan menamplkan list dari repository yang berhubungan dengan keyword yang kita cari. Dan bisa digunakan untuk mengunduh repository sesuai namanya

misalnya : docker search yii, docker search mysql

Perintah lainya

Command line di docker sebenarnya sangat banyak dan kita bisa melihat melalui fungsi help dari docker. Yang ingin kita diskusikan di point ini adalah kita bisa mengabungkan beberapa perintah di docker, kita mengetahui perinta untuk melihat list semua Container ID dengan docker ps -a -q.

untuk menonaktifkan semua kontainer yang aktif kita bisa menggunakan perintah:

docker stop $(docker ps -q)

jika kita inginmenghapus semua Container kita bisa menggunakan perintah di bawah ini :

docker rm $(docker ps -aq)

Penutup

Pada seri ini kita tidak membahas Docker secara mendalam, hanya beberapa perintah sederhana saja. Hapan pada seri ini sederhana saja hanya membuka sedikit wawasan tentang Docker, sehingga jika kita ingin mempelajari tentang docker melalui tutorial tutorial yang banyak bertebaran kita mudah untuk mengikutinya, Karena pembahasan docker cukup luas. Mudah mudahan pada kesempatan lainya (Diluar seri ini) kita akan membahas topik tentang docker lagi. Terima Kasih, selamat bertualang di Dunia containerization platform.

which you prefer to learn by watching videos or reading ??

Farid Aditya — Fri, 26 Jul 2019 07:54:03 +0000

Because now Dev has uploaded a video file

Personal opinion, I am more comfortable learning something by reading posts, rather than watching posts on youtube, that's why I'm dev.

For developer developers, please don't change dev feed to video feeds

DEV Community: Farid Aditya

Python | Tipe data dalam python

Numeric/Numbers

Text

Python Collections (Arrays)

List

Tuple

Set

Dictionary

Python | Keyword & identifiers

materi 3 | Keyword and Identifiers

Identifiers

HTML & CSS | Layout with html

HTML Layout

Struktur HTML

<div>

HTML5 Semantics(HTML with Meaning)

Main

Section

- tambahan <h1> adalah heading, heading sendiri terdiri dari <h1> hingga <h6>

Header & Nav

Footer

List tag Sematik

Python | konsep dasar yang perlu diketahui

Materi 2 | Konsep yang perlu diketahui

Python Object

variable

namespace

scope

Mutable dan Immutable

HTML & CSS | Part 2

Bekerja Dengan Konten HTML

Heading <h1>..</h6>

Paragraphs <p> </p>

Line Breake <br> & Horizontal Rule <hr>

List

HTML & CSS | Part 1

Intro HTML dan CSS | the role of web developers

HTML & CSS

Pembagian tugas pengembangan web

Apa itu HTML

Bagaimana Menulis dokumen HTML

Dasar-Dasar Python

Materi 1 | Pengenalan

Sekilas tentang Python

Kekuatan

Kekurangan

Cara instal

Bagaimana menulis kode untuk python

Contoh

do you use linux, windows or macOs on your PC?

Yuk Belajar Yii2 part 6

Model

Controller

View

Kesimpulan

what do you do when you feel lazy to write code ?

Docker..., (beberapa) command-line (yang perlu kita ketahui)

Review

Command-line lainya

Penutup

which you prefer to learn by watching videos or reading ??

`<div>`

- tambahan `<h1>` adalah heading, heading sendiri terdiri dari `<h1> hingga <h6>`

Heading `<h1>..</h6>`

Paragraphs `<p> </p>`

Line Breake `<br>` & Horizontal Rule `<hr>`