JAVASCRIPT BOOTSTRAP MYSQL Database Untuk Pemula

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 มิ.ย. 2024
  • Tutorial cara termudah koneksi database menggunakan javascript sekaligus membuat server. karena gue udah lama gak maen php jadi coding kali ini bermain node js server side javascript dengan mysql database ya bro anggap aja fullstack 😉
    supaya programmer lebih lancar mengikuti tutorial level beginner ini:
    1. mengerti sedikit penggunaan html
    2. mengerti sedikit penggunaan javascript
    ✨Goals ✨
    1. bikin web untuk list data murid, mahasiswa atau siswa. crud sepotong sederhana cuma modal html dan javascript
    2. logika dasar bahasa pemrograman untuk bisa terkoneksi dengan database, get data & insert data query
    3. integrasi antara frontend dengan backend
    🔥 Teknologi yang dipakai 🔥
    1. node js (javascript backend server side)
    2. ejs template engine (client side)
    3. mysql database + apache server / xampp
    TIMELINE:
    00:00 Setup persiapan
    10:00 JSDB Connection
    13:20 Select Data
    18:35 EJS Engine
    23:30 HTML Loop
    25:57 Bootstrap Setup
    29:30 Hasil Tabel
    31:40 NoDemon
    32:45 Insert Data
    42:00 Finishing
    FEEL FREE TO COPY OR DOWNLOAD
    SOURCE CODE:
    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 🔺🔺🔺

ความคิดเห็น • 369

  • @deaafrizal
    @deaafrizal  10 หลายเดือนก่อน +12

    jangan ragu untuk nyimpen komentar disini buat dokumentasi belajar kalian untuk masa depan guys, balik lagi kesini 1 atau 2 tahun kedepan kalian bisa liat progres seberapa jauh yang udah ditempuh dan mungkin kalian kangen jaman2 ngoding ngikutin tutorial tutorial receh & dasar kek ginian. semangat meniti karir!

    • @mwm2336
      @mwm2336 6 หลายเดือนก่อน

      Bang keknya salah playlist deh ini :v, ini sih harus jago JS dulu :v. Ya menurut gw si gitu bang. 😅. Tapi lumayan lah liat2 dikit. Gak perlu gw pahami, anggap aja kek pengenalan kalo JS bisa buat database. Anggap aja gitu yekan :v

    • @uptoyou1105
      @uptoyou1105 3 หลายเดือนก่อน

      Siappp

  • @totitoti7863
    @totitoti7863 2 ปีที่แล้ว +12

    asli bang, gua suka banget sama javascript ditambah penjelasan lu yg enjoy makin paham cara kerja dasar dari backend. tengkiu bang, sukses teross..

  • @ErlanSebastianUsin
    @ErlanSebastianUsin 2 ปีที่แล้ว +3

    thankyou bang, penjelasannya mudah dimengerti buat pemula

  • @DaniKurniawanElFata
    @DaniKurniawanElFata ปีที่แล้ว +1

    Ini orang gak normal.. sumpah keren parah pemikirannya tentang JS.. gw subscribe loe sekarang bang .
    Gila lho baru tau gw kalau ada channel ini

  • @ikhsanchill6219
    @ikhsanchill6219 2 ปีที่แล้ว +2

    Channel yg paling memahami perkuliahan ku saat ini

  • @meh3484
    @meh3484 2 ปีที่แล้ว +60

    Keren a....penjelasannya bener² gampang di cerna ama saya yang bahkan lemot mikir😭😭😭

    • @deaafrizal
      @deaafrizal  2 ปีที่แล้ว +25

      jangan merasa lemot bro, mungkin tutorial yg selama ini lu tonton kurang cocok ama lu. cocok cocokan soalnya bro kek lu milih cewek 🤣

    • @nightfury5077
      @nightfury5077 2 ปีที่แล้ว

      @@deaafrizal ini tutorial apaan jmbd

    • @galihrestubaihaqi5892
      @galihrestubaihaqi5892 ปีที่แล้ว +3

      bang CRUD dong

    • @ilhamputras3859
      @ilhamputras3859 ปีที่แล้ว

      @@deaafrizal bang klo dah bisa programmer itu kerjanya dimana bang ke perusahaan atau kaya usaha gitu sama kayak TH-cam

    • @yogs01
      @yogs01 ปีที่แล้ว

      Bener tu, bg Dea klo ngajar agak mudah dipahami klo dibandingin bljr coding dgn yg lain

  • @ronysetiawan7184
    @ronysetiawan7184 2 ปีที่แล้ว

    beberapa hari dapat sugest tips2 dan cerita programming,. hari ini dapat tutor praktek langsung ... siapa tahu nanti bisa ketularan ilmunya, buka wawasan khususnya web programming ... masih pemula, selama ini masih berkutat di desktop

  • @chan24ichan28
    @chan24ichan28 ปีที่แล้ว

    You explain it so well , loved tNice tutorials tutorial.

  • @muhamadrifai4674
    @muhamadrifai4674 2 ปีที่แล้ว

    Bang makasih ya, sehat terus. Semoga jadi amal jariyah buat abang dan keluarga.😊😊

  • @panduprayudi9723
    @panduprayudi9723 ปีที่แล้ว +1

    buat ini di dreamweaver mudah kali bang ... tinggal main klik klik langsung jadi .. terima kasih bang .. auto cba cara manual

  • @dikrirjw6524
    @dikrirjw6524 ปีที่แล้ว +1

    Belajar jadi lebih enjoy gak dibawa tegang 👍🏻

  • @finaaurelia2872
    @finaaurelia2872 ปีที่แล้ว +1

    nice channel buat belajar nih, good job bang

  • @noir_blanc99
    @noir_blanc99 ปีที่แล้ว

    Mantap bang dosenku jelasin di kelas 3 jam tdk paham sekali. Lihat ini jadi lebih paham yg di maksud dosenku

  • @rizaaminudin698
    @rizaaminudin698 2 ปีที่แล้ว

    Makasih Kang Dea tutorialnya 🇮🇩🙏🏻

  • @nnivxix
    @nnivxix 2 ปีที่แล้ว +1

    Sangat ramah untuk pemula. ❤

  • @CodeWithAndiw
    @CodeWithAndiw 2 ปีที่แล้ว +1

    mantap bro jadi dapet insig tentang node js 👍🏻

  • @gilang7209
    @gilang7209 2 ปีที่แล้ว

    mantap cuy. di tunggu part selanjut nya bang req tambahin edit,delet bang

  • @Dendrafrz
    @Dendrafrz 2 ปีที่แล้ว +8

    bangg Dea terima kasih ilmu yang sangat berguna bgt buat membantu repository sekolah untuk skripsi gue dan bermanfaat untuk di karir saya nanti jadi full stack web. sukses terus bang dea, tetap buat konten terus!

  • @memeaswindra7819
    @memeaswindra7819 2 ปีที่แล้ว +4

    Gue kerja di bagian adm , di perusahaan
    Sehari2 gue pegang komputer jalanin sistem aplikasi dan website , pas nonton ini gue merasa bodoh sekali bang , dlu nyesel skola ga bener bener belajar 😂
    Keren lah pokonya joss penjelasanya
    Sehat2 bang 😁

  • @hahnaveiro170
    @hahnaveiro170 2 ปีที่แล้ว +1

    auto subskrep. thanks bang tutorialnya

  • @fajarsidik4117
    @fajarsidik4117 2 ปีที่แล้ว +1

    Makasih bang buat ilmunya 🧡🧡

  • @kaisarvalentino930
    @kaisarvalentino930 2 ปีที่แล้ว +1

    Tengkyu bang ilmunya sukses terus

  • @brosbros-bf2uv
    @brosbros-bf2uv ปีที่แล้ว

    Terim akasih ilmunya bro

  • @acepr2539
    @acepr2539 2 ปีที่แล้ว +1

    Mantaf skali mamang, tutorialnya beda dri yg laen penjelasannya gk formal bikin mudah d cerna + rada ngakak euy :v

  • @putraprayuda2306
    @putraprayuda2306 ปีที่แล้ว

    What a video bro! Can't thank you enough! Than

  • @riani.aa4936
    @riani.aa4936 ปีที่แล้ว

    Mantap kang dea, gass tutor otentikasi log-reg pake nodejs kang, saya belom paham alur nya. Pembawaan bahasa nya mudah dipahami

  • @rifaelsitorus5211
    @rifaelsitorus5211 2 ปีที่แล้ว +7

    Banyakin tutorial bootstrap nya bg, soalnya gw kadang bingung (masih awam di dunia web)

  • @pembururuinguard3607
    @pembururuinguard3607 ปีที่แล้ว

    thankyou brother, berharap bisa membalas budi .. sehat selalu

  • @aryadanihlesmana9050
    @aryadanihlesmana9050 2 ปีที่แล้ว

    Thank you bang mayan juga, soalnya klo pake nodejs msih bisanya pake mongodb, blom tau pake mysql gimana, lumayan kegambar

  • @sabergundam7338
    @sabergundam7338 ปีที่แล้ว

    Semoga rezekinya lancar, dijauhkan dari bala, dipanjangkan dan diberkahkan umurnya. Terima kasih bang sudah mau bagi ilmu gratis, saya belum bisa bantu donasi😅 hanya bisa bantu do'a.

  • @user-fy2jc1we6i
    @user-fy2jc1we6i 8 หลายเดือนก่อน

    terima kasih ilmunya bg dea

  • @kzlop5619
    @kzlop5619 2 ปีที่แล้ว

    edas keren eyy lagi nyari" backend pake javascript pas bngt ini😅😅 soalnya lagi seneng main javascript,, bosen php mulu

  • @qahtanstudios1212
    @qahtanstudios1212 ปีที่แล้ว

    Hadir selalu ,salam sukses

  • @yuangangga
    @yuangangga ปีที่แล้ว

    Nice tutorial Michael,

  • @annassetiawan6185
    @annassetiawan6185 2 ปีที่แล้ว

    Racun banget yg baru belajar laravle

  • @ariosetiawan173
    @ariosetiawan173 2 ปีที่แล้ว

    Nah gini ntabz Out Of The Box pake EJS 😲

  • @MinBen
    @MinBen ปีที่แล้ว

    there! Thanks a lot for the help, I'm going to subscribe to your channel and keep up with all the videos!

  • @haareez
    @haareez ปีที่แล้ว

    mantab thx bro

  • @itsfauzy_
    @itsfauzy_ 2 ปีที่แล้ว +1

    thanks bang ilmu nya

  • @yudawitan
    @yudawitan 2 ปีที่แล้ว +2

    sangat membantu sekali

  • @yogs01
    @yogs01 ปีที่แล้ว +1

    Sumpah gw klo bljr codingan di TH-cam lu bawaan mau ketawa trs bg 🤣🤣 asik bljr gni lu kadang ngelawak, trs cara penyampaian lu ngajar mudah dipahami jg 😂

    • @deaafrizal
      @deaafrizal  ปีที่แล้ว

      wkwkwk kalau ngomen ga usah ketawa juga weh

    • @yogs01
      @yogs01 ปีที่แล้ว

      @@deaafrizal Trs klo ga ketawa gmna, harus nangis gtu hhhg

  • @indahsusanti9670
    @indahsusanti9670 ปีที่แล้ว +1

    pengen belajar ini tapi wawasan gw soal ini masih kertas putih banget. koossooong...baru mo beli beli buku dlu, baca baca dlu busy startnya. semangaatt

    • @deaafrizal
      @deaafrizal  ปีที่แล้ว

      jangan lupa check playlist cuyuniversity di gue ya kalau masih blank 🤗

  • @fransdhika_
    @fransdhika_ 5 หลายเดือนก่อน

    Mantapp

  • @jamjamfm1865
    @jamjamfm1865 ปีที่แล้ว

    Seru beut lu ngejelasin nya bang wqwq

  • @wano
    @wano 2 ปีที่แล้ว

    keren penjelasan nya
    salam dari timika papua

  • @YN__ZAKARIA_WIJAYA
    @YN__ZAKARIA_WIJAYA 2 ปีที่แล้ว +3

    Edann tutornya brow

  • @dantoz1580
    @dantoz1580 ปีที่แล้ว

    Uhuy

  • @teknolovedigital
    @teknolovedigital 2 ปีที่แล้ว

    Gaskeeunnn.. Indonesia biar jadi silikon pale

  • @girbalaccousticofficial5470
    @girbalaccousticofficial5470 ปีที่แล้ว

    decided to try it out.

  • @rubangga4694
    @rubangga4694 ปีที่แล้ว

    explaining the basics for .

  • @yotsusan_machi
    @yotsusan_machi 2 ปีที่แล้ว

    Gila mas bro lebih gokil daripada php

  • @darmawansyahputra_0302
    @darmawansyahputra_0302 8 หลายเดือนก่อน

    Mantap bg

  • @renaldhif
    @renaldhif 2 ปีที่แล้ว +1

    Thankyou kang! Dulu sempet belajar main nodejs sama ejs tapi cuma bisa copas. Sekarang baru liat tutor kang dea baru paham detail2nya dari konek sampe nampilin data 👍👍
    Next request tutorial singkat kaya gini pake laravel kang👌👌

  • @daily_football6574
    @daily_football6574 ปีที่แล้ว +1

    Abang cuyy andalan gua ini mahh 😁

  • @13_diovantantrafistoariezo92
    @13_diovantantrafistoariezo92 ปีที่แล้ว

    sway og youngboy bro that’s how everyone starts even Kanye admited that Nice tutorials soft weren’t great at first just keep grinding and you’ll

  • @adamsurya1263
    @adamsurya1263 ปีที่แล้ว +1

    Thanks bro akhirnya bisa kebikin simpel crud

    • @deaafrizal
      @deaafrizal  ปีที่แล้ว +1

      joss

    • @adamsurya1263
      @adamsurya1263 ปีที่แล้ว

      Sekali lagi makasih bro jadi pembuka paham sama node ini
      Dah 2 tahun nyoba belajar node gsk paham2 sekali kena ini video mulai kebuka logic petern nya gimna
      Ty banget bro

  • @quoteskita3056
    @quoteskita3056 ปีที่แล้ว

    Thanks so much!

  • @Kz.tutorial
    @Kz.tutorial 2 ปีที่แล้ว +1

    Bang buat Vidio mengenai program python, pliss 🙏😁

  • @chairilaliart
    @chairilaliart 2 ปีที่แล้ว

    Mantep nih

  • @imamsuro
    @imamsuro ปีที่แล้ว +1

    Baru intro langsung like dulu ...

  • @010_chisnaadityadewa4
    @010_chisnaadityadewa4 2 ปีที่แล้ว

    Kediri hadir

  • @sudahmalam1
    @sudahmalam1 2 ปีที่แล้ว

    ngoding + ngegas + ngebass = enterteinnya dapet bang

  • @umbusurya4644
    @umbusurya4644 2 ปีที่แล้ว +1

    Bang bikin tutorial PHP untuk koneksikan data base ke php
    Yang data base nya tabelnya lebih dari 1 misalnya tabel kariawan,presensi dan gaji bang

  • @environmentfundamentals9206
    @environmentfundamentals9206 2 ปีที่แล้ว

    Nah javascript + database, akhirnya

  • @akmalhikam
    @akmalhikam ปีที่แล้ว

    vue dong bang, saran kursus vue untuk pemula.

  • @hello666sec2
    @hello666sec2 2 ปีที่แล้ว +1

    bang, klo boleh minta tutor penggunaan library db yang punya elegant syntax dong :)

  • @nani2967
    @nani2967 ปีที่แล้ว

    good job man

  • @devElite064
    @devElite064 ปีที่แล้ว +1

    sering lihat di snack video ternyata ini canelnya

  • @gamezenno
    @gamezenno 2 ปีที่แล้ว +1

    kerennnn brotherrrrr!!!!

  • @syaifulmaarif8212
    @syaifulmaarif8212 2 ปีที่แล้ว +2

    bang bahas tentang javascript vs php dong.. hehe

  • @ridwanfirmansyah2255
    @ridwanfirmansyah2255 2 ปีที่แล้ว +1

    bang de coba bikin tutor dan penjelasan tentang websocket dong...

  • @bangsad6027
    @bangsad6027 2 ปีที่แล้ว +1

    Sumpah GG bet Cok daringnya

  • @SalimQS
    @SalimQS ปีที่แล้ว

    terima kasih bang

  • @galihpurwo661
    @galihpurwo661 6 หลายเดือนก่อน +1

    work, tinggak modif tambah script update delete nya

  • @QuantumDroid
    @QuantumDroid ปีที่แล้ว

    Jos

  • @bryan00004
    @bryan00004 ปีที่แล้ว

    thank you man it s really work

  • @LazyHuman666
    @LazyHuman666 2 ปีที่แล้ว

    Thnks 😍😍

  • @zunedisupriantos8144
    @zunedisupriantos8144 2 ปีที่แล้ว

    Mantap bang

  • @zuhrilfahrizal7555
    @zuhrilfahrizal7555 2 ปีที่แล้ว

    Lanjut part 2 nya ya bang untuk mode deletenya

  • @ajiramdani-ari5401
    @ajiramdani-ari5401 2 ปีที่แล้ว

    makasih banget bang akhirnya berhasil aduh. ngulek 2 hari

  • @shonik3718
    @shonik3718 ปีที่แล้ว

    Siap

  • @xsvshacked
    @xsvshacked 2 ปีที่แล้ว +1

    is good

  • @dwiwi8326
    @dwiwi8326 ปีที่แล้ว

    Bang buat video settingan VScode nya dong, pakai theme apa sama gmna bisa ada garis" gitu tu

  • @bagaspermana88
    @bagaspermana88 ปีที่แล้ว

    Thank you bang :)

  • @Dharisman10
    @Dharisman10 2 หลายเดือนก่อน

    Nitip komen semoga bisa paham data base buat matkul

  • @juniordev4682
    @juniordev4682 2 ปีที่แล้ว

    Makasih kanh

  • @calvinlucky619
    @calvinlucky619 ปีที่แล้ว +1

    PENJELASAN SANGAT DETAIL SAYA DI SISTEM INFORMASI UDAH SEMESTER 4 GK BISA APA" PAS GUA LIAT CHANELNYA BANG DEA MALAH GUA TAMBAH ILMU + MUDENG

  • @heldinirwansah5172
    @heldinirwansah5172 2 ปีที่แล้ว

    Wihh pagi pagi udh dpt tutor ngoding 🤣

  • @akmalmuhammad9324
    @akmalmuhammad9324 2 ปีที่แล้ว

    bang saran extension" vscode yang membantu / memudahkan dan juga mempercepat codingan

  • @dandi_saputra
    @dandi_saputra 2 ปีที่แล้ว

    First

  • @Xuner16
    @Xuner16 2 ปีที่แล้ว +4

    Bang, di vs code saya gk bisa pke "stringify"nya ama "parse"nya, kendalanya di mana ya bang?

  • @rezaarieff3436
    @rezaarieff3436 2 ปีที่แล้ว +1

    Bang request tutorial buat aplikasi bebas terserah abangnya tapi dri 0 dan diberi penjelasan juga buat belajaran hrhe

  • @akhmadnurdiyansyah5718
    @akhmadnurdiyansyah5718 2 ปีที่แล้ว

    Mikrosop opis, eh naha opis anying 😂😂
    Epic omm

  • @okb1580
    @okb1580 ปีที่แล้ว +1

    Sebenarnya codingan nya sudah ada refrensi nya. Tinggal copas dan edit ini untuk bagi pemula. Kalo yang udah mahir dan profesional?, bebas buat versi sendiri gitu kan bro. Tapi perlu banyak belajar karena pengamanan data wajib di jaga dan di update pembaruan nya

  • @liemkui8730
    @liemkui8730 ปีที่แล้ว

    Bikin series slicing desain dong mas

  • @artsbyghul
    @artsbyghul 3 หลายเดือนก่อน

    Bang coba bikin tutorial login logout pake mysql nodejs sama react bang 😊

  • @anwappstore4930
    @anwappstore4930 2 ปีที่แล้ว

    Bg req bikinin tutor bikin rest api

  • @lupa3312
    @lupa3312 2 ปีที่แล้ว +1

    Bang minta tolong buat video project web php dari nol
    Terima kasih

  • @realmehpjtbnew3814
    @realmehpjtbnew3814 ปีที่แล้ว

    Oke

  • @keviensetiawan1606
    @keviensetiawan1606 2 ปีที่แล้ว +1

    Tiap hari ni bang gw liat liat upload🤣🤣