Coding Asik - Ebook Rahasia Belajar Webite Programming

#asikinajahngodingmu
Disclaimer
Ebook ini saya buat dan tujukan untuk kamu yang :

1. Belum sama sekali tau tentang web programming dan
ingin mendalaminya dari 0 (basic).
2. Sudah mulai belajar web programming, tapi tidak tau
alur yang tepat.
3. Ingin mengenal frontend, backend lebih lanjut dan
menentukan mau fokus dibidang apa.
4. Masih ragu untuk belajar web programming dan tidak
tau manfaat dan prospeknya.
5. Ingin menambah wawasan tentang web programming.
Ebook ini berisi materi yang berasal dari berbagai artikel

dan pengalaman penulis. Mengupas tentang alasan,
prospek, alur, serta mindset berfikir untuk mempelajari
web programming. Lalu dijelaskan dengan bahasa yang
santai dan tidak formal.
Semoga ebook ini bisa membantu, memotivasi serta

memberi arahan yang tepat dalam proses mempelajari
web programming.
Banyumas, 1 November 2022

Salam hangat,
Bagas - Founder Coding Asik
i Copyright @codingasik 2022 - bagascodingasik.com

Topik Pembahasan
Bab 1 Kenapa Kamu Harus Belajar Web Programming?...1

Bab 2 Apa Saja Jenis Pekerjaan di Web Programming?... 5
Bab 3 Berapa Gaji Rata-rata Web Programmer?.................17
Bab 4 Bagaimana Konsep Pembuatan Website?............... 21
Bab 5 Belajar Web Programming Mulai Dari Mana?.......... 26
Bab 6 Apa Langkah Selanjutnya Seorang Frontend?......... 37
Bab 7 Apa Langkah Selanjutnya Seorang Backend?..........44
Bab 8 Bagaimana Agar Website Bisa Diakses Online?......54
Bab 9 Kesalahan Yang Dilakukan Programmer Pemula....58
Bab 10 Pertanyaan Yang Sering Ditanyakan (FAQ)............67
ii Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-satu
Kenapa Kamu Harus Belajar

Web Programming?
１ Copyright @codingasik 2022 - bagascodingasik.com

Kenapa Harus Belajar Web Programming?
Mungkin kamu masih bingung dan tidak tau “kenapa kamu

belajar web programming”.
Diawal mungkin saja kamu tertarik oleh konten kreator

yang bahas ini, bisa juga karna konten saya dan lainnya.
Atau mungkin saja kamu sudah pernah mencoba belajar,
tapi belum tau harus dibawa kemana ilmu web
programming ini.
Okey, santai saja dan itu wajar terjadi sama kamu yang
masih pemula dan bahkan belum tau apapun tentang web
programming (coding).
Image 1 https://unsplash.com/photos/MxVkWPiJALs
Saya mau membuat gambaran tentang apa yang terjadi

dulu dan sekarang. Singkatnya adalah :
２ Copyright @codingasik 2022 - bagascodingasik.com

1. Dulu toko, pasar dan dagangan lainnya itu butuh modal

tinggi untuk memulainya. Sekarang yang terjadi adalah
kamu tidak perlu lagi membuka toko, sewa kios dll
cukup memanfaatkan teknologi berupa web, aplikasi
yang jauh lebih murah dan efisien.
2. Dulu untuk belajarpun kita harus ke tempat secara
langsung, baik kursus, kuliah, seminar dll. Sekarang
kamu cukup ada wifi (quota) dan aplikasi (web) sudah
bisa belajar kapan dan dimanapun. Setuju?
3. Lalu kerjapun dulu masih dan harus berangkat ke
kantor (tempatnya). Kalau sekarang? kamu juga punya
opsi lain untuk WFH (work from home) kerja dari rumah
yang tentunya memanfaatkan aplikasi (web) dll.
4. Bayangkan dan sebutkan perubahan lain yang ada
disekitarmu.
Nah perubahan ini sadar atau tidak, teknologi akan

semakin berkembang di berbagai bidang. Yang terjadi,
akan ada pekerjaan baru dan akan ada pekerjaan yang
hilang, walau pastinya perlahan.
Dengan realita yang ada, kamu seharusnya mulai

menginvestasikan sesuatu. Investasi itu tidak melulu
tentang uang (saham dll), ada juga investasi leher keatas
(ilmu, skill dll).
Tentunya disini ilmu yang akan menunjang bisnis,

pekerjaan, freelence dll yang akan bermanfaat kedepan.
Salah satunya adalah ilmu programming.
３ Copyright @codingasik 2022 - bagascodingasik.com

So, dengan kamu menguasai ilmu programming (web)

minimal kamu bisa :
 Membuat webmu sendiri untuk bisnis, portfolio dll
 Bekerja di perusahaan tech baik di Indonesia maupun
diluar, langsung ataupun remote.
 Membuat bisnis sendiri dari website. Misal yang udah
ada online course, jasa landing page, wedding web dll.
 Membuka jasa pembuatan web (Freelance).
 Menjual produk berupa source code, template web, dll.
 Membuat konten tentang web programming. Kamu
bisa mendapatkan adsense, endorse dll
 Dan masih banyak peluang lainnya yang mungkin kamu
sadar dan lebih tau tentang ni.
Sampai sini, masih bingung dan ragu kenapa kamu harus

belajar web programming? Jika masih, please baca ulang
dari atas dan pikirkan kembali.
４ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-dua
Apa Saja Jenis Pekerjaan

di Web Programming?
５ Copyright @codingasik 2022 - bagascodingasik.com

Jenis Pekerjaan Dibidang Web Programming
Setelah kamu punya keinginan dan alasan yang kuat

kenapa kamu harus belajar web programming, saatnya
kamu tau apa saja dibalik “Web programming”.
Ada berbagai jenis pekerjaan yang bisa kamu dapatkan,

tapi saya akan merangkum yang paling umum dibutuhkan :
1. UI UX Desainer
Image 2 https://unsplash.com/photos/g-pKprPg5yw
UI sendiri yaitu tentang user interface atau tampilan

sebuah web atau aplikasi. UX adalah user experience yaitu
tentang bagaimana user bisa menggunakan web atau
aplikasi yang dibuat itu nyaman, mudah digunakan dan
tentunya simple yang didapatkan dari hasil pengamatan,
uji coba dll.
６ Copyright @codingasik 2022 - bagascodingasik.com

Jadi seorang UI UX Designer adalah orang yang membuat

sebuah design web atau aplikasi yang bagus, menarik,
mudah dan nyaman digunakan dalam sebuah web atau
aplikasi.
Untuk menjadi seorang UI UX tidak perlu menguasai ilmu

programming sekalipun. Yang penting dia menguasai ilmu
design mulai dari typography, layouting, color, copywriting
dll yang menunjang web atau aplikasi menjadi menarik.
Aplikasi yang menjadi andalan berupa Figma, Adobe XD,

Photoshop, Corel dan aplikasi design lainnya. Jadi hasil
kerjanya adalah berupa file design bukan website.
Seorang UI UX juga perlu membuat prototype design, atau

animasi sederhana tentang bagaimana aplikasi itu
berjalan. Figma dan Adobe XD mempunyai fitur ini.
Nah setelah kamu pelajari dan baca ebook ini sampai

selesai tapi masih belum ada passion tentang
programming. Kamu bisa coba mendalami UI UX.
７ Copyright @codingasik 2022 - bagascodingasik.com

2. Frontend Web Developer
Image 3 https://unsplash.com/photos/iEiUITs149M
Bagi kamu yang suka dengan design dan pemrograman

(coding) Frontend adalah jawabannya. Kenapa saya bisa
bilang demikian?
８ Copyright @codingasik 2022 - bagascodingasik.com

Frontend adalah orang yang bertugas mengubah design

yang dibuat oleh UI UX Designer menjadi sebuah tampilan
website, baik secara tampilan (warna, layout, typography
dll) maupun animasi.
Tantangan terberat seorang Frontend adalah membuat

tampilan semirip mungkin dengan design webnya (UI UX).
Apalagi jika ditambah animasi yang kompleks, tentu akan
membutuhkan code program yang susah juga.
Tidak hanya itu tugas seorang frontend, dia juga

bertanggung jawab :
 Mengolah data (jadi) disisi client (web pengunjung atau

user). Maksudnya adalah semua data yang kita lihat di
website pada umumnya adalah tugas frontend yang
mengolahnya. Baik data produk katalog, blog dll. Nah
data itu sebenarnya diolah dahulu oleh backend (data
mentah) yang berasal dari database yang dikirim
melalui API*1.
 Mengoptimasi dan mengamankan web disisi client.
Optimasi disini tentunya bagaimana agar web bisa
diproses cepat oleh pengunjung (user) baik
menggunakan framework atau library*2 dan lainnya.
Serta keamanan juga perlu diperhatikan. Tentunya ini
bekerjasama dengan seorang backend.
 Dan masih banyak tugas lainnya yang tentunya akan
berbeda di setiap perusahaan.
９ Copyright @codingasik 2022 - bagascodingasik.com

Apakah saya harus fokus ke frontend? atau saya bingung

mau kemana? adakah tips menentukannya?
Baik saya jawab. Jika kamu punya :

 Ketertarikan dengan design dan coding,
 Suka dengan hal-hal kreatif,
 Berimajinasi tinggi,
 Tertarik dengan tampilan website, dan
 Suka berkomentar tentang animasi, tampilan web
Bisa dipastikan Frontend adalah yang terbaik buatmu.
Lalu apa yang dibutuhkan untuk menjadi seorang frontend?
Tentu menguasai bahasa di sisi client yaitu bahasa

markup (HTML), bahasa styling (CSS) dan juga bahasa
pemrograman (Javascript). Dimana dengan HTML CSS
Javascript kita bisa membuat sebuah tampilan website.
Tidak hanya sampai disitu. Untuk lebih dalamnya frontend

juga harus menguasai framework atau library seperti
１０ Copyright @codingasik 2022 - bagascodingasik.com

Bootstrap, Tailwind, Vue Js, React Js dll yang biasanya

dibutuhkan oleh perusahaan.
So, kamu tertarik menjadi seorang frontend? Kuasai dulu

basicnya dan konsistenlah belajar, pasti bisa.
3. Backend Web Developer
Image 4 https://unsplash.com/photos/E-V6EMtGSUU
Selanjutnya seperti yang sudah disinggung di frontend,

backend disini berperan penting mengolah data yang ada
di database. Maksudnya mengolah bagaimana?
Misal saja ada data sekolah, pasti ada data mata

pelajaran, guru, kelas, spp dllnya. Nah ketika kita mau
membuat sistem sekolah tentu semua data harus diolah
mulai dari menambah, mengedit, menampilkan,
menghapus, mencari dan proses lainnya.
１１ Copyright @codingasik 2022 - bagascodingasik.com

Image 5 Web Admin Sistem Pembayaran dimana memproses CRUD
Jadi tampilan yang dibuat oleh frontend, diproses oleh

backend untuk membuat fitur tambah, hapus, edit, tampil
atau sering disebut CRUD*3 data-data sekolah tadi.
Tidak hanya itu, seorang backend adalah orang yang

menyediakan data (API) untuk diolah oleh frontend yang
akan ditampilkan di web pengunjung, user dll (web client).
Jadi harus ada kerjasama antara frontend dan backend,

agar data yang dibutuhkan sesuai.
Untuk membedakan keduanya saya beri contoh, misal

web Toko Online. Nah web yang biasa kamu akses,
tampilan dan datanya (data produk, komentar, rating dll)
itu yang olah Frontend. Intinya yang terlihat di user atau
pengunjung itu Frontend.
Lalu Backend? dia yang menyediakan data yang diolah

frontend di web user. Nah biasanya ada web tersendiri
yaitu web Admin untuk mengolah (CRUD) semua data
１２ Copyright @codingasik 2022 - bagascodingasik.com

database. Sampai sini harusnya sudah paham, jika belum

baca sekali lagi.
Image 6 Contoh Database Pergudangan atau Inventaris
Secara ringkas tugas backend yang lain seperti ini :

 Merancang database dan mengoptimasinya. Jika tidak
ada seorang analis sistem*4, maka biasanya backend
bertanggung jawab merancang dan mengoptimasi
database (Ini fleksibel tergantung kebijakan
perusahaan). Mulai dari memilih tipe data, membuat
tabel dll.
 Mengamankan data. Ini sudah sewajarnya karna
backend yang mengolahnya, maka dia harus
mengamankan bagaimanapun caranya. Baik data
didatabase, data yang dikirim ke frontend (API) dll agar
tidak bocor dan disalahgunakan.
１３ Copyright @codingasik 2022 - bagascodingasik.com

 Mengolah server dan maintenance (perbaikan). Selain

itu yang mengurus server (hosting, domain dll) adalah
Backend. Perbaikan apapun yang ada diserver itu
menjadi tanggung jawab backend.
Kalau tentang tips, apakah saya cocok di backend? kamu

bisa lihat dari kebiasaanmu juga :
 Suka dengan hal-hal matematis (perhitungan)
 Suka melogika sesuatu
 Biasanya suka yang pasti
 Intinya berkebalikan dengan frontend
Dan bahasa yang digunakan tentu berbeda yaitu bahasa

server, mulai dari PHP, Node Js, Phyton, Java, Go dll
Tapi menjadi catatan adalah pelajari juga basic frontend

(HTML CSS Javascript) minimal tau karna mereka
tetaplah inti dari web itu sendiri.
Sampai sini, tertarik untuk menjadi seorang Backend?
１４ Copyright @codingasik 2022 - bagascodingasik.com

4. Full Stack Web Developer
Image 7 https://unsplash.com/photos/FVgECvTjlBQ
Yang terakhir yang mungkin kamu sudah bisa menebak

yaitu Full Stack Web Dev. Siapa dia?
Okay didunia ini banyak tipe orang salah satunya adalah

orang yang komplit artinya bisa apapun. Bisa disini tentu
Frontend dan Backend sekaligus.
Yah, selain bisa membuat tampilan web, dia juga bisa

membuat, merancang database, mengolah server dll.
Intinya gabungan dari keduanya.
Apakah ada orang seperti ini?
Tentu ada, tapi biasanya prosentase. Artinya ada

kecenderungan terhadap frontend dan backend. Misal
Backend 70%, Frontend 30%. Biasanya mereka sudah
menguasai salah satunya, tapi ingin belajar lebih dan
menguasai skill baru.
１５ Copyright @codingasik 2022 - bagascodingasik.com

Saran yang bisa saya sampaikan adalah kuasai salah satu

skill dulu dan perdalam sampai kamu merasa cukup. Jadi
jangan sampai ganti-ganti fokus, karena hasilnya pasti
setengah-setengah.
Istilah programming
 *1 API : (Application Programming Interface) yang dapat menghubungkan

satu aplikasi dengan aplikasi lainnya.
 *2 Framework atau library : kerangka (sebuah template) yang
memudahkan dalam pembuatan web, karena tidak perlu membuat dari
awal.
 *3 CRUD : Create Read Update dan Delete, adalah istilah dalam

pembuatan sistem (aplikasi) yang fokus bagaimana data diolah yaitu bisa
ditampilkan, ditambah, bisa diedit dan dihapus.
 *4 Analis sistem : Orang yang bertanggung jawab menganalisa kebutuhan

sistem, mulai dari bisnis prosesnya sampai merancang database. Ini
biasanya bekerja diawal pembuatan sebuah sistem.
１６ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-tiga
Berapa Gaji Rata-rata

Web Programmer?
１７ Copyright @codingasik 2022 - bagascodingasik.com

Berapa Sebenarnya Gaji Seorang Web

Programmer?
Bicara skill di jaman sekarang, tentu sangat lekat dengan

penghasilan yang bisa didapatkan. Lalu berapa value
seorang web programmer?
Tapi sebelum ke penghasilan, saya akan berikan

gambaran tentang seberapa trend frontend, backend dll.
Survei Stackoverflow 2022 dari 61.302 responden
Dari survei kita bisa menyimpulkan bahwa full stack

menjadi no 1 diikuti backend dan frontend yang terpaut
jauh dibawahnya. Artinya apa?
Lebih banyak yang menguasai keduanya (Full) akan

semakin mudah peluang mendekat dan tentunya
kebutuhan perusahaan juga akan semakin tinggi (dilihat
１８ Copyright @codingasik 2022 - bagascodingasik.com

dari minat di survei), tapi juga semakin banyak

persaingannya.
Nah sudah paham dan tau peluang web berdasar data,

saatnya kita bahas tentang penghasilannya. Ini beberapa
gaji web programmer di Indonesia :
Gaji Frontend :
Gaji Backend:
Gaji Full stack:
Sumber : jobstreet.co.id
１９ Copyright @codingasik 2022 - bagascodingasik.com

Gaji frontend dan backend di beberapa perusahaan di

Indonesia berkisar +- 4-10 juta biasanya lebih besar
backend. Lalu untuk fullstack sendiri mulai dari 8 juta, jauh
lebih besar karena harus menguasai keduanya.
Intinya semakin banyak skill yang kita punya, peluang dan

gaji yang akan didapatkan akan semakin tinggi.
２０ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-empat
Bagaimana Konsep
Pembuatan Website?
２１ Copyright @codingasik 2022 - bagascodingasik.com

2 Konsep Pembuatan Website
Kenapa harus belajar coding, kan ada web builder,

wordpress dll? Kenapa mahal pembuatannya, kan hanya
ngetik-ngetik saja?
Mungkin ada yang tanya seperti itu, atau bahkan kamu

sendiri yang bertanya dan meremehkan proses
pembuatan web.
Buat yang awam pasti tidak tau itu, bahwa proses

pembuatan web memang ada 2 cara. Cara simple yaitu
menggunakan CMS atau web builder dan cara susahnya
menggunakan coding (bahasa pemrograman).
Apa sebenarnya keuntungan dan kelebihannya?
1. CMS (Content Management System)
Istilah ini sering didengar atau untuk yang pemula (awam)

biasanya tidak asing lagi dengan wordpress, wix.com dll.
Dimana kita dalam membuat website hanya perlu
memikirkan isi kontennya saja.
２２ Copyright @codingasik 2022 - bagascodingasik.com

Design web, fitur-fitur dll itu sudah disediakan dengan

berbagai macam template free atau premium. Ini
sangatlah cocok untuk pemula yang tidak tau tentang
pemrograman web.
Kurang lebih kelebihan CMS lainnya :

 Pembuatan web cepat (Hitungan menit sudah jadi),
karena semua sudah disediakan dengan adanya
template.
 Tanpa belajar coding (pemrograman). Jadi tidak perlu
memusingkan belajar html, css, js (kecuali mau diedit).
Sangat cocok untuk pemula.
 Setting SEO (Search Engine Optimazation) mudah. Ini
adalah optimasi agar web yang kita punya bisa masuk
di pencarian Google.
 Cocok untuk web skala kecil (minim custom) misal web
company profile, landing page, portfolio dll yang tidak
membutuhkan fitur lebih dan custom.
Bicara kelebihan pasti ada kekurangan :

 Fitur terbatas dan susah untuk custom fitur. Walau
banyak plugin yang tersedia tapi tetap kurang. Akan
sangat susah untuk membuat sistem (Sekolah,
pembayaran dll).
 Tidak bisa multiplatform. Maksudnya adalah data web
tidak bisa digunakan ke mobile, dekstop dll
 Biaya murah diawal tapi mahal ketika web berkembang.
Maksudnya disini ketika cms sudah tidak mampu
２３ Copyright @codingasik 2022 - bagascodingasik.com

membuat fitur yang kita butuhkan, terpaksa harus

custom web (coding). Otomatis akan kerja 2 kali dan
itu butuh biaya tidak sedikit. Jadi perhatikan ini.
2. Custom Coding
Cara kedua dan yang saya rekomendasikan dalam

pembuatan website adalah dengan custom coding
(bahasa pemrograman dll).
Cara ini terbilang susah terutama untuk pemula (awam)

karena perlu mempelajari ilmu pemrograman, dimana
butuh waktu lama untuk memahaminya.
Kenapa saya merekomendasikan cara yang kedua?
Karena disamping kamu bisa membuat websitemu sendiri,

banyak peluang yang akan didapat seperti yang telah saya
jelaskan dihalaman sebelumnya.
Website besar seperti instagram, facebook, shopee,

tokopedia dll tentu dibuat dengan cara ini bukan cms. Dan
juga biasanya digunakan untuk membuat sistem berbasis
web (Pendaftaran online, pembayaran sekolah, inventaris
dll).
Lalu agar lebih paham tentang custom coding, saya akan

gambarkan kelebihannya :
２４ Copyright @codingasik 2022 - bagascodingasik.com

 Customable artinya sangat mudah untuk dicustom

fiturnya sesuai kebutuhan kita. Mau tambah fitur
pembayaran tinggal tambah, mau ganti animasi tinggal
ganti dll.
 Cocok untuk web skala besar. Karena customable
otomatis pengembangannya akan mudah dan mudah
juga dibuat secara team dengan pembagian frontend,
backend dll.
 Mahal diawal tapi murah untuk selanjutnya. Karena
pondasi web sudah custom, kita tidak perlu lagi
memusingkan masalah fitur terbatas. Tinggal
mengembangkannya saja fitur selanjutnya.
Custom coding sendiri ada kekurangnya :

 Perlu belajar ilmu pemrograman atau butuh orang yang
bisa membuatnya jika tidak dibuat sendiri. Tentu jika
belajar diawal akan sangat lama dan susah, tapi sangat
layak ketika kamu punya ini (invest ilmu).
 Optimasi SEO yang agak susah. Kalau CMS biasanya
sudah ada menu sendiri untuk mengaturnya, tapi
dengan custom coding otomatis semua harus
dicustom sendiri.
 Error atau maintenace (perbaikan) akan sering
dilakukan, karena pasti ada masalah walaupun CMS
ada tapi biasanya tidak sebanyak custom coding.
２５ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-lima
Belajar Web Programming

Mulai Dari Mana?
２６ Copyright @codingasik 2022 - bagascodingasik.com

Belajar Web Programming Mulai Dari Mana?
Pertanyaan ini pasti akan muncul jika kamu benar-benar

pemula atau dari 0 dan mau belajar web. Sebelum ke
langkah-langkahnya, kamu harus persiapkan ini :
Alat, aplikasi dan lainnya yang harus disiapkan :
 PC / Laptop
Image 8 https://unsplash.com/photos/ctRgcY-lY8I
Ini bisa dibilang adalah modal utama jika kamu ingin

menguasai web programming. Tentang spek, di web
tidak perlu membutuhkan yang tinggi jika baru belajar
(kecuali sudah profesional)
Rekomendasi dari saya ada 3 komponen utama yaitu

Prosesor, Ram dan SSD.
２７ Copyright @codingasik 2022 - bagascodingasik.com

Prosesor, jika brand Intel. Pilihlah minimal Core I3

Generasi tinggi, misal I3 Gen 10th keatas (Bisa I5, I7).
Karna ini otaknya, jadi pilih semaksimal mungkin.
Ram ini lebih ke multitasking, yaitu supaya buka banyak

aplikasi itu lancar. Jadi minimal 4Gb, bisa 8Gb atau
malah 16Gb. Versinyapun kalau ada DDR4 keatas, tidak
pun DDR3 masih bisa.
SSD itu lebih ke disk penyimpanan. Kenapa ngga HDD?

Karna SSD bisa 10x lebih cepat daripada HDD.
Ngefeknya yaitu ketika buka aplikasi, booting dll itu jadi
cepat.
Spek lainnya bagaimana? Kalau saya bisa dibilang

bonus. Misal VGA bagus, monitor udah IPS keatas dll.
Kalau dari segi brand laptop? Banyak juga yang

merekomendasikan Macbook ataupun Laptop / PC
gaming. Yah kamu bisa cari tau tentang ini.
 Aplikasi text editor dan web browser
Text editor adalah tempat dimana kita akan menulis

coding untuk membuat website. Karena coding atau
programming adalah aktivitas dimana kita menuliskan
２８ Copyright @codingasik 2022 - bagascodingasik.com

text yang memiliki arti atau perintah tertentu yang

mana jika dijalankan akan menjadi sebuah program
atau aplikasi.
Rekomendasinya adalah Visual Studio Code yang

lengkap dan populer atau jika tidak bisa ada Sublime
Text. Kamu bisa mendownload di link ini :
VS Code : https://code.visualstudio.com/download
Sublime Text : https://www.sublimetext.com/3
Lalu kamu juga butuh web browser, karena jelas ini

adalah aplikasi berbasis website. Bisa install Chrome,
Firefox, Microsoft Edge dll. Minimal ada 2 browser
terinstall agar jika terjadi error bisa dicek di kedua
browsernya.
 Koneksi internet
Ini adalah salah satu hal wajib yang harus disiapkan.
Kenapa? karena jika terjadi error atau membutuhkan
library, plugin dll, bisa langsung teratasi. Karena semua
sumber permasalahan dan solusi kebanyakan sudah
terjawab di forum, artikel, youtube dll.
２９ Copyright @codingasik 2022 - bagascodingasik.com

 Kopi, makanan ringan, musik dll

Ini opsional saja karena setiap orang mempunyai cara
masing-masing agar aktifitas codingnya menjadi fokus
dan nyaman tentunya.
Mungkin list kebutuhan itu sudah cukup diawal untuk

mempelajari web programming. Jika ada hal lain,
silakan kamu tambahkan sendiri.
Lalu ketika memperlajari web, kamu membutuhkan alur

belajar. Baik nanti kamu fokus sebagai frontend,
backend ataupun fullstack web.
Kamu bisa akses website ini untuk melihat gambaran

apa saja yang dipelajari di web programming :
Roadmap : https://roadmap.sh
Image 9 Alur Frontend
３０ Copyright @codingasik 2022 - bagascodingasik.com

Image 10 Alur Backend
Setelah melihat beberapa alur, saya bisa simpulkan

yaitu ketika kamu ingin menjadi frontend, backend
terlebih fullstack, ada 3 materi utama yang menjadi inti
dari web itu sendiri :
Image 11 Ilustrasi html css dan javascript
1. HTML (Hypertext Markup Language)
Kita lihat sejenak ilustrasi diatas, dimana

html didalam sebuah website adalah
kerangka jika di struktur manusia.
Maksudnya bagaimana?
３１ Copyright @codingasik 2022 - bagascodingasik.com

Jika manusia tanpa kerangka apa yang terjadi? Yah

tidak akan bisa berdiri dan bahkan tidak bisa hidup.
Sehingga html berperan penting sebagai struktur utama
website.
Singkatnya HTML (Hypertext Markup Language) adalah

bahasa markup yang berisi tag-tag yang memiliki
fungsi tertentu. Misal tag untuk menampilkan gambar,
membuat link, membuat form dan tabel dll.
Kurang lebih struktur coding dari html seperti ini :
Image 12 Struktur HTML
Kunci mempelajari html adalah dengan memahami

fungsi dari masing-masing tag, baik cara
penggunaannya, serta bagaimana mengoptimasinya.
Dengan menguasai html, kamu sudah mempunyai

basic kuat untuk digunakan kedepan baik pembuatan
web design, sistem atau aplikasi lainnya berbasis
website. Lalu setelah itu apa?
３２ Copyright @codingasik 2022 - bagascodingasik.com

2. CSS (Cascading Style Sheets)
Jika HTML adalah kerangka, CSS adalah

tampilan luar dari manusia (kulitnya).
Dimana kita bisa memberi makeup,
mengganti warna rambut dll yang tentunya
bertujuan agar terlihat menarik.
Didalam website, CSSpun sama yaitu bahasa yang

digunakan untuk styling dimana kita bisa memberikan
warna, ubah background, buat layout web, mengganti
jenis font, responsive website dll yang intinya
berhubungan dengan tampilan sebuah website.
Kurang lebih coding dari CSS seperti ini :
Image 13 Contoh Struktur CSS
Kunci mempelajari CSS sendiri adalah dengan

memahami fungsi atribut yang ada, yaitu tentang edit
text, layout web, color & background, responsive dll
secara detail.
３３ Copyright @codingasik 2022 - bagascodingasik.com

Tentu saja dengan memahami html dan css, kamu

sudah bisa bahkan mudah untuk membuat tampilan
web yang responsive. Seperti web landing page,
company profile, olshop, portfoliomu sendiri dll
Lalu step selanjutnya yang ngga kalah penting

dipelajari diawal adalah.
3. Javascript
Javascript berperan sebagai otot atau

organ dalam lainnya didalam tubuh
manusia. Yang menandakan javascript
adalah bahasa yang sangat vital di web.
Kamu tidak akan bisa membuat keranjang belanja,

popup iklan, hitung mundur, perhitungan di web,
manipulasi html css dll jika tanpa javascript.
Intinya javascript adalah bahasa pemrograman yang

bisa membuat websitemu menjadi interaktif, dinamis
(bisa memuat data dari database) dan melakukan
berbagai perhitungan dan aksi manipulasi web lainnya.
Kurang lebih contoh coding dari javascript seperti ini :
３４ Copyright @codingasik 2022 - bagascodingasik.com

Image 14 Contoh Coding Javascript
Kunci mempelajari javascript sendiri yaitu dengan

sering berlatih tentang manipulasi html css, melakukan
perhitungan, penampilan data dari database ke web
dan membuat projek sederhana dari javascript.
Misal ada projek kalkulator, quiz app, chat app, hitung

mundur (biasa untuk diskon, promo, launching produk)
dan contoh projek lainnya.
Setelah memahami html, css, javascript saja kamu

sebenarnya sudah menjadi frontend web. Karna frontend
yang bertanggung jawab mendesign sebuah website dan
mengolah data di web dengan javascript.
Lalu untuk backend bagaimana? Kamu cukup mengetahui

dari ke 3 bahasa itu untuk menjadi pondasinya. Karena
kamu harus mempelajari lagi bahasa server dan database.
Jika kamu pemula dan baru mulai belajar dari 0, cukup

kuasai dulu 3 bahasa ini. Buatlah bebagai karya (projek)
yaitu web design dan projek sederhana lainnya.
３５ Copyright @codingasik 2022 - bagascodingasik.com

Kapan waktunya next step? yaitu belajar framework untuk

tampilan (Bootstrap, tailwind), frontend (React js, Vue js,
Angular dll), bahasa server (PHP, phyton, java dll),
database (mysql, postgree sql) dll adalah ketika kamu
sudah yakin menguasainya dan ada hasil karyanya.
Ikutilah alurnya dari html dulu, lalu css dan baru setelah itu
javascript, jangan pernah loncat apalagi meninggalkan
materi basic ini. Okay?
３６ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-enam
Apa Langkah Selanjutnya

Seorang Frontend?
３７ Copyright @codingasik 2022 - bagascodingasik.com

Next Step Seorang Frontend
Ditahap ini kamu seharusnya sudah menguasai inti web

yaitu ada html css dan javascript. Jika belum, please
pelajari lagi, karena seorang frontend wajib untuk
membuat tampilan web.
Dalam membuat tampilan ada cara manual (html, css, js)

dan juga framework. Framework sendiri adalah kerangka
kerja dimana kita tidak perlu membuat web design dari
awal (bisa dikatakan seperti template).
Lalu, framework apa saja yang harus kamu pelajari

sebagai frontend web?
1. Bootstrap
Bootstrap adalah salah satu framework

untuk membuat web design (tampilan atau
user interface web) dengan mudah, karena
tersedia template yang siap digunakan.
Kamu dengan mudah membuat popup modal, navbar,

alert, tabs dll cukup dengan copy paste. Tidak perlu lagi
membuat dari awal.
Tapi perlu dicatat, kuasailah basic html css js dulu

sebelum menggunakannya. Karena namanya framework
３８ Copyright @codingasik 2022 - bagascodingasik.com

tetap ada dasarnya yaitu html css js. Kenapa bisa seperti
itu?
Karena jika nanti terjadi error yang tidak bisa dihandle oleh
framework, maka kamu bisa menggunakan cara manual.
2. Tailwind Css
Ini sama dengan bootstrap yaitu framework

UI. Jadi bisa digunakan untuk membuat
tampilan sebuah website dengan mudah.
Perbedaan terbesar dari keduanya adalah dari segi

customisasi yaitu bootstrap lebih sulit untuk dicustom
sesuai design web yang kita mau, karena semua sudah
terkonsep diawal. Tapi memang lebih mudah karena lebih
banyak pluginnya daripada tailwind.
Sedangkan tailwind cocok untuk yang butuh customisasi

tinggi, ini lebih baik. Tapi memang lebih ekstra karena
template yang tersedia di dokumentasi lebih sedikit
(walaupun banyak web lain yang membuat templatenya).
Dari pendapat pribadi baiknya adalah pelajari dulu

bootstrap baru ke tailwind jika membutuhkan. Karena
diawal kamu pasti butuh yang cepat dengan design
langsung bagus. Tapi itu kembali lagi ke diri kalian
masing-masing.
３９ Copyright @codingasik 2022 - bagascodingasik.com

3. Angular js, React Js, VueJs dll
Seorang frontend selain mendesign web, dia juga

mengolah data API yang dikirimkan oleh backend yang
tentu datanya akan ditampilkan ke dalam web.
API
web design Web dinamis
data statis data dari API
Dengan web mendapat data dari backend, maka web akan

menjadi dinamis (data berasal dari database).
Kemudian framework atau library seperti Angular, React,

Vue itu berperan dimana?
Mereka berperan dalam pengolahan data di sisi client

(web user menjadi dinamis) menjadi mudah dan tentunya
cepat untuk melakukan proses data. Misal proses login,
update data, upload foto dll.
Yang paling penting dari mereka adalah “SPA” atau single

page application, dimana kita tidak perlu mereload
４０ Copyright @codingasik 2022 - bagascodingasik.com

halaman ketika memproses data. Baik pindah halaman,

mengedit data, menampilkan dll. Ini tentu membuat web
menjadi lebih cepat dari web pada umumnya.
Apakah javascript tidak bisa menghandle pemrosesan

data?
Tentu saja bisa hanya dengan javascript murni (Vanilla

javascript), tapi perlu membuat pengaturan dari awal. Jika
menggunakan framework, pekerjaan akan semakin cepat
selesai.
Tentang kepopuleran ke 3 framework ini bisa dilihat :
Image 15 https://survey.stackoverflow.co/2022/#most-popular-technologies-webframe
Ini pendapat pribadi tentang mana yang paling layak untuk

dipelajari, jawaban saya lebih ke React Js. Karena di
Indonesia banyak perusahaan yang membutuhkan ini
(dilihat dari requirement lowongan pekerjaan).
Tapi untuk yang paling mudah dipelajari adalah Vue Js

karena tidak terlalu banyak perubahan dari javascriptnya
４１ Copyright @codingasik 2022 - bagascodingasik.com

sendiri. Kalau Angular, tidak bisa berkomentar karna

belum saya pelajari.
Yang jelas next level seorang frontend harus bisa

menguasai salah satu framerowk atau library itu. Masalah
mana yang dipilih, itu sesuai selera (tapi pastikan banyak
dibutuhkan).
4. Version Control
Pernahkah kamu bertanya tentang, bagaimana sebuah

perusahaan atau startup membuat sebuah sistem atau
aplikasi yang tentunya dibuat oleh banyak programmer?
Ya jawabannya adalah dengan bantuan version control.
Version control adalah sebuah tool untuk mencatat

perubahan yang terjadi di sebuah source code (coding)
yang diketik oleh banyak programmer. Jadi lebih ke solusi
untuk kolaborasi membuat aplikasi atau sistem secara
bersama dengan waktu yang sama juga.
Untungnya apa? Tentu dengan menguasai ini, sebuah

team akan bekerja maksimal, karena siapa yang mengedit
source code, siapa yang melakukan kesalahan dll itu bisa
terlihat (mengurangi kecurigaan antar programmer).
４２ Copyright @codingasik 2022 - bagascodingasik.com

Software yang paling populer adalah git dan github

sebagai penyedia hostingnya. Jadi ketika kita melakukan
perubahan, itu akan tercatat oleh git. Kemudian git akan
mengupload ke github yang mana programmer lainnya
bisa mendowload juga dari github dan melakukan
perubahan langsung source codenya.
5. Perbanyak projek dan berlatih
Kapan waktunya frontend dianggap menguasai?
Jawaban sederhananya adalah ketika telah membuat

berbagai projek yang tentu akan menambah pengalaman.
Apakah cukup frontend saja?
Tentu ini tergantung masing-masing individu. Tapi saran

saya adalah ketika telah menguasai frontend dan punya
banyak karya, kamu bisa lanjut ke backend. Tentu kamu
akan menjadi seorang full stack web.
Yang penting jangan pernah puas ketika telah menguasai

sesuatu. Teruslah gali kemampuan lebih agar peluang
kedepan lebih banyak juga.
４３ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-tujuh
Apa Langkah Selanjutnya

Seorang Backend?
４４ Copyright @codingasik 2022 - bagascodingasik.com

Next Step Seorang Backend
Seorang backend adalah dia yang mengolah data-data

dari database. Misal data user, barang, penjulalan dll
dalam sebuah sistem.
Jika kamu sudah melihat roadmap yang saya jelaskan

diatas, seharusnya kamu sudah ada basic minimal web
yaitu html css javascript.
Bagi seorang backend bisa mengedit beberapa saja itu

sudah cukup, karena dia harus menguasai bahasa server
dan database.
1. Database (basis data)
Mudahnya adalah tempat dimana kita bisa menyimpan

data-data penting, bisa berupa data user, produk dll.
Anggap saja ketika kamu biasa mengunjungi website, dan

diweb itu kamu harus mendaftar berupa email dan
password. Nah dimana data itu akan tersimpan? tentu di
database.
４５ Copyright @codingasik 2022 - bagascodingasik.com

Jenis database sendiri banyak ada mysql, postgree,

mongo db, sql server dll yang tentunya memiliki
kelemahan dan kelebihan masing-masing.
Lalu apa yang menjadi fokus ketika belajar database?

Kamu akan belajar tentang tabel, field dan record, tipe
data, query database, relasi data dll.
- Tabel, field dan record

Tabel adalah cara dimana kita menyimpan data ke
sebuah tabel di database. Contoh data user akan
disimpan di tabel user, data produk akan disimpan di
tabel produk dst.
Lalu didalam tabel juga ada atribut tertentu misal

username, password, alamat, email, nama produk dll
yang kita bisa sebut adalah field.
Lalu record adalah isi data itu sendiri dari masing-

masing field. Misal tabel user di field username berisi
record “codingasik”, field password berisi record
“coding123” dst.
field
record (isi tabel)
Image 16 Tabel user
４６ Copyright @codingasik 2022 - bagascodingasik.com

Yang jelas dalam pembuatan tabel akan menyesuaikan

permasalahan atau sistem yang dibuat. Dan ini adalah
hal pertama dan utama dalam pembuatan sistem yaitu
merancang database.
- Tipe data
Data tentu ada yang bersifat angka,
huruf, benar salah dll. Nah inilah yang
disebut tipe data.
Di database kamu akan mengenal tipe

data string (huruf), char, integer, text,
enum, date, time dll yang mana ini sangat penting untuk
efisiensi dan ketepatan data.
Karna kecepatan sebuah web, juga bisa dipengaruhi oleh

tipe data yang digunakan.
- Query data
Query data lebih ke cara bagaimana kita bisa mengolah
data melalui coding (perintah) tertentu. Yaitu query
menampilkan data, menambah, mengedit, menghapus,
mencari dll data yang ada didatabase.
Image 17 Query untuk menyeleksi (menampilkan) data
Query digunakan dalam bahasa server yang tentunya

untuk memproses pengolahan data di dalam web yang
４７ Copyright @codingasik 2022 - bagascodingasik.com

dibuat. Tantangannya adalah memahami dan sepintar

mungkin membuat logika query yang sesuai dengan data
yang dibutuhkan.
- Relasi
Relasi atau hubungan di dalam database yaitu hubungan
atau keterkaitan antara tabel 1 dengan tabel yang lain.
Kenapa bisa seperti itu?
Didalam sebuah sistem, ada yang memegang akses

masuk di sistem itu sendiri. Misal ada seorang Admin,
Operator, User dll yang bisa disebut level user.
Nah tentu masing-masing level user mempunyai akses

yang berbeda terhadap menu dan data tertentu didalam
web.
Anggap saja Operator mengolah data produk. Maka

operator ini mempunyai relasi ke menu dan tabel produk,
yaitu mengolah data produk.
Nah itulah yang dinamakan relasi di setiap tabel.
2. Bahasa server
Bahasa server mudahnya adalah bahasa yang berjalan di

sisi server, dimana bahasa ini secara umum berinteraksi
dengan database untuk pengolahan data.
４８ Copyright @codingasik 2022 - bagascodingasik.com

Didalam web ada beberapa bahasa yang bisa digunakan

yaitu php, javascript dengan node js-nya, phyton, java dll
Bahasa ini berfokus pada logika pemrosesan data, mulai

dari penyimpanan, hapus, edit, menampilkan atau sering
disebut CRUD (Create Read Update Delete).
Kamu akan mempelajari tentang tipe data, koneksi

database, variabel, operator, function, oop dll. Selain itu
juga dipelajari tentang API (Application Programming
Interface) yang sudah dibahas sebelumnya.
Aplikasi yang dibutuhkan tidak hanya text editor dan web

browser saja, ada tambahan lain yaitu server lokal, tool
database, aplikasi ftp dll.
Kamu bisa menggunakan aplikasi Xampp, Laragon dll

yang biasanya sudah termasuk didalam aplikasi itu :
database (mysql), bahasa server (php).
3. Framework
Tidak hanya frontend, backendpun ada framework yang

membuat sistem yang kita buat menjadi lebih cepat,
４９ Copyright @codingasik 2022 - bagascodingasik.com

contoh yang biasa digunakan ada laravel, codeigniter,

express js, django dll
Ketika menggunakan framework perlu diingat bahwa

selalu ada basicnya, karena framework hanya
pengembangan saja dari native (bahasa aslinya).
Sebagai contoh jika mau belajar laravel atau codeigniter

harus tau php terlebih dahulu, express js harus tau basic
javascript dll.
Kenapa seperti itu? agar ketika framework terjadi error

atau masalah yang belum ada didokumentasi, kamu bisa
menggunakan bahasa aslinya.
4. API (Application Programming Interface)
Kamu mungkin pernah dengar istilah ini tapi belum

mengetahui arti dan fungsinya.
API (Application Programming Interface) adalah perantara

yang menghubungkan antar platform. Platform disini bisa
５０ Copyright @codingasik 2022 - bagascodingasik.com

antara frontend dengan backend, web dengan mobile, web

dengan desktop dll.
Pernah tidak berfikir, kenapa data di aplikasi misal

tokopedia, shopee sama dengan versi websitenya?
Yah jawabannya adalah karena ada API yang memberikan

datanya. Jadi bisa disimulasikan seperti ini :
Image 18 Simulasi cara kerja API
Kamu sudah tau bahwa backend adalah orang yang

bertugas mengolah data database, misal data user,
produk, transaksi dll.
Nah ketika frontend, mobile apps, desktop app dll

membutuhkan data itu, backend akan memberikannya
dalam bentuk API. Tentu tidak semua data, kita bisa
mengcustom. Contohnya seperti ini :
５１ Copyright @codingasik 2022 - bagascodingasik.com

Image 19 Contoh API data user
Gambar diatas adalah contoh API data user yang dibuat

oleh backend agar bisa digunakan oleh frontend dll.
Format yang digunakan adalah JSON (Javascript Object

Notation) yang mana merupakan format data yang hampir
selalu digunakan dalam pertukaran data API.
Jadi dengan adanya API inilah yang bisa membuat setiap

platform memiliki data yang sama. Jika kamu ingin
menjadi backend, kamu wajib bisa membuatnya.
5. Version control dan perbanyak berlatih
Sama halnya dengan frontend, seorang backend juga pasti

suatu saat akan berkolaborasi dengan programmer lain.
So, pelajari juga tentang git, github dll
Perbanyaklah berlatih membuat projek sistem dari yang

sederhana misal sistem kasir, peminjaman buku,
５２ Copyright @codingasik 2022 - bagascodingasik.com

inventaris dll sampai sistem kompleks misal sistem

olshop, akademis, lms dll
Yang terpenting adalah seorang backend harus perbanyak

berlatih logika pemrograman. Karena akan selalu dituntut
untuk mengoptimasi, mengamankan, menyediakan data.
５３ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-delapan
Bagaimana Agar Website

Bisa Diakses Online?
５４ Copyright @codingasik 2022 - bagascodingasik.com

Hosting dan Domain
Pernah ngga berfikir, bagaimana cara agar website di

laptop/pc yang sudah kita buat bisa jadi online?
Nah jawabannya adalah dengan menyewa jasa hosting

dan domain agar web kita bisa jadi online dan bisa
diakses oleh semua orang.
Lalu apa itu hosting dan domain itu? Kita bahas satu-satu
1. Domain
Web apa yang sering kamu akses? google.com,

youtube.com, instagram.com dll bukan?
Nah google.com itu yang kita sebut sebagai domain di

website. Jadi lebih ke penamaan website kita.
Tau tidak, sebenarnya tanpa ada domain web kita hanya

berbentuk IP, misal https://192.168.xxx.xxx jadi bukan
nama seperti google.com, youtube.com yang mudah kita
ingat.
Lalu yang paling terpenting adalah domain ini bersifat uniq,

artinya hanya ada 1 domain dengan ekstensi tertentu. Apa
itu ekstensi?
５５ Copyright @codingasik 2022 - bagascodingasik.com

Ekstensi itu seperti *.com, *.co.id, *.site, *.net dll. Intinya

setiap ekstensi domain hanya boleh ada 1 nama saja, jadi
ketika mau beli domain google.com itu udah ngga bisa,
tapi masih ada kemungkinan google.my.id, google.xyz dll
masih ada.
Lalu pentingnya dimana? pentingnya adalah ketika kamu

membangun brand dan sekaligus mau nama domain yang
sama. Jika ternyata domain yang kamu inginkan masih
ada, beruntunglah. Tapi jika sudah tidak ada, kamu bisa
negoisasi dengan pemilik domain, atau juga
menggunakan nama dan ekstensi yang lain.
Sampai disini paham yah, apa dan seberapa pentingnya

domain itu? Jika belum, baca ulang lagi.
2. Hosting
Jika domain adalah nama dari web itu sendiri, kalau

hosting adalah tempat kita meletakan file web yang sudah
kita buat.
Artinya adalah kita menyewa tempat di penyedia layanan

hosting dengan sistem perbulan sampai pertahun dan
biasanya ada yang hanya 7ribu, 20ribu atau lainnya
perbulan. Tentu dengan space memori dan fitur yang
berbeda, maka semakin mahal juga hosting yang kita
butuhkan.
５６ Copyright @codingasik 2022 - bagascodingasik.com

Didalam hosting kita juga bisa mengolah database, ftp,

email, keamaan web (ssl) dll yang akan sangat dibutuhkan
didalam sebuah sistem.
Hostingpun mempunya berbagai jenis. Ada share hosting,

cloud hosting, vps, wordpress, email hosting dll dimana
setiap penyedia layanan akan berbeda-beda.
Kenapa hosting menjadi penting?
Karena jika kamu ingin membangun brand (bisnis), share

portfolio, menjadi freelence dll itu mutlak harus ada
hosting (Kecuali webmu hanya diakses dilaptop atau
secara lokal saja).
５７ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-sembilan
Kesalahan Yang Dilakukan

Programmer Pemula
５８ Copyright @codingasik 2022 - bagascodingasik.com

Kesalahan Yang Dilakukan Programmer

Pemula Dalam Proses Belajar
Tentu dalam belajar ada proses dimana kita mencoba

berbagai hal yang menurut kita benar. Tapi pertanyaannya,
apakah langkah yang kita ambil itu benar?
1. Tidak ada passion di programming
Passion adalah suatu hal yang membuat kita mempunyai

tujuan, rela melakukan apapun, kadang tidak bisa
membedakan antara hobby dan kerja, lupa waktu dll yang
intinya adalah suatu hal yang kita sukai dan bukan karena
paksaan.
Di dalam dunia IT terutama apps development, tentu ada

berbagai macam fokus (jenis pekerjaan) yang bisa kamu
pilih. Ada web development, mobile, desktop sampai
game.
Di dalam web development saja, kamu juga mengenal ada

UI UX, frontend, backend dan fullstack yang mana punya
ciri khas tersendiri.
Mungkin kamu masih mencoba berbagai hal untuk

mengetahui apa yang menjadi passionmu. Nah, disaat
itulah kamu ditantang untuk sebuah pilihan.
５９ Copyright @codingasik 2022 - bagascodingasik.com

Entah nanti antara UI UX dengan frontend, frontend

dengan backend, web dengan mobile, bahkan lanjut
belajar atau tidak tentang programming itu pasti ada.
Disini pastikan kamu tidak ada kata “paksaan” dalam

memilih. Kamu harus tegas, apakah frontend ini
passionmu misalnya, apakah backend dll.
Yang saya maksud adalah belajar programming itu butuh

proses yang cukup lama. Butuh konsisten belajar dan
berlatih. Tidak cukup 1 2 bulan, bahkan bisa bertahun-
tahun.
Jadi jika kamu merasa “Saya bukan di programming”

setelah mencobanya, please untuk pertimbangkan
mencoba hal lain. Entah editing, gaming apapun itu. Agar
kamu tidak membuang waktu, materi dll.
Tapi jika kamu sudah suka programming, please

tuntaskan sampai selesai apa yang jadi fokusmu sekarang.
Dan perjuangkan itu dengan semangat dan konsisten.
Okay? Pasti terbayarkan jika kamu lakukan ini.
2. Belajar karna mengikuti trend semata
Dalam belajar programming, tentu akan ada bahkan selalu

ada teknologi baru yang jauh lebih trend dan berkembang.
Saya ambil contoh, javascript dulu hanya bisa untuk

frontend atau pengolahan disisi client, tapi apa yang ada
６０ Copyright @codingasik 2022 - bagascodingasik.com

sekarang? Yah ada Node.Js yang basisnya javascript yang

mana bisa berjalan disisi server juga. Jadi kita bisa
menjadi fullstack web hanya dengan javascript saja.
Dan itu akan terus berlanjut, bahkan teknologi sekarang

bisa saja hilang, bisa juga lebih keren dan trend.
Maksud saya disini adalah memang bagus kita mengikuti

apa yang sedang trend, tapi bukan berarti kita harus terus
beralih dari teknologi yang bahkan sekarang baru
dipelajari.
Jika tidak ada keteguhan untuk fokus dengan apa yang

dipelajari sekarang, dan terus berganti bahasa atau
teknologi, saya jamin kamu tidak akan kemana-mana.
Artinya kamu tidak benar-benar menguasai apapun alias

setengah-setengah. Kamu tau kan artinya ini? Kamu tidak
benar-benar ahli dalam bahasa apapun.
Bagi saya fokus dan jadi ahli dalam satu bahasa

pemrograman tertentu itu lebih baik dari pada menguasai
beberapa tapi hanya setengah-tengah.
Bukan berarti kamu tida boleh belajar bahasa lain, tapi

tuntaskan dulu dan buat berbagai projek dan karya dengan
bahasa yang kamu pelajari sekarang. Jika sudah, why not
buat belajar hal lain. Setuju yah?
６１ Copyright @codingasik 2022 - bagascodingasik.com

3. Tidak memulai dari dasar
Selain kesalahan diatas, yang cukup fatal juga adalah

tidak belajar dari dasar.
Seperti yang saya pernah bilang sebelumnya, sebuah

teknologi tertentu misal framework itu ada yang
mendasarinya. Misal laravel ada php, React.Js dan Vue Js
ada javascript dll
Kenapa ini menjadi penting?
Karena akan selalu ada perkembangan versi, bahkan

framework baru tapi tidak dengan dasarnya (bahasa
aslinya). Jadi ketika kamu menguasai basicnya, kamu
akan dengan mudah menggunakan frameworknya.
Karna sekali lagi framework itu hanya kerangka kerja atau

sebuah tool untuk mempercepat dan mempermudah
dalam pembuatan, dalam hal ini website.
Misal lagi kamu ingin kuasai frontend maupun backend,

maka belajarnya basicnya yaitu html css javascript dan
jangan langsung ke frameworknya. Okay?
4. Tidak memiliki portfolio atau karya
Sebagai seorang programmer baik yang akan bekerja di

perusahaan ataupun freelance, hal utama yang menjadi
６２ Copyright @codingasik 2022 - bagascodingasik.com

tolak ukur adalah skill. Tapi bagaimana cara mengetahui

skill seseorang?
Jawabannya adalah dengan portfolio atau karya yang

mereka buat. Disini akan terlihat apa saja yang sudah
dikuasai baik bahasa, framework atau teknologi lainnya.
Yang menjadi pertanyaan, seperti apa portfolio yang

seharusnya dibuat?
Kalau misal kamu adalah seorang frontend, baiknya

adalah kamu buat berbagai jenis web design, bisa landing
page, company profile, online shope, lms dll.
Tidak hanya itu, biasanya perusahaan juga mewajibkan

untuk menguasai framework frontend misal React Js dll.
Jadi buatlah sistem frontend yang sudah terintegrasi
dengan framework ini, dengan memanfaatkan API dll
Jika kamu backend, kamu bisa membuat sebuah sistem

misal sistem sekolah, online shop, pembayaran dll yang
lebih mengutamakan logika bahasa pemrograman.
Buat juga berbagai intergrasi API disetiap projek, karena

ini biasanya hal utama yang mana orang backend wajib
bisa.
Yang jelas, tunjukan karya terbaikmu. Semakin lengkap

dan kompleks akan semakin baik. Karna portfolio atau
karyamu itu menunjukan siapa kamu.
６３ Copyright @codingasik 2022 - bagascodingasik.com

5. Baru belajar tapi suka Copas
Copas atau copy paste adalah hal yang lumrah ketika kita
mengetik dokumen, manage file, begitu juga dengan
membuat program.
Dalam belajar programming, diawal kamu menyesuaikan

dan membiasakan bagaimana menulis kode-kode yang
sama sekali kamu belum tau fungsinya apa.
Kamu jangan pernah bergantung pada copas. Kamu harus

berusaha mengetik sendiri sampai terbiasa dan paham.
Karena proses mengetik di text editor jika dilakukan

secara konsisten, kamu dengan mudah memahami dan
perlahan hafal fungsi coding dengan sendirinya.
Copas bagi saya adalah next level dimana kamu

seharusnya sudah ditahap problem solving (fokus
penyelesaian masalah) bukan lagi menghafal coding.
Karena semakin tinggi jam terbang, kamu akan akan

paham dan butuh kecepatan dalam pembuatan sistem.
Dan disinilah copas selalu digunakan.
６４ Copyright @codingasik 2022 - bagascodingasik.com

6. Tidak mencari cara terbaik
Dalam membuat setiap program, pasti akan ada saatnya

kamu hanya menduplikasi apa yang sudah pernah kamu
buat.
Kamu membuat racikan coding mulai dari proses CRUD,

tampilan sistem, library atau plugin dll. Pastikan kamu
buat sesimple dan mudah digunakan kembali.
Misal saat ini kamu membuat sistem sekolah. Ada

kalanya template sistem sekolah ini kamu gunakan
kembali di sistem olshop misal atau sistem lain. Bahkan
pengaturannya bisa dicopas.
Karna dari berbagai sistem yang saya buat, saya tidak

pernah benar-benar membuat sistem selanjutnya itu dari
awal. Kecuali dengan teknologi yang berbeda.
Jadi sangat penting untuk mencari dan membuat cara

terbaik dalam membuat sebuah sistem atau aplikasi,
sehingga pekerjaanmu akan efisien dan cepat selesai.
7. Merasa cukup
Apakah ketika saya sudah menguasai bahasa tertentu itu

sudah cukup? atau saya harus belajar hal lain?
６５ Copyright @codingasik 2022 - bagascodingasik.com

Pertanyaan seperti itu biasanya akan muncul ketika kamu

terasa stuck atau mempelajari dan menggunakan bahasa
yang itu itu saja.
Tapi beruntunglah, karena akan bahaya jika kamu merasa

terlalu nyaman dengan apa yang kamu kuasai sekarang.
Kata-kata tentang “belajarlah sampai hari tua” itu menurut

saya adalah kata yang bijak. Karena dalam hal apapun
semua akan cepat berubah, terlebih tentang teknologi.
Tidak hanya tentang programming, kamupun harus belajar

hal-hal lain yang mendukung perubahan besarmu.
Ingat ini, “kamu tidak akan selamanya bekerja

diperusahaan”. Akan ada waktunya kamu berusaha
dengan nama sendiri. Dan disaat inilah ilmu tentang
editing, public speaking, digital marketing dll akan sangat
membantumu.
Dalam skillpun sama. Ketika kamu sudah menguasai

frontend misal, kamu terus kembangkan dan pelajari lebih
lanjut tentang backend, mobile apps dll. Sekali lagi ini
untuk mempersiapkan segala sesuatu terjadi dan tentu
untuk mendapatkan peluang yang lebih banyak kedepan.
Tentu masih banyak kesalahan yang akan kita perbuat

dalam proses belajar programming. Intinya tetap
semangat dan jangan pernah berhenti belajar.
６６ Copyright @codingasik 2022 - bagascodingasik.com

Bab ke-sepuluh
Pertanyaan Yang Sering

Ditanyakan (FAQ)
６７ Copyright @codingasik 2022 - bagascodingasik.com

Pertanyaan Yang Sering Ditanyakan Saat

Belajar Web Programming
Beruntunglah jika kamu menemukan jalan atau passion itu

secara alami. Karena banyak juga yang harus berjuang
untuk mengetahui apa yang menjadi passionnya.
Disaat akan memutuskan belajar atau mendalami

programming, pasti akan ada pertanyaan seperti dibawah
ini.
1. Saya tidak ada background IT sama sekali, bisa tidak

ya?
Apakah ini yang ada dipikiranmu sekarang? jika iya saya

bisa bilang sangatlah bisa dan terbuka untuk siapapun
belajar pemrograman terutama website.
Bisa kamu lihat sendiri mereka yang bahkan bukan IT bisa

pindah haluan belajarnya, karena mereka tau peluang
kedepan sangatlah besar dan lebih penting daripada
hanya sekedar memikirkan ini tanpa action langsung.
６８ Copyright @codingasik 2022 - bagascodingasik.com

So, tunggu apalagi semakin cepat semakin baik. Waktu

tidak bisa kembali.
2. Saya tidak ada laptop/pc atau punya tapi spek rendah,

bisakah?
Apakah ini juga masih dipikirkan? Jika iya banyak

komentar di instagram @codingasik yang start bahkan
hanya dengan HP saja.
Kamu bisa install text editor di play store atau apps store
untuk belajar web programming awal. Dan jika mau lebih
mudah, bisa manfaatkan mouse & keyboard bluetooth
untuk dikoneksikan dengan HP kamu.
Atau udah ada PC/Laptop tapi masih ragu karna spek

rendah?
Pertama harusnya kamu bersyukur ada yang start dari HP,

dan kedua untuk kamu bisa web programming tidak perlu
spek yang tinggi untuk memulainya.
Memang start dengan HP pasti susah dan kamu harus

segera menabung untuk membeli Laptop / PC, karna
memang HP bukan dirancang untuk itu. Lalu tentang spek
６９ Copyright @codingasik 2022 - bagascodingasik.com

jika kamu baru akan membeli laptop/pc baru, memilih

spek yang tinggi akan membantumu berkembang.
3. Umur saya sudah 20, 25, 30 bahkan 40an. Masih bisa

belajar pemrograman?
Mungkin kamu merasa terlalu muda jadi bisa santai, atau

bahkan merasa sudah terlalu tua untuk belajar, benar?
Saya pernah vote di story instagram, dan hasilnya sangat

mengejutkan. Terbukti bahwa umur bukan menjadi
masalah utama untuk mulai belajar. Kamu bisa lihat
hasilnya sendiri.
Saya bisa mengatakan umur hanya akan berdampak dari

segi penalaran berfikir saja. Semakin dini semakin baik.
Tapi kembali lagi coding (pemrograman) itu tentang
seberapa keras kemauan kita untuk terus berlatih secara
konsisten.
７０ Copyright @codingasik 2022 - bagascodingasik.com

So, masih mengeluh tentang ini? coba pikirkan kembali

peluang kedepan yang akan kamu siakan jika tidak belajar
mulai dari sekarang.
4. Kuliah, Bootcamp atau Course
Banyak pertanyaan tentang ini, baik yang saya dapat di

komentar, DM dll, dimana mereka masih ragu untuk
memilihnya. Dan jika ini menjadi pertanyaanmu juga, saya
mungkin bisa membuat beberapa saran.
Jika kamu bisa memilih semua tanpa ada kendala, misal

finalsial. Saya selalu prioritaskan kuliah. Kenapa? Karena
saat kuliah kamu akan diajarkan semua basic
programming baik web, mobile, dekstop dll.
Selain itu juga akan mendapat pengalaman lain selain

programming, misal orgranisasi, public speaking, relasi
yang akan sangat membantu kamu dalam berkarir di
bidang programming.
Opsi bootcamp juga bisa menjadi pilihan baik, ketika kamu

ingin langsung mendapat materi dan bimbingan mentor.
Hanya saja yang menjadi catatan, kamu harus serius dan

meluangkan waktu untuk mengikuti setiap langkahnya.
Karna ya, ini ada batasan waktu yang biasanya juga
membutuhkan biaya yang cukup mahal (tergantung
platform).
７１ Copyright @codingasik 2022 - bagascodingasik.com

Tapi jika kamu adalah orang super sibuk dan ingin

fleksibel, carilah course online yang mana cukup belajar
melalui video dan bisa diakses kapanpun. Karna kamu tau
proses belajar programming itu tidak sebentar. Bahkan
mungkin kamu harus membeli course dengan berbagai
topik yang berbeda.
Tapi yang jelas, ketika kamu kuliahpun sebisa mungkin

ikuti bootcamp, course dll. Karena hanya 40% dari materi
yang didapat dikampus (pengalaman saya) dan sisanya
kamu harus belajar sendiri.
Intinya jika ada opsi cepat, materi terstruktur, ada mentor,

ada sharing antar sesama programmer dll itu lebih baik
daripada kamu belajar sendiri (otodidak) yang jelas
membutuhkan waktu sangat lama.
5. Apakah cukup belajar otodidak?
Setiap orang mempunyai kapasitas berfikir beda-beda.

Ada yang hanya melihat video sudah memahami, bahkan
ada juga yang harus mengulas 5x materi agar benar-benar
paham.
Dalam belajar programming otodidak sangatlah bisa tapi

ada harga yang harus kamu bayar yaitu waktu.
Jelas kamu akan mencari materi sendiri entah dari artikel,

youtube dll. Kamu harus bingung sendiri dan mungkin
tidak tau harus bertanya kesiapa. Dan yah itu sudah resiko.
７２ Copyright @codingasik 2022 - bagascodingasik.com

Waktupun pasti akan jauh lebih lama, karena kamu tidak

tau arah dan langkah yang harus dituju. Itulah kenapa
saya selalu merekomendasikan untuk kuliah, ikut
bootcamp, beli course online dll, semata agar kamu
terbimbing dari awal.
Pilihanmu hanya dua, waktu atau materi (uang). Jika kamu

adalah orang yang sangat menghargai waktu, ikutlah
kuliah, bootcamp, atau course. Atau jika kamu orang yang
tidak masalah dengan waktu dan lebih ingin berhemat,
tenang belajar otodidakpun masih bisa.
6. Apa yang harus dipersiapkan sebelum belajar

pemrograman
Ada beberapa pertanyaan dari beberapa orangtua yang

ingin anaknya untuk belajar programming lebih dini. Ada
juga orang yang belum sama sekali, bahkan asing dengan
programming tanya tentang ini.
Meski bisa dipelajari siapapun, sebelum belajar

programming tentu ada hal yang harus kamu biasakan
terlebih dahulu.
Saya tidak merekomendasikan kamu, jika belum terbiasa

dengan penggunaan PC atau laptop atau bisa disebut
gaptek.
７３ Copyright @codingasik 2022 - bagascodingasik.com

Bukan bermaksud menyinggung, tapi memang ranah

programming itu sudah tingkat lanjut dan minimal kamu
sering mengetik dengan pc atau laptop, atau mengedit,
atau melihat youtube, artikel dari pc atau laptop.
Karena jelas tidak mungkin untuk mengajarkan

bagaimana cara mematikan dan menyalakan laptop atau
pc, atau belum terbiasa dengan sistem operasi di laptop
atau pc dll. Ini adalah hal basic dan kamu harus bisa.
Jadi saran saya adalah minimal kamu sudah terbiasa

dengan pengoperasian pc/laptop sehari-hari agar kamu
tidak terlalu kaget untuk mempelajari programming.
7. Bagaimana caranya agar saya bisa konsisten belajar

programming?
Konsisten adalah suatu hal yang akan kamu lalui ketika

kamu sudah berani memulai belajar. Saya akan berikan
selamat kepada kamu yang sudah memulai.
Tapi jangan senang, karena ada tahap konsisten yang

sangat berat yang akan kamu lalui karena kamu harus
berpegang teguh dengan apa yang jadi tujuanmu dan
melakukan itu secara berulang dan terus menerus.
Agar kamu konsisten, kamu harus punya tujuan, rasa ingin

tau besar, dan tidak mudah menyerah.
７４ Copyright @codingasik 2022 - bagascodingasik.com

Tujuan ini harus kamu tetapkan dipaling awal. Kamu ingin

bekerja di startup, kamu ingin bangun bisnis, kamu ingin
kerja dari rumah, kamu ingin ... dst.
Saat proses belajar kamu menyerah, percayalah tujuanmu

itu belum cukup besar untuk membuatmu bangkit.
Tetapkan keteguhanmu bahwa “Saya tidak akan menyerah

ketika tujuan saya belum tercapai”, “Saya akan
menyelesaikan apa yang sudah saya mulai”, “Saya akan
mengubah hidup saya dengan belajar lagi dan lagi” dst.
Tentang rasa ingin tau ini juga sangat penting. Ketika

kamu disuguhi beberapa materi dan sudah membuatmu
bosan, percayalah selanjutnya kamu akan stuck dan
semangat akan turun dengan sendirinya.
Rasa ingin tau akan membawamu ke perkembangan yang

jauh lebih pesat. Misal kamu sedang mempelajari materi
responsive website (web terlihat bagus di device apapun).
Bombardir dirimu dengan berbagai pertanyaan :

“Bagaimana cara agar layout tetap keren di smartphone?”,
“Ada tidak ya cara simple membuat responsive web?”,
“Attribute ini berfungsi untuk apa ya?” dll.
Intinya dengan bombardir diri dengan pertanyaan, itu akan

membuatmu terus mencari dan cari sampai ketemu.
Otomatis skillmu akan terus berkembang. Percayalah dan
lakukan, karena saya juga melakukan itu dalam belajar.
７５ Copyright @codingasik 2022 - bagascodingasik.com

Lalu tentang tidak mudah menyerah, juga harus tertanam

ketika kamu belajar programming. Error itu ibarat jadi
makanan sehari-hari seorang programmer. Kamu akan
menghabiskan beberapa hari bahkan hanya untuk
menyelesaikan 1 error. Bahkan error 1 hilang, error
lainnyapun akan datang. Percayalah ini akan selalu terjadi.
Jika kamu mudah menyerah? Ya saya yakin, kamu akan

berhenti dan mengabaikan tujuanmu.
Cobalah untuk mencari support baik teman, grup, mentor

atau bahkan hanya dari postingan-postingan yang ada
disosial media yang membahas programming yang akan
membuatmu selalu semangat dan termotivasi.
Saya boleh mengatakan bahwa programmer itu hebat,

karena selalu ada error berkali-kali tapi selalu coba
mengatasinya berkali-kali juga. You’re the best!!
Dan saya selalu mengatakan bahwa : “programmer adalah

orang yang sangat cocok untuk menjadi pengusaha,
karena dia selalu gagal dan coba bangkit lagi dengan
tentu tidak mengulangi kesalahan yang sama”. Setuju?
７６ Copyright @codingasik 2022 - bagascodingasik.com

Setelah membaca rangkain materi dan cerita yang saya

sampaikan, ijinkan saya untuk memperkenalkan tentang
platform codingasik.
Codingasik adalah sebuah platform dimana kamu bisa

belajar tentang pemrograman terutama website yang
mana fokus terhadap edukasi pemula untuk memahami
alur, cara dll tentang pembuatan web lebih dalam.
Edukasi codingasik di beberapa platform yaitu :
Instagram : https://instagram.com/codingasik
Youtube : https://youtube.com/codingasik
７７ Copyright @codingasik 2022 - bagascodingasik.com

Tiktok : https://tiktok.com/@codingasik serta,
Website : https://bagascodingasik.com
Besar harapan saya, dengan adanya codingasik ini bisa

membantu kamu yang sedang ingin belajar pemrograman
terutama website.
Saya selalu sarankan untuk mengikuti orang dan platform

yang membahas tentang pemrograman, bisa codingasik
dan lainnya. Karena dengan pembahasan pemrograman
yang selalu muncul di berandamu, itu akan memotivasi
７８ Copyright @codingasik 2022 - bagascodingasik.com

selalu dalam pemrograman, dan tentu untuk menambah

wawasan juga.
Kemudian tidak lengkap jika saya tidak memperkenalkan

tentang “bagascodingasik.com”. Karena selain sharing di
sosial media yang bersifat free, saya juga memberikan
edukasi premium, dimana ini khusus untuk kamu yang
serius dan mau menginvestasikan skill tentang
pemrograman website.
Edukasi premium di “bagascodingasik.com” ini tentunya

berbayar dan membahas detail web programming dari
awal atau 0. Jadi cocok untuk kamu yang belum sama
sekali tau tentang web programming.
Edukasi yang diberikan pada saat ebook ini ditulis baru

ada “Course Jago Web Design” atau sering disebut
Course JWD.
７９ Copyright @codingasik 2022 - bagascodingasik.com

Course JWD ini mempelajari tentang bagaimana dasar

membuat tampilan sebuah website. Dimana belajar
tentang html, css dan javascript.
Alhamdulillah sejauh ini respond yang didapat selalu

positif untuk semua kalangan dan beberapa baru belajar
dari 0. Ini tanggapan mereka tentang JWD :
８０ Copyright @codingasik 2022 - bagascodingasik.com

Baik SMK, Mahasiswa, Guru, Freelance, Karyawan dll telah

bergabung di JWD dan mereka memahami apa yang saya
sampaikan di dalam Video.
Karna saya mengetahui bahwa : untuk menemukan

platform dll tentang programming itu sangatlah mudah,
bahkan ada yang lebih ahli. Tapi untuk memberikan materi
yang bisa dipahami oleh kita sendiri, itu yang susah dan
belum tentu semua platform bisa.
Saya tidak memaksa untuk belajar di

“bagascodingasik.com” karena banyak platform lain yang
bahasannya sama. Tapi saya meyakinkan kamu bahwa,
kamu tidak akan menemukan platform yang memberikan
manfaat yang cukup banyak baik dalam materi, ebook, file,
fitur maupun biaya.
Yang jelas “Membeli” itu tentang “Kepercayaan”,

“Keinginan”, dan “Kebutuhan”. Jika kamu percaya saya
dan Codingasik dan kamu ingin belajar pemrograman
８１ Copyright @codingasik 2022 - bagascodingasik.com

terutama website dari 0, terlebih kamu butuh materi yang

lengkap dan banyak manfaat lainnya. Kamu bisa langsung
klik tombol dibawah ini, untuk mulai belajar :
Saya Ingin Belajar Sekarang
Atau bisa kunjungi web : https://bagascodingasik.com
Kurang lebih ini beberapa projek yang bisa kamu buat

ketika belajar di JWD :
Homepage Portfolio Homepage News Website
Homepage Travel Web Login Page
Portfolio Website
８２ Copyright @codingasik 2022 - bagascodingasik.com

Kalkulator Note Apps Chat Apps
Mulai dari homepage web, porfolio web, login page,

kalkulator sederhana, note apps, chat apps dan masih
banyak latihan lainnya yang tentu akan update materi
tentang Web Design. So, tunggu apalagi?
８３ Copyright @codingasik 2022 - bagascodingasik.com

Tentang Penulis
Perkenalkanlah saya Chandra Bagas

Pambudi, S.Kom yang biasa dikenal
dengan Bagas. Seorang Content
Creator, Freelencer sekaligus Founder
dari Coding Asik.
Saya fokus mempelajari program

terutama website saat kuliah di tahun 2015 sampai
sekarang. Yang saya iri dengan kondisi sekarang adalah
banyaknya Content Creator, Course bahkan Bootcamp
yang bahas tentang programming. Karena pada saat itu
hanya beberapa yang membahas dan jika lengkap
biasanya channel dari luar yang lumayan susah dipahami.
Itulah yang menjadi alasan terbesar saya membangun

Coding Asik, agar temen-temen semua bisa lebih mudah
dan cepat dalam belajar programming terutama web.
Alhamdulillah saat kuliah saya juga

menjadi mahasiswa terbaik 2019
Teknik Informatika STMIK Widya
Utama, yang mana menjadi modal
saya untuk berbagi ilmu yang saya
punya tentang programming.
８４ Copyright @codingasik 2022 - bagascodingasik.com

Tidak hanya itu, pernah juga menjabat sebagai Presiden

BEM kampus dan beberapa kali mengisi webinar,
pelatihan lainnya tentang IT.
Semoga cerita perjalanan saya ini, bisa bemanfaat

minimal memotivasi untuk temen-temen bisa berbagi ilmu
tentang programming (coding).
Terakhir, semoga materi dan cerita saya di ebook ini bisa

bermanfaat untuk lebih memahami tentang pemrograman
terutama website.
Jangan sungkan untuk saling sharing, memberi masukan

dll untuk saya dan codingasik, agar bisa lebih baik lagi
untuk sekarang dan seterusnya.
“Pemrograman itu ngga ada yang instan. Bahkan mie

instan aja, perlu di masak dulu baru bisa dimakan. So, terus
berlatih secara konsisten dan buat berbagai karya adalah
kuncinya” ~ dari saya Bagas Codingasik.
８５ Copyright @codingasik 2022 - bagascodingasik.com

Terimakasih dan semoga bermanfaat
Jangan lupa untuk support Coding Asik di :
@codingasik
@codingasik
Coding Asik
Ngoding jangan dibikin pusing

#asikinajahngodingmu #codingasik
Course & info lainnya :

https://bagascodingasik.com
８６ Copyright @codingasik 2022 - bagascodingasik.com

Coding Asik - Ebook Rahasia Belajar Webite Programming

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Coding Asik - Ebook Rahasia Belajar Webite Programming

Diunggah oleh

Hak Cipta:

Format Tersedia

#asikinajahngodingmu

Ebook ini saya buat dan tujukan untuk kamu yang :

Ebook ini berisi materi yang berasal dari berbagai artikel

Semoga ebook ini bisa membantu, memotivasi serta

Banyumas, 1 November 2022

Bagas - Founder Coding Asik

i Copyright @codingasik 2022 - bagascodingasik.com

Bab 1 Kenapa Kamu Harus Belajar Web Programming?...1

ii Copyright @codingasik 2022 - bagascodingasik.com

Kenapa Kamu Harus Belajar

１ Copyright @codingasik 2022 - bagascodingasik.com

Kenapa Harus Belajar Web Programming?

Mungkin kamu masih bingung dan tidak tau “kenapa kamu

Diawal mungkin saja kamu tertarik oleh konten kreator

Saya mau membuat gambaran tentang apa yang terjadi

２ Copyright @codingasik 2022 - bagascodingasik.com

1. Dulu toko, pasar dan dagangan lainnya itu butuh modal

Nah perubahan ini sadar atau tidak, teknologi akan

Dengan realita yang ada, kamu seharusnya mulai

Tentunya disini ilmu yang akan menunjang bisnis,

３ Copyright @codingasik 2022 - bagascodingasik.com

So, dengan kamu menguasai ilmu programming (web)

Sampai sini, masih bingung dan ragu kenapa kamu harus

４ Copyright @codingasik 2022 - bagascodingasik.com

Apa Saja Jenis Pekerjaan

５ Copyright @codingasik 2022 - bagascodingasik.com

Jenis Pekerjaan Dibidang Web Programming

Setelah kamu punya keinginan dan alasan yang kuat

Ada berbagai jenis pekerjaan yang bisa kamu dapatkan,

UI sendiri yaitu tentang user interface atau tampilan

６ Copyright @codingasik 2022 - bagascodingasik.com

Jadi seorang UI UX Designer adalah orang yang membuat

Untuk menjadi seorang UI UX tidak perlu menguasai ilmu

Aplikasi yang menjadi andalan berupa Figma, Adobe XD,

Seorang UI UX juga perlu membuat prototype design, atau

Nah setelah kamu pelajari dan baca ebook ini sampai

７ Copyright @codingasik 2022 - bagascodingasik.com

2. Frontend Web Developer

Bagi kamu yang suka dengan design dan pemrograman

８ Copyright @codingasik 2022 - bagascodingasik.com

Frontend adalah orang yang bertugas mengubah design

Tantangan terberat seorang Frontend adalah membuat

Tidak hanya itu tugas seorang frontend, dia juga

 Mengolah data (jadi) disisi client (web pengunjung atau

９ Copyright @codingasik 2022 - bagascodingasik.com

Apakah saya harus fokus ke frontend? atau saya bingung

Baik saya jawab. Jika kamu punya :

Lalu apa yang dibutuhkan untuk menjadi seorang frontend?

Tentu menguasai bahasa di sisi client yaitu bahasa

Tidak hanya sampai disitu. Untuk lebih dalamnya frontend

１０ Copyright @codingasik 2022 - bagascodingasik.com

Bootstrap, Tailwind, Vue Js, React Js dll yang biasanya

So, kamu tertarik menjadi seorang frontend? Kuasai dulu

3. Backend Web Developer

Selanjutnya seperti yang sudah disinggung di frontend,

Misal saja ada data sekolah, pasti ada data mata

１１ Copyright @codingasik 2022 - bagascodingasik.com

Image 5 Web Admin Sistem Pembayaran dimana memproses CRUD

Jadi tampilan yang dibuat oleh frontend, diproses oleh

Tidak hanya itu, seorang backend adalah orang yang

Jadi harus ada kerjasama antara frontend dan backend,

Untuk membedakan keduanya saya beri contoh, misal

Lalu Backend? dia yang menyediakan data yang diolah

１２ Copyright @codingasik 2022 - bagascodingasik.com