Mini Games - HTML CSS Javascript Doang
Вставка
- Опубліковано 18 жов 2024
- tutorial membuat game sederhana berbasis web menggunakan HTML CSS dan javascript untuk pemula.
projek web ini bisa kalian pake untuk:
1. tugas di sekolah / kampus khususnya anak RPL, teknik informatika, sistem informasi dan lainnya.
2. ngisi waktu luang, nambah-nambah jam terbang & portofolio pribadi
3. ngasah logika, berfikir kritis, belajar modifiikasi & meningkatkan kreatifitas.
SOURCE CODE: github.com/dea...
anjay so bijak banget gue diatas wkwkwk, intinya ini belum final ya karena code nya masih perlu di refacto, di buat clean code untuk tiap function dan permainan datanya. UI nya juga masih polos, jadi siapa yang setuju next round bikin lebih ciamik dan lebih canggih lagi?
kuy komen dibawah ya 🥳
🔻play this video at 720p if you want to see the code clearly - highly recommended 🔻
TONTON JUGA VIDEO MENARIK LAINNYA 👇
YANG BIASA DIALAMI PROGRAMMER: • Yang Dialami PROGRAMME...
NGOBROLIN GAJI PROGRAMMER: • NGOBROLIN GAJI PROGRAM...
10 TIPE PROGRAMMER DI INDONESIA: • 10 TIPE PROGRAMMER DI ...
SEBELUM KERJA JADI PROGRAMMER, TAU DULU SKILL INI: • AUTO JADI PROFESIONAL ...
KUNCI SUKSES JADI PROGRAMMER: • KUNCI SUKSES JADI PROG...
CARA JADI PROGRAMMER TANPA BASIC IT: • SEKARANG SIAPAPUN BISA...
16 REKOMENDASI LAPTOP UNTUK PROGRAMMING: • LAPTOP YANG COCOK UNTU...
CARA MENGASAH LOGIKA: • Video
ISTILAH-ISTILAH PROGRAMMING UNTUK PEMULA: • Istilah-istilah Progra...
BAHASA PEMROGRAMAN YANG COCOK UNTUK PEMULA: • Bahasa Pemrograman Yan...
SEPUTAR FRAMEWORK & LIBRARY: • Video
TIPS BELAJAR PROGRAMMING 2022: • Tips Belajar Programmi...
#game #tutorial #coding
🚀 Daily on Tiktok @dea.afrizal / / dea.afrizal 🚀
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
👇UA-cam gue yang lainnya 👇
✨Braptech Racing Motor (hobi gue merawat motor tua) ✨
/ braptechracing
🏍 Teman1Roda (hobi gue broadcasting untuk hiburan channel motor) 🏍
/ @teman1rodachannel
👩💻 Dea Afrizal Channel (real life) 👩💻
/ deaafrizal
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
6:02 "Sekarang kita mulai untuk griding ato layouting la ya"
Ketika ngomong gini musik pun bunyi, aseeek slurrr
16:20 Javascript cuy
Sering sering bikin konten yang begini bang, ini jelas banget stepnya juga. Mantap jadi bisa ngikutin.. dan pertama kali sih buat game dari HTML CSS Javascript sederhana kayak gini. cuma dari sini wkw pedahal gua udah ikutin beberapa course ditempat lain, tpi ini yang paling menarikk. joss masszeh
Buat standar bro. Masukan aja, gunakan h1 hanya sekali setiap page.
Nice content. Sukses terus channel nya
Bang bikin kontennya konsisten ya karena ingin belajar programing lebih mendalam dan melanjutkan playlist yang abng buat.
siapp perlahan ya cuy, krna channel nya baru jadi masih keteter 🤪.
ditunggu aja okeeehh
_Long time.... rindu dulu bikin game.di JS pake HTA aja, saat itu sangat menarik. Kalau sekarang game2 bagus2 enginenya....._
Mantul. Pelajarannya. Coba ngikutin
Saya subscribe bang... Moga selalu konsisten di YT dan Tik Tok
Buat playlist React bang. Gua suka penyampaian lu bang. Semoga dinotice 😅
Bagus banget bang metode dan tutorial nya sangat membantu saya yang masih baru belajar html, konsisten terus ya bang sehat selalu good luck pokonya 🙏
Bang saran belajar ngoding yg bener gimana, saya belajar ngoding itu lihat codingannya web orang lain, lalu saya ketik sendiri
Gw lulusan tkj, skrg mau kuliah ngambil informatika, dan gua mau coba belajar dri channel lu bang
Bang bikin konten lanjut nya dong bagaimana menambah kan fitur musik di dalam game itu bang
enak banget liat nya...kalo udah paham sama bahasa java nya😅
mksh bang tutorialnya jadi makin semangat belajar Html nya ni
keren ini javascript doang, canggih.
Wkwkwk sekelas bang dean aja masih eror .aku sering bangat eror pas buat tugas kuliah tapi anehnya sampe di kasih tau dimimpi salahnya di variable pas di ganti baru jalan wkwkwkk .semangat terus bang
Pernah juga ghoib kadang2 pencerahan di mimpi
Anjay jawabannya lewat mimpi dong😂
Canggihhh gak sia sia dapet chanel ente dari tiktok bang
aseeekk, thank u cuy mga kepake yaaaa
Dah 2rb sub bang.selamattt
iya bner jg ya, thanks bro 👋😇
@@deaafrizal sama sama broo
mau nanya kak sebenernya chanel" yang bikin game simpel c++ itu bisa dimainin atau ga ya,pengen belajar soalnya kalo rill
Makasih bang buat tutorialnya,mudah dipahami
Terimakasih tutorialnya
Mantap. Bermanfaat banget.
Boleh nih bikin game🤙
kuyyyyy
Bang bikin konten kek gini lagi dong, tapi yang pake reactjs
Next buat projek pakai golang, buat portofolio🙏😀
uhuyyy kuyy kuyy
Terima kasih bg, videonya sangat membantuu bgt💯
Bang mohon buatin game tebak angka dong bang,,contohnya online 2015
Bang fungsi set setplayeroption parameter option nya didapat dari argumen mana ya?
bang gua kok gak bisa buka live servernya? tulisannya open a folder or workspace
luwh keren bet bang kayaknya
Bang Part 5 Boostrap nya semoga cepat up
malam ini kuyyyy
Sering2 bagi ilmu bang
kaya gini gua sering sih di sekolah buat
karena dirumah nggak punya komputer 😪
Bang aku kok pas bagian winCalculation() nya kok pas player == bot itu output nya ga seri ya? Kalo kertas ama kertas = player menang,
Kalo gunting ama gunting = bot menang,
Kalo batu ama batu = player menang.
Help :v
Semangat bang Cuy Next nya....!
Untuk video berikutnya bisakah Bang mengulas khusus tentang bagian Javascript nya karena di video ini sudah pakai konsep OOP (Object Oriented Programming) yang bukan lagi untuk pemula
ditampung jow 👍
Terima kasih Bang Dea ...
bang harga jengkol di warsun naik kagak kena inflasi dan imbas perang ukraina vs rusia ?
10:48 cara munculin emoji gimana pake extensi kah?
tekan " windows + . "
@@indotool thanks bro
Bang kok di match result gw kok gk muncul hasilnya padahal klo di console udh berfungsi dengan baik? Tolong di dijwb bang🙏
Semangat bikin kontennya bang
Janjinya kapan terpenuhi Bang untuk improve coding nya supaya ada score dsb?
Bang pake asynchronous aja bang biar kekinian kwkwkw
const NamaFungsi = () => {
//idk
}
bang kalo tanpa live server boleh gak,soalnya malah ada pesan "Cannot GET /index.html/"
bantu jawab, bisa bro, tapi kalau gak pakek kalau ada perubahan harus refres webnya
@@AndriYss nah itu males klik refresh hahaa
Tutor bikin web wedding organizer bang🙏😅
Bang cara jadiin apk nya gmn bang? Gw udh buat game cuma gatau caranya biar jadi apk jawab jir Jan dilove doang !!!
✌✊🖖
mirip punya Sandhika Galih youtuber Web programming unpas
Bang buat nyari gunting kertas batunya dmna?
Aduh saya nge stuck di eror playerOption
Bang misalkan kita bergabung dan kita belum punya bakat di IT bisa ga ya ? dan harus pake aplikasi apa buat belajar ny bang ? #terimakasiBang#suksesSelluIlmunya
gw juga gak bakat IT kok, kan dari kimia awalnya. tapi bisa bisa aja tuh 😜
bang mau nanya bagian javascript nya dimana ya kok ga ada
Bang buat untuk tutorial game onet dong bang?
Kalo nggak muncul pas di inspect di console gimana bang solusinya
Cara munculin emoticon gunting kertas itu gmna bang
Bang klo mau belajar coding spek leptop apaan
misi, ini code yg di github sudah jadi apa ada perbaikian lgi?
Permisi bang mau nanya, CSS flexbos cheatsheet-nya itu dapat darimana ya? terima kasih
Extension Css flexbox cheatsheet diinstall abg itu
Bang ko saya salah di viewport sama di pas start new bng agak bingung
Bang game ini bisa di jalankan di android gak ya, (berbasis Android)
10:48 dapet emoji kayak gitu dimana?
bang lu pake apa dah kok lu ngetik transition dan tranfrom langsung webkit dll itu gimna cara ya bang ?
hayoloo hahaa, itu ada kok video setup vscode gw. coba cek deh 🤪
Hayooloo🥴
theme vscodenya apa bang? sama font nya? thanks before
apa bang tema sm font nya wkwkw
klo sempet bikin video ekstensi apa aja bang yg diinstall di vscodenya hehe
@@fikkrizaldi nitip mana tau di balas sama admin 🗿
Klo bikin game psp butuh brp taun bg😁
31:23 untuk versi yg sudah revisi ada bang ? Pengen tau script yg lebih simpel
Apakah bisa menggunakan metode selain setter getter ?
Bang cr munculin emoji gitu gmn ya?
kalau mau buat game pake unity aja, guampang banget buat game kayak ginian awkwkwk
Cara pake unity gimna bang apakah berbayar?
cara complie di vs gimana bang, gangerti"
pilss bang🙏
Bang kok giliran di tes klik di console nya ga ada notif sama sekali
Bang gua udah buat nih tapi folder nya otomatis ke ganti crome
pengen nanya cara masang emoticon kek punyamu bang? plissss.....
Mantap kak
thanks pak
munculin emoji gimana itu bang ?
Bang itu make extension apaan kok bisa langsung auto ketulis webkit pas ngetik transform
Itu make apa koding nya
06:35 muka-muka mikirin nama class yang bagus🤣🤣🤣
wkwkwkkw 😂😂😂
Alhamdulillah 3hari ngikutin tutor bang dea hasilnya pusing
bang saran, hurufnya tolong gedein hihi ....
siappppp next yaa 👌 thank u sarannya
Bang mohon izin nanya bang, kok di gue gabisa ya html Ama css nya digabungin
coba bro masukin dibagian head
Bang gua salah terus di macth result nya knp ya , pas bagian mau ngedeklarasiin si (this.winner) nya gak ke baca, beda sama punya lu bang
Udah bisa belum bre?
mongodb kapan a?
kapan hayoooohhhh 🤪
Kamu psatir yak bang 😱😜
Bang udah sama bang tapi malah gak jalan udah cek beberapa jam gagal terus
cek di source code. ada di deskripsi yaaa
@@deaafrizal yg mna bang
Makasih bang
lambang kaya dollar itu emg dollar kah?
spil merek rokonya apa bang 😂
Coding game lagi bang 👍👍👍👍
Mas mau nanya cara buat ≠ kek gini pencet tombol apa ya?
tulis aja !=
Cara buat tanda tidak sama dengan gimana ya , tolong dong
Coba != atau !==
Rambut model baru bang cuy
hadir 🤩🤩
yuhuwww 🤣
Bang cara buat simbol ≠ ini nya gimana bang? pliss jawab🙏
itu kaya gini ketiknya !=
Bang, klo tambah button reset gmna bg?
bang buut ngeluarin emoji ap ya?
Kalo di jadiin apk bisah gak,?
bang itu emotnya pencet apa bang dan terimakasih sudah memberi tutorialnya
windows + titik di keyboard
makasih bang,trus satu lagi itu pas bagian CSS yang transition itu kok saya g ada yang di bawahnya kayak webkit,moz,ms itu saya g ada apakah ada kesalahan
@@deaafrizal
@@alkria_0 itu mah ekstensi dari vscodenya
bang coba design² lagi bang
bang untuk munculin tampilan mobile itu gimana cara'nya?
cara memunculkan emoji batu, gunting, kertas gmn ya?
pencet windows trus pencet titik, di barengin pncetnya
bisa dibuka ke hp ga si bang hasil run nya?
bang kok pickoption nya ga berfungsi ya?