SESI6 - Membuat WEBSITE HTML CSS & JS (Dark Mode) Sampai Publish Ke Replit
HTML-код
- Опубликовано: 14 окт 2024
- SESI 6 Playlist CuyUniversity - HTML CSS & JS (Dark Mode)
Tutorial panduan dasar belajar coding membuat website dari 0 sampai jadi dan di publish ke sebuah hostingan GRATIS sehingga website yang dibuat bisa di share ke siapapun.
Bikin website sederhana kali ini KHUSUS UNTUK PEMULA yang belum pernah ngoding ataupun diluar bidang programming. Jadi buat siapapun yang ingin jadi programmer sangat bisa diikuti dari tahapan awal sampai selesai.
Video tanpa ada proses editing, jadi seutuhnya apa yang ada di layar kalian adalah hasilnya.
Welcome to CUY-UNIVERSITY - Kuliah coding gratis ala tongkrongan.
Transfer DONASI: saweria.co/dea...
Full playlist Cuy University SEMESTER 1 • 🌹 Cuy University | HTM...
Contoh hasil website sesi 6:
CUYUNIVERSITY-...
MATERI SESI 6 CUYUNIVERSITY:
Web Fundamental:
-Javascript LOGIC (DONE)
-Javascript Manipulasi Element & Animation (DONE)
-CSS Styling (DONE)
Studi Kasus:
1. Fixed Bottom Navigation Bar (DONE)
2. Dark Mode ClassList (CSS JAVASCRIPT) (DONE)
3. Dark Mode Counter (DONE)
💥 TUGAS CODING SESI 6 UNTUK KALIAN 💥
1. TULISAN MODE DITAMBAHKAN JADI MODE-DARK / MODE-LIGHT
2. TAMBAHKAN MENU NAV MODE LAIN (MODE-BERANI, MODE-JOMBLO, MODE-)
3. KOMENTARI HASIL KARYA TUGAS TEMENNYA DI CUYUNIVERSE
dikumpulkan via postingan di: cuyuniverse.co
dengan tambahan hashtag #sesi6
format posting tugas: [link replit] [hashtag]
contoh seperti berikut:
CUYUNIVERSITY-... #sesi6
contoh positngan cek disini: cuyuniverse.co...
notes: jika format tidak sesuai, tidak akan diperiksa di livestream ya ✌
software yang dibutuhkan: VSCODE
download disini: code.visualstu...
#pemula #tutorial #coding
Join this channel to get access to perks:
/ @deaafrizal
☕ Discord ☕
/ discord
🚀Tiktok @dea.afrizal / / dea.afrizal 🚀
IG: / dea.afrizal
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
Absen sesi 6, Budi mana Budi .... 👇
kukunya panjang! 🔔🔔
Asep bang, pipis di celana
aceng bang, tadi kentut tapi isinya ngikut keluar
Rehan pacarnya si rizki
ahahah anjeeeng ngakak aing baca komen ini 🤣🤣🤣🤣🤣🤣🤣🤣
Tutorial login page bang
Setahun lalu niat mau nonton tapi gak ada leptop atau komputer sekarang udah ada, jadi ketagihan ngoding
TNice tutorials is one of the best tutorials of ANYTNice tutorialNG that I've ever watched in my life! Thank you so much!
Mantap bang, mudah Di mengerti Dan sangat bermanfaat buat Kita sebagai programmer pemula...
GGWP bang..metode ngajar lu jelas dan sangat padat, mudah di mengerti untuk orang yg awam dengan koding..
sukses terus untuk channelnya bang..
amiiin bay
Mantab pak doseennn
Bang makasih banyak kontennya jadi membuat mengoding menjadi fun dan saya menyenanginya
menit 23 dark mode berhasil bang! thanks for your guidance!
menit ke 40 render ke info element berhasil juga kang! thanks!
sering sering buat content ky gini bang, dgn metode kek gini kita sbg pemula / expert bisa lebih cepet masuk otak.
kyk kita tuh klo baca documentasi kan pusing ya, "ini buat apa ?? kyk gimana penerapannya?" .
nahh dgn konten kek gini kan langsung penerapan code and real project.
trus bang dea scr ga langsung jelasin dikit dikit, jd kita tuh tergambar "ohh buat ini fungsi foreach() ".
nah klo kita dah penasaran tgl ke documentasi wkwkw.
smgt bang ngontennya
Hah iya bener jg tuh mas @Rio ya emang semua dokumentasi adanya bahasa linggis smua
Bner jg dokumentasi buat jelasin studi kasusnya
Hebattt 🤩🤩 bisa bikin website sampai publish dengan cepet, aku butuh sekian hari atau sekian minggu buat bikin satu website
darkmode versiku:
let body = document.body;
const darkModeLimit = 7;
let darkModeCounter = 0;
function darkMode() {
darkModeCounter += 1;
if (darkModeCounter > darkModeLimit) {
alert('limit');
return;
}
console.log('darkMode: ' + darkModeCounter);
body.classList.toggle('darkMode');
}
tercerahkan thx broo
baru nemu chanel ini..membantu bgt buat sya yg mau baru bljar coding...kesuwun bang dea
I appreciate your hard work dude , you probably would've worked day and night to produce this masterpiece
di akhir video ini langsung coba tulisan modenya yang terganti dan berhasil, tinggal tugas 2 dan tugas 3 aja ni yang belum
gas terus
caranya gmn bang nambah button lgi kah di htmlnya? atau cara display: none; display: block; ya
Caranya gimana bang? bagian yang diubah mana?
@@jhonrizkysaputra3787 ga pande aku jelasin di komen bg😅
Banggg gua kembali minat belajarnya karna pengen nambah ilmu dan berbagi seperti luuuu mantappp
makasih banyak bang,karna content lu gua jadi pengen ngerokok tros
Alhamdulillah sesi 6 selesai, tugas juga udah tinggal nambah logic if %2 == 0 dan nambah mode berani jadi deh hehehe
Itu nambahnya dibagian apa ya bang?
Work bang, kalo boleh tanya arti %2 apaan bang?
@@jhonrizkysaputra3787 sisa bagi bang
Video bermanfaat gini ,ayo bantu share biar rame
Terima kasih bang,penjelasannya sangat jelas dan sangat membantu👍👍👍
makasih banget bang dea playlist-nya 😁
Urang Bandung syukur punya youtuber kayak gini, mau berbagi ilmu dan nongki bareng hehehe... Jika sekarang gw tinggalnya di Bandung, gas otw kalau ada acara nongki sambil belajar cuy. Salam dari Banjar. :)
banjar pangandaran ini teh? salken oge bro 👌
@@deaafrizal urang Banjar, di banjarmasin ka Dea. Salam kenal ka 🙏
@@deaafrizal bang bandung dimana na
pertama lihat video bang DEA langsung sukreepppp..
Reques donk bang belajar dasar-dasar react js
mantep wa baru gabung mudah2an bisa mengikuti
Pas gua gabut nonton dulu sampe selesai sambil ngopi ngudut udut abis langsung praktek nonton ulang lagi mode serius on🤣🤣🤣🤣
makasih a konten nya, membantu saya yg gabisa kuliah. mantap
menit ke 44 fitur dark mode habis, berhasil kang! thanks!
Next bikin Sistem Informasi ya bang, buat referensi temen” semester akhir
up
up
Kalo merancang si dari yg buat bingung saran sih hrs punya catatan sendiri. Kasihlah stabilo highlight garis bawah kutip udah gitu ae
Aku jg anak si
Ya km hrs rajin ke perpus baca buku TA yg judul si
Keren banget bang makin pengen belajar tros.🔥🔥🔥
Udah jalan di sesi 6 bang, sangat suka penjelasan abang dea
Makasih bang ilmunya
klo jatah dark mode harusnya pas switch ke light mode gk usah diitung sih bang... klo diitung jadinya jatah switch mode, dan logic yg awal udah bener bang...
Mantap bang mudah di mengerti
Bismillah belajar WEB dari Nol🔥
selamat siang bang,
bang mau nanya kalo semisalkan kita programer pemula.
mau membuat website, lebih baik dibuat dari awal atau kita cari template edit ?
mohon dibantu jawab bang.
terima kasih.
awal 👍
VIVA PROSES🔥
mantappp bang, makasih ilmunya. semangat truss. semoga banyak orderan drone rakitan haha
kewkwk ga ah capee tau
Adjirit....dosen gw dulu bosenin kalo masuk kelas...
Sering sering konten tentang javascript bang biar makin lengket logic nya
Anjay bisa gonta ganti class pake togel 😱😱🔥🔥 mantepp bangg
Ngikut kuliah online
Bikin website organisasi bang. Dari navbar, sampai isi2nya.
Mantap bang , tutorial yang banyak manfaat nya 😊
bang, bahas framework yii dong. ref nya msih dikit. pake bhs php juga bang
Hadir bang
ngoding bikin nagih cuy
Semangat bang.
Duh harus push nih yg lampu aja belom 😭banyak tugas sekul sih lagi ngejar php
Bang mau nanya, itu kaya variabel darkLImit, darkCounter sama dariRemining itu emng syntax dr js nya atau gimana?
itu nama dari variabel nya kyanya bang bukan syntax nya
bang tutorial bikin search box atau mesin serach aktif dong bg :)
Mantap bang ini yang di tunggu tunggu bang😅
Thank You Bosku
Oke mazeeh
Next buat standard penulisan code hingga architecture nya bang
Buat aplikasi ea enterprise arsitektur
Semangat terus bang
Kalau href nya dijadiin href("index.html") bisa kan ya? Apa lebih baik memakai function?
KEREN A
34:14 saya bikin lebih simple begini bener ga bang? kalo di test ga eror.
let body = document.body;
const modeLimit = 6;
let modeCounter = 0;
function darkMode() {
if(modeCounter
hatur nuhun kang ilmunya
gw mau jago coding auto subrek wkwkwk
23:40 done bang
sukses dan sehat terus bang dea 👍👍👍👍👍
Gokilah Abang Satu Ini🤜🤛
mau tanya web cuyuniverse apakah bisa diakses y ms??
@@shidiqarofinugroho9945 wah kurang tahu saya bang
I believe you can but tNice tutorials will depend what version you have.
Mantaf
terimakasih bang buat ilmu nya... saya mau kasih komentar dikit, itu home nya kalo di klik ikut reload padahal logic nya tombol restar doang yang pas di klik nge reload...
Mantaaaaaaap
sorry Bro, gua baru ngikutin, darkMode nya berhasil 👍👍
Very helpful 🤗
Bang buatin tutorial register/login PHP dong
up
bang, lu punya desktop ganti tema jadi dark aja, biar enak diliat, gua nonton lu malem terus soalnya hehe
Waduhh baca komen yg lain pada jauh,, lah ini saya mau ubah tulisan di tugas no 1 aja g mudeng, yg ubah MODE-DARK MODE-LIGHT..
sorry telat satu bulan baru nyoba, mantaps bet tutor lu
itu gimana caranya nampilin emot?
Dexlite 🤘
Bang buatin video logika tentang fitur serching di javascript dong
Bang kok saya pas dii replitnya ga keluar linknya ya, cuman keluar / itu , sayaudah kasih nama tp tetep keluarnya / mohon dibales bang udh pusing saya udah utakatik tetep gabisa🙏
Kayaknya harus bayar bang sekarang 😅 gua juga sama
@@Azril275 iya kayanya,mana 20 dolar per bulan lagi😌
All of my computers got the softwares here. I first install them on virtual environnt to make sure they're not malware. So I can assure
Bang ditunggu saran bootcamp belajar ngoding dari nol
ntar ya tunggu izin dari pemiliknya dulu 👍
bang request cara tutorial buat data mysql
Sering eror dan erornya cuman karna make ( ,) bukan (.) bgtu doang pusing nya minta ampun tpi setelah memperbaiki bener sih ada apresiasi tersendiri karna menyelesaikan troubleshooting yg sepele 🥲
console,log nyari nyari eror dimana taunya di bagian koma🥲
maaf bang untuk web pengumpulan tugas sudah ga bisa diakses ya?
saya mahasiswa baru
Abis pulang sekolah bang
Bang izin Tanya Di menit 39.03 utk pemanggilan elemen. Apa bedanya manggil elemen seperti abang sama getElemenBy.. Bang? Mohon dijawab bang🙏
Itu pakai getElemenyBy... Juga kok bro, cuman udah di deklarasi jdi variabel aja di awal script jdi ga perlu tulis getElemenyBy berulang kali
Bang, saya di website saya ada kolom2 pilihan, trus gimna cara masukin ke index nya untuk isian kolom 1 dengan beda html (beda file)
Hadir om
bang mau tanya klo mencari keyword untuk yg belum hafal itu nyarinya gmna ya biar on Point sama apa yg kita butuhkan ??
mohon dijawab bang , trimakasih 🙏
Mantapp halo bang
Bang, kalo darkRemainingLeft==1, itu screen body nya berubah hanya 4x loh
Alhamdulillah makasi bang aku masi bingung cara beli hosting gmn arhhhhhhh soalnya aku make hp ngoding nya make a code dan dcoder bang di komputer belum bisa ngetik 10 jari 🤣🤣🤣
baru ikutan bang
Bg dea: ada
td dll..
Pk dika: kok tidak ya.
Padahal sama2 pke vscode dan css. Saya belum paham. Coba jelasin bang. Haturnuhun
referensi bikin tabel beda2 bro 🤗 selama berfungsi maka itu bisa saja benar.
Oh gitu yak..
Bang coba bikin tutorial cara manggil property, elemen, navbar atau yang lain di CSS bang.. Masih pemula dan bingung 😁✌Haturtengyu bang..
wkwkwkwkwkkw Baru bener bener ngeuh maksudnya return di dalem bracket if itu apa ketika muncul console log dari bracket if (darkRemainingLeft == 1)
thank you kanggg
sama2 brader!!
keren bang👍
oiya mau tanya pak.
klo JS, ada string manipulationnya ga sih?
soalnya saya pernah belajar bahasa pawno, dan itu mirip" logicnya kaya java script ini, cuma beda input aja.
apapun bisa kok, tinggal gimana developer bermain 😜
hmm, oke pak
Bang videonya jangan di take down atau di hapus ya bang , saya masih belajar
bang kali kali live biar enak nanyanya
Bang kasih saran universitas it dong
maaf bg mw tanya,, di menit 35
kalo jatah dark mode di klik itu 5 x,, berarti kan dy harusnya bisa di klik 5 x kn ?
baru dy habis jatahnya ..
tapi yg di punya abg ini aku coba cuma bisa 4 x di klik langsung habis jatahnya ..
5x tombol di klik, coba di cek di menit menit berikutnya ya 👍
kang yang dimaksud body.classList itu apa? apa nama semua class yang di css? atau memasukkan class dark ke dalam body?
menit 33.38 kayak gini kang
let body = document.body;
const darkLimit = 5;
let darkCounter = 0;
function darkMode() {
darkCounter++;
if (darkCounter
biar tau lebih detail coba di console.log aja si body.classList nya, jawabannya muncul disitu