Tutorial Bootstrap 5 - PART 1 (Bikin Web Portofolio Kerja Programmer)
ฝัง
- เผยแพร่เมื่อ 30 ก.ย. 2024
- Tutorial Bootstrap 5 Membuat Website Portofolio Kerja Programmer.
Keseluruhan video:
SETUP: bit.ly/deacour...
PART 1: bit.ly/deacour...
PART 2: bit.ly/deacour...
PART 3: bit.ly/deacour...
PART 4: bit.ly/deacour...
PART 5 (FINAL): bit.ly/deacour...
More Detail On This Playlist: bit.ly/deacour...
TONTON JUGA VIDEO MENARIK LAINNYA 👇
YANG BIASA DIALAMI PROGRAMMER: • Yang Dialami PROGRAMME...
CERITA LUCU PROGRAMMER PART 1: • PROGRAMMER NGELAWAK YA...
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...
Konten menarik lainnya:
Laravel 9.x - Apakah Layak? • LARAVEL 9.x UNTUK PEMU...
CodeIgniter - Apakah Masih Layak? • Tips Belajar Programmi...
Apa itu Library & Framework? • Video
Tips Programing Dari 0? • Tips Belajar Programmi...
👇 komen untuk kritik dan saran terbuka gratis 👇
Cara mudah bikin web pake html css dan bootstrap mulai dari 0 cocok banget buat pemula, semoga apa yang gue share bisa cukup friendly ya cuy 😘.
di part 1 ini kita bakal belajar cukup banyak pemahaman seputar struktur sebuah website, walaupun mulai dari 0 tapi tetep kita jangan lupakan intisari dari setiap konsep yang ada. Kayanya, jarang banget orang yang bahas hal ini di youtube, maka gue coba open ke publik supaya bisa membuka wawasan baru buat yang belum tau.
keep learning n enjoy cuy! 💪
#programming #teknologi #tutorial
🚀 Daily on Tiktok @dea.afrizal / / dea.afrizal 🚀
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
👇TH-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 🔺🔺🔺
yang saat ini kendala *VSCODE* nya gak bisa pake shortcut *! + TAB* di keyboard, diketik manual aja ya bro format html nya mulai dari
@@darkdanu9156 Mantapp tks bang
Saya ikutin langkah2 nya jd bisa lagi 👍👍👍
bg punya saya dropdownnya udh diklik kok gamau munculin kontennya ya?
Bang punya gue visual Vidio nya enggak bisa bikin folder baru buat home about nya bang
makasi bg
@@bahh3480 sama gan, sudah ada solusi ?
jujur si bang pembawaan lu enak, ibarat pemrogrman yg butuh focus tpi jadi enjoy aja klo pas nerangin enak kaya kelas terbuka juga enak, saran bikin tutorial dari 0 - final entah belajar php or ci or laravel, supprt terus bang demi bangsa biar bisa kaya india or negara lain yg devnya bisa bersaing
Betul itu rizky
betul rizki
Betul banget Rizky
betul, dari nol, yang buat awam seperti ane, dari segala elemen kenapa command textnya ini itu, biar ngerti gan hehe
Bang gw belom ada sama skli vscode gimana ya cara install sampe setting sampe kek gini 😅🙏,ada gak videonya, makasih bang
Semoga amal ibadahmu diterima disisi-Nya bang..mantap bettt
Sumpah saya ikuti ini dari awal langsung jadi, bukan mukjizat tapi benaran terjadi 🙏🙏✌️
Dari awal udh stuck,caranya gabungin file nya gmn bg,kalo di gw yg sosmed ama home about dll jadinya kayak file brosur bg terus,gw makek cara lain dengan salin dari indek.html ke about nah ku tempel udh kan, terus gw tulisin semua,nah gw dh pasanag live itu,pas aku run itu index nya tulisanya home page bener kan giliran mau cek yg about tu eror bg,keknya karna ga ku ganungin file nya nah caranya gabungin gmn.
Bang saya masih muncul tulisan homepage padahal udah di edit di index.html nya tulisan sosmed itu gmn bang? Apaakah ngaruh kalo buka browser opera mini selain chrome?
Bg kalo kalo copas dari bootstrap apa diperbolehkan di dunia kerja?, dan pasti bakal sama dan mirip2 kaya orang2
permisi bang dea mau nanya, kalo pas di inspect biar muncul tampilan di HP itu gimana caranya bang? apakah pake extension? 🙏
semangat terus ya bang buat videonya,,saya baru masuk dunia percodingan di SMK, penjelasannya jelas bgt, semoga bisa paham di video video seterusnya, makasi bang
sama bang, dari jurusan RPL
Keren bang,sayang laptopnya belum ada jadi belum bisa praktek,moga aja 6 bulan kedepan berhasil kebeli
Bang ko punya gua sosmed galery contact eror dah pdhl about home nya bisa di klik
Kalo ada yg eror saat menuju ke link halaman lain coba gabung aja smua file html ke satu folder , dan untuk link hrefnya ganti namanya jadi misalkan home.html , sosmed.html ,dst. Gua soalnya ky gitu juga
Makasih bg kebantu
Gw gabisa gabungin nya bg
Terimakasih mas, pertama kali saya tau soal format folder" an kayak gini, sangat membantu
masamaa cuy 🤙
Gaya ngejelasinnya enak buat di fahami... Ini bner2 guru yg wajib gue ikuti nih... ... Mkasih bang... Hatur nuhun.. Berkah bang
bang ko gw gaada live server nya? bingung bet gw baru main laptop soalnya
bang, pas gua inspect di chromenya ko tampilannya ga ada gambar handphonenya, dan dr beberapa font, yg di punya lu tebel fontnya digua kaga, beda dr mananya ya bang, apa dari versi chromenya? makasih ilmunya bang
coba update chrome ke yg trhir, trus utk font pemanggilannya udah bener kan di css nya?
install juga "whatfont" extension chrome.
dipastikan koneksi internet aktif juga pas ngoding ya 👌
@@deaafrizal kayanya ga ada yg ke skip dah bang css pemanggilan fontnya,😁 ok bang taj utak atik, thanks atas responnya
Kak yang pas awal membuat folder ga ada menu open menggunakan vs gimana ya caranya jadi gak bisa otomatis ke save di folder nya harus manual
Ngesave nya pake ctrl+s bang?
bg plis jawaab dimenit 03:47 kok di komputer aku ga bisa jalan tanpa ada indeks html nya, harus ada bg, kalo gaada kok malah jadi lain ya bg.... plis jwab bg.. gua mau jadi progamer kyk lu bg...
pokonya mesti ada file index.html di dalam folder, klik 2x file tersebut atau open with browser atau tarik file nya ke browser. coba dulu gitu bro
Bang kenapa live server saya tidak fungsi
Bang kok gw ga bisa ya salin file index.html ke about dll apa karena gw pake hape kasih tau dong yang tau solusinya gw pengen belajar ngoding tpi ga ada laptop atau pc
mudah di ikuti tutorialnya bang, haturnuhun ilmuna,,,
live server setelan vs code nya defaultnya microsof edge, cara mengubah live server mnj google chrome nya gmana ya ..yg tau tolong jwb dong
soalnya kalau di chrome eror,tp di microsof edge gak,
bang yang part 5 nya kurang jlas dari part 4 ke part 5
orait ntr di cek ya
@@deaafrizal trima kasih kak sminggu ini boalk balik belajar ketika masuk ke part akhir ada sebagian codingan yg gk masuk bahasan di part 4 nya pengen bisa sih sehat selalu ya kak
Bang thankyou bgt gw yg gk ada basic programing sama sekali bisa paham dan ngikutin step by step tutornya.
Sehat terus bang🙏🏻 semoga rezekinya luas.. Aamiin
C++✓python✓html dengan CSS aja lagi yg harus saya pelajari
bang cara biar ada gambar handphone nya pas di inspect gimana ya?
OK BANG , Tuntas gw ikutin dan hasil nya sama .... josss matul
Bang gw kan msh kelas 10 yak klo tau beginian itungannya cit ga sih soalnya guru gw ngajar cuma C ikut booster sekolah disuruh belajar CSS Ama html fungsi tag dll tp pas gw nonton videonya malah ngantuk, klo liat lu kaga. Dari sekolahnya di daftarin codepolitan sama nonton video sandikagalih, btw itu bakalan relevan ga ya gw bingung mau mulainya dari mana
bg gua nyoba slash kok file nya ga ke panggil ya itu penyebab nya biasa nya apa
Salah tempat itu bang,yang di bagian
Gua salut ama loe bang teknik mengajRkan cepat dipahami,step by step,jadi orang kagak bingung ketika mengaplikasikannya,gua minta kontak bang
Bang kalau live servernya aku matiin aku buka index.html kok ga keluar bang framework dri bootstrap acak2an gtu bang tolong bang ini buat program KP bang
Makasih bang ilmunya, walaupun gak ngerti sama sekali tentang coding tapi penjelasannya mudah di pahami
, kenapa baru sekarng chanel lo bro gw liat..tutorial lo luar bisa perlahan tapi jadi paham👍
Asli jarang ditemui materi struktur2 folder keq gitu bang, keren parahhh! terima kasih banyak pisan bang Deaaaa✨
Mantap bang makasih banyak, banyakin lagi buat pemula yg mulai dari 0 kaya gua bang
Klo dropdown ga berfungsi gimana bang? Saya tunggu jawabannya
Bukannya pake edge atau chrome?
Mantap bang. Membantu mahasiswa banget dalam memahami kadang di kampus gak sejelas ini Dan gak sedetail ini. Cuma konten ini yang kodingannya sesuai, jelas, clear. Kalo yang lain gak semua kodingannya di liatin. Di ikutin dari awal ehh pas testing gak sama . Berkah ilmu lo bang gue doain
Konten yang dicari carii makasih baang berkah selaluu sehat sehat ✨
Thank you bang penjelasannya enak dan mudah dimengerti, semoga sehat selalu dan makin jaya channelnya bang dea
Cepetan upload donk part 2 nya
BAAAANG DEAA tolongin donggg kok punyaku malah jadi nyamping sihhh ga bisa kebawah gituuu urutannyaa???
Cara agar ada klik kanan vscode gimana ya bang? Nyari2 ga nemu2 caranya
Gua subrek menarik
Mantappp bg
bang mau tanya, td gw coba buat iktin lu yang d menit ke 3 buat make shortcut ctrl+shift+p trs ketik live server, tapi malah no matching commands, padal gw udah install live servernya, gmna bang ngatasinnya, makasih bang
Mantap bng masuk ke otak👍sukses terus bng🙏
Ditunggu part 2 nya bang, sangat bermanfaat dan dapat ilmu nya
Makasih bang ane baru pertama kali tapi udah lumayan ngerti karena penjelasannya mudah banget dipahamin... Saya juga udah subscribe mantap👍
Tiba menit 23.06 gua jdi bnyk mslhny bg,ngulik 1 1 kaga nemu pusing akhirnya gua hapus semuanya besok gua coba lagi
Bang tanyak ketika udah selesai terus keluar kenapa kok hasil dari about,contact,gallery,sosmed jadinya amburadul harus open live server dulu baru bisa bener lagi?
20:55 mahh bang gua sama kaya gitu please bang bantuin gua kok gua gitu nggak sama kaya abang please bantuin bangg di mananya yang salahnyaaa🙏
nanya bang. saya pake mac, kok ga bisa pake live server ya, udah open ga langsung open otomatis ke chrome bang, mohon pencerahan 🙏
bang mau tanya.. saya sudah lakukan copas di navbar.. tapi yang menu dropdownnya kenapa gak bisa di klik yah? saya sudah ulang dan cek seksama tapi masih gak bisa di klik. padahal lihat sample di bootstrapnya bisa saat menu dropdownnya di klik maka terlihat isi lainnya, tapi yang saya gak bisa. apakah ada yang terlewat....(padahal yang lain normal)
Bang bahas bootsrap studio dong bisa ngebantu seberapa banyak
Dropdown sudah saya ganti others namun di live server " others" tidak bisa diklik kenapa yah bang cuy ?
about nya malah eror dahlah padahal ngikutin dari awal bgt
coba kodingannya dihapus semua yg di file about, contact, gallery, sosmed. terus copas semua kodingan yg di homepage terus titlenya juga diganti sesuai dgn nama filenya sama jangan lupa disave terus coba lagi di live servernya. semoga membantu bro 🙏
Semangat bang, saya sangat excited dengan tutorial dari abang
thanks a lot! 🙌
Makasih bang tutornya lengkap. Semangat terus, NEXT PART 2 YA !!
#BANTUMAHASISWA
gaskuyyyy
Gampang dimengerti Kang, nuhun pisan share elmuna.
bang kalo ctrl-shift-p ngak bisa ada alternatif lain ngak bang ? tolong di jawab bang
via menu bisa dicari bro
@@deaafrizal kk bang ,makasih bang udah di jawab semangat terus ngonten nya bang ...
Bang kalau offline scriptnya gimana bang untuk pengambilan bootstrap cs dan jsnga di text editornha
bang klo download mockup adobe xd ada gk ya. buat kita yg msh belajar gk bisa drsign ui ux
BANGG TOLONG JAWAB KENAPA OTHER KU GABISA DI PENCET TOLONG JAWAB BGG UDH MAU AKHIR NIH
Saranku sbelum ikut seri ini pelajari dlu dasar html css, kalo aku di channelnya pak sandhika hehe
bang kalo copast dari bootstrap punya gw kok yang dropdown gabisa di pencet ya (gk ngedrop gitu)?
Di tunggu part 2 nya bg..
Mntp cuy, bermanfaat 👍🏻
orait thanks cuy!
Mau nanya nih bang, kalau dibulan puasa copas content web orang dosa gak? 😅
selama ada apresiasi mestinya gak dosa dosa amat ya wwkwk gak haram kok hukumnya, mungkin lebih ke ......
@@deaafrizal batal😄?
bang punya gua kalo yang dipanggil folder nya ,indeks html nya galangsung dieksekusi knapa ya bang.
jadinya codingan gua kek gini :
HOME
ABOUT
CONTACT
GALERRY
SOSMED
-bermasalah kedepan nya ga ya bang
tapi kalo pake codingan itu normal bang ,langsung di eksekusi indeks html nya
Nah ini yg gw cari brayy
bg punya saya dropdownnya udh diklik kok gamau munculin kontennya ya?
Kenapa bang setelah di copy mau di tempel ke about sama yang Laen ko gak bisa di tempel kenapa tuh bang 🙏maaf awam ini
bg punya gw udah mirip bgt sma coding lu tapi kok tetep gk bisa dipencet gimana ya bre?
Kebanyakan lu ngasih iklan jadi tamnbah pusing nih, iklannya cukup benner aja, yg bumper jangan sering²
Alhamdulillah bisa sedikit , coba ulang lagi makasi bang
gasabar nunggu lanjutanny👍👍
Auto subscribre 👍👍👍👍👍 kerennn jadi paham
mantab bwang, baru coba dah makin penasaran aja nih main code, bismillah
kok yg aku menu other ny g bisa di pencet ya bg?ad yg tau?
Mungkin scriptnya ada yang kehapus
Kalau gak javascript atau gak cssnya gak bisa. Atau gak browsernya belum di update.
Bang minimal spek laptop buat ngoding apa bang yang murah aja bagi pemula. Jwb bg
aman kah bang kalau kita bikin seperti ini lalu kita share link nya ke orang
bang saya sudah copas semua bootsrap nya ke tiap tiap folder tapi ko masih error ya?
BERMANFAAT BANGET BANG PENJELASANNYA RINGAN DAN MUDAH DIMENGERTI TERIMAKASIH BANG!
thank u cuy 🙌
Bang nav bar nya di buat satu aja Dan kita panggil pake include bisa ga bang?
Bg other ku gabisa dipencet knpnya
Link part-nya langsung aja pake link asli jangan pake bitly, biar ga bulak balik ke google
Bang saya mau belajar,boleh minta wa nya bang....
Bang cara ngatur tampilan code suapaya terlihat tidak panjang saat coding di viscode gimana ya ? itu pake extensi lagi atau emang ada di pengaturan ? Soalnya cape banget lihat tulisannya terus nyamping kenan panjang banget . Terimakasih banyak
alt+z
@@myusuf3262 Makasih banyak mas, sudah bisa pas ane coba saran nya
Bang kalau Introduction nya ga pakai yg online, gimana ya?
Akhirny gw paham, makasii bang😭
Thanks bang jelas dan cepat di pahami sehat terus bang terima kasih atas ilmu nya
amiiin, thanks juga dah mampir cuy 👌
Bang mau nangis channelnya kelewat bagus, baru pertama liat channel langsung tertarik programmer, mangat kak
kuyyy semangat, tonton juga video terbaru yaa selalu update tiap hari lho 🤪
Bang klo live servernya error gmn?
Coba bang bikin web di react
bang worth it ga sih,, kalo gw cuma bisa dasar html sama css trus lngsung belajar boststrap tanpa harus mahir di html sama css nya??
oke ko, ntr juga bisa sendiri asal barengan aja belajarnya
MInta solisunya ni Dropdown nya gabisa di klik
Gw baru tau basic html css + lg buat portfolio, dan br liat channel lu thanks bgt diajarin. Apa cara pakai bootstrap cmn gitu aja bang? Jd utk memudahkan kita, jd tinggal copy kek navbar, absiitu ganti2? Yg youtuber laen kurang dijelasin secara detail soalnya :v cm elu yg gege
Semangat bang... Sangat bermanfaat banget, apalagi buat yg pemula kayak saya...
thankss arta 💪
hallo mau tanya bang punyaku kok disetiap navbarnya ada /li> knp bang ya. Terimakasih
bang saya udah install live server, diketik setelah ctrl+shift+p gak muncul bang live server ? mohon bantuannya bang
nh gue ginianjr