Bikin WEBSITE FILM Pake REACT JS Bootstrap Untuk PEMULA
ฝัง
- เผยแพร่เมื่อ 28 มิ.ย. 2024
- KHUSUS UNTUK PEMULA yang mau belajar javascript dari 0 mulai dari react js (yang udah jago, SKIP VIDEO INI).
Belajar programming membuat sebuah website sederhana (statis) menggunakan bootstrap dan react js yang sudah sangat populer di indonesia.
👇👇👇
Check playlist lengkapnya untuk mengikuti progress projek membuat website film:
• Web Film (Deprecated)
TIMELINE:
00:00 introduction
03:50 instalasi react js
09:10 hal-hal penting javascript
11:00 instalasi react bootstrap
18:45 navigation bar
30:50 landing page content
44:20 movie list hardcoded
01:09:15 touch up
01:12:25 hasil dan kesimpulan
💥 apa yang dipelajari? 💥
-fundamental react js
-pengetahuan penting seputar struktur react js
-belajar membuat komponen sendiri
-integrasi framework bootstrap 5
-belajar css dasar (flexbox layouting, custom css & styling lainnya)
-javascript es6 function, import library, import export component dan lain-lain.
💥* apa yang dihasilkan? * 💥
website statis (hardcoded) sederhana menggunakan teknologi javascript modern web (librari react js) untuk portofolio programmer frontend. part ini hanya UI onleeehhh, no data...
karena cuma 1 jam & khusus untuk pemula dulu, so kami tidak bermain data orait! 😉
🔥 FEEL FREE TO LEARN 🔥
LINK DOWNLOAD SOURCE CODE 👇
github.com/deaaprizal/rdeafil...
React JS Official Docs 👇
reactjs.org/docs/getting-star...
React Bootstrap Library 👇
react-bootstrap.github.io/
Node JS Download 👇
nodejs.dev/download/
SAWER TAKEWERKEWER: saweria.co/deaafrizal
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
☕ Discord ☕
/ discord
🚀Tiktok @dea.afrizal / / dea.afrizal 🚀
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
![[LIVE] : ONE ลุมพินี 68 | คู่เอก "พระจันทร์ฉาย vs โจนาธาน"](http://i.ytimg.com/vi/F3IM3w-XchI/mqdefault.jpg)
Keren bgttt ini mah videonya pas bgt lagi belajar react, semangat terus bang bikin videonya💪🏻💪🏻💪🏻
konten gini yg ditunggu , thanks bang semoga berkah Yee Lebarannya
Terimakasih bang detail sekali pembahasan terkait React JS nya. Saya yg baru belajar dasar pemrograman web jadi lumayan paham.
sangag bergunaa penjelasan yg mudah dipahami semangat slalu bro buat konten coding buat pemulaa yang dari awal kek gini yg langung buat project
Ini tutor yg saya tunggu, gabungan bootstrap dan react js. Jarang" Tutor react js dan bootstrap hehe
Mantap bang, aku sendiri lagi dalemin framework CSS . Kebetulan ada ini jadi balik lagi belajar js dulu 👍🏻 karena dulu sempet belajar js dan js dom juga
Nggak boseng gw nonton konten 1jam kek gini.Semangat terus bang
Ditunggu bang part selanjutnya.. semoga generasi programmer Indonesia semakin banyak 🙏
Materi yang sangat bermanfaat, penyampaian yang enak, suara yang pas di telinga, delivery tepat waktu, packaging rapih. Pokoknya puas belanja di sini. Bintang 5
⭐⭐⭐⭐⭐⭐
ahahahaha 👏
Madep kieu 👏 .. mantap bang
Terimakasih bang videonya pembelajaran ngodingnya, sangat bermanfaat 👍👍👍
Terima Kasih brow... ni yg ane cari... sukses slalu ya brow...
Thank's banget Bang.sering sering dah buat Video ginian,kalo bisa ada playlist buat khususon react hehe.beberapa hari tersesat,mau belajar react ga ngerti cara kerjanya wkwk.otw nyawer
Akhirnya.... Thank you, Bang De.
mantep beut bray tutorialnya,, nuhun pisan...
btw thanks banget kang dea, alhamdulillah saya paham dikit" tentang react juga pembawaan materinya gak bikin ngantuk😂.sehat selalu kang
Mantap ilmu baruuu...
Semangat terus bg buat beginian,bermanfaat bngt semoga abg sehat selalu dh😁
penjelasannya benar2 mudah dimengerti bang, kebetulan saya juga lagi pusing belajar react, habis liat video ini jadi agak paham cara kerja react, semangat bikin kontennya bang !
sama2 bro, good luck ! 😉
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\pc\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\pc\AppData\Roaming
pm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in: C:\Users\pc\AppData\Local
pm-cache\_logs\2023-09-05T23_57_21_310Z-debug-0.log
PUNYA SAYA BEGINI BANG ADA SOLUSI KAH?
@@deaafrizal
emang penjelasan mas dea sangat mudah dipahami 👍🏽👍🏽
Terimakasih ilmunya Bang Dea, semoga di beri kelancaran rezeki dan di beri kesehatan.
Thanks bro, izin ngamalin, izin ya brother biar ngeresep di otak hehe 😄😍🥰
lebih dari kata keren sih ini, ngebantu banget buat pemula broo. kl boleh req full react sampai ke tahap deploy broo hehe.
semangattt brotherrr🙌
Wah. Ternyata react simple ya. Request tutorial dari hasil slicing bang, thanks btw
mantep idola, lebih manis lagi data movienya pake public api wkwkwk 👍👍👍
terima kasih ilmunya kak, sangat bermanfaat
uisshhh keren banget, gw ngikutin tutorialnya WPU aja bikin pencarian filmnya aja dah gagal mulu njirr, finally berhasil juga. wah semnagat lah bng
Gillsss Keren juga bang
IDOLAAA AINGGGG 😍
terima kasih ilmunya om, enak banget menjelaskan, ga bosan2 nonton. klu pakai data movie dari rapid api gimana yah om ?? semoga berkenan dibuatkan tutornya
Sering2 bikin bgini bang 🔥
Banh coba bikin CRUD pake realtime database firebase.. Pake JS
Mantap atu bang, buat latihan untuk saya belajar react👍😂
Penjelasan nya lumayan detail 👍
noted bang.. abis laravel pengen juga ke js fe nya.
ga ada obeng emang bang cuy
satu jam full nonton mantap ni video
edann jos gandos 🔥
ketika anak tongkrongan ngoding, mantabb boss lanjutkan
ditunggu lanjutannya bang 😁
Mantap bang, nc konten
Works thank you sir❤️🔥🧿
diliat liat cakep juga nih rambut baru
Terima kasih banyak buat ilmunya bang
Mantap
Gue masih belajar javascript, tapi pas liat video ini kok bener bener paham ya. Penjelasannya mudah dimengerti dan pembawaannya ga kaku. Semakin semangat untuk belajar javascript lebih lanjut. Mantap bang dea👍🏻
Mantap cuy.
Terbaik
Mantaaaapppp!!!
Ditunggu tutorial bikin website untuk pemula sampai deploy release 🔥🔥
Nonton tanpa skip mantap
Sering buat kaya gini aja bang, langsung buat web pake framework
Bagus juga, ini keknya yang kucari,, coba kasih cara nambahin film nya dong bang? + Play movie nya.
Semangat terus bang
ga sekalian request gmn cara bikin situs film bajakan
mantap👍
Emang pro abang ku yg 1 ini 😁
bermanfaat banget, thank you kak
Mantap dea aku bangga
wihh keren bang
Sehat dan sukses selalu bang 👍
Wkwkw inget gw punya temen model kaya gini org it, tapi sayangnya ilmu yg dia gunakan salah. Pernah dia bobol biling warnet sampe unlimited, dan saya juga menikmati dari teman saya itu. Sekarang mah tobat
gua subscribe lu bang, tolong bikin banyak tutorial buat pemula kaya gua.
Mantap
Selanjutnya mungkin bisa pake PROPS agar komponennya bisa di reusable
Tutorial REACT JS nya donk.. sama latihan nya .. dan PR buat yang mau latihan...
Wah keren ya
Mantap Bang :D
Next pake api bang untuk fetch gambar sama filenya, bisa pake framework api dummy aja
bagus bgt bangg, btw extensionnya apa aja udh pernah dibikin konten belum ya? bagus soalnya tu haha
Thankyou bang materi nya
Tenyu bang.. langsung sub. Toling buatin yg backend dong biar dinamis gtu.
Terima kasing bang videonya sangat membantu 🙏
Terima Kasih..
Baru belajar react semoga bisa lancar🙏🏻
Alhamdulillah request'an gw dipenuhi,
Gw kira abang cuy sudah kelupaan nerusin playlist react js :v
Semoga sehat selalu tambah rezeki dan cepat diberi momongan Bosque
Bang request bikin tutorial React & Golang JWT Authentication & CRUD dong bang 👍
Sumpah ini ilmu geratis sangat ribet tapi bikin ketagihan dengan cara menjelas kan
Bro kalo pas install set up create react nya gagal failed itu kenapa ya
Gokillll
Wah sekali nonton langsung faham react js gua bang 😂 thx bang ternyata ga syulid 😅
Keren bang ✨
Banyakin konten beginian banh buat pemula yg pengen belajar ngoding cuy
tutor mantap ini, ijin save bang 🙏
makasih ilmunya
sama2 brodi
Bang, lebih sering lanjut bang
lu paling gampang gue tangkep ilmunya
runtut soalnya
kerenn banggg landing pagenya wkwkw
Bang tolong coba ajarin buat website nonton tapi berbasis vr gitu pake framework A-frame atau ga three.js. Soalnya lagi pengen banget tapi bingung belajar lewat mana
@Dea Afrizal bang, lanjutin tutorial nya ke dalem postingan, part berikutnya, thanks
Nuhun broo . Gua modif sedikit .. soal UAS gua gini tinggal sambungin ke backend terus lanjut ke github 🐒
madeep bang
assalamualaikum warahmatullahi wabarakatuh bang lanjutin pembahasan react js bang saya pengen fokus ke react js biar paham lebih dalam hehe soalnya cari channel lain agak susah di pahami bahasa penyampainya,lewat channel inigue jadi paham react js jadi enjoy aja kaya maen game wkwk 😂🙏
To say right
bang bikin project MERN dong saya soalnya masih bingung integrasi backend sm frontend
Bang request tutorial bikin web atau mobile app pake flutter bang pliss :')
bang, coba bahas Database yg cocok untuk react atau next js sesuai pengalaman.
izin bantu jawab bang edi.. Mongodb keren kita kayak nulis json, kalau digabungin dengan react biasanya kodingan kita akan kebawa ke salah stack yang terkenal yaitu MERN (Mongodb, Express, React, Nodejs). Makasih.. semoga bang dea bisa ajarin kita MERN stack
yang cocok jelas yang sesuai sm kebutuhan, ga semua case cocok sm mongodb
Gg gimang
Makasih bang
bang sering buat tutorial kek gini
Nonton ini jadi muncul ide buat bikin website nonton anime
Bang sekali² bikin project pakai android studio dong🙏😁
akhir nyaa
Pertama bng
Podcast fuadit cuy plis