4. Basic Utility - Bagian 1 | Belajar Tailwind CSS

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии • 116

  • @masihbeta4989
    @masihbeta4989 2 года назад +23

    saya adalah salah seorang yang terbantu dengan adanya tutorial php dasar, terus sampai codeigniter, sampai saya punya pattern coding yang terinspirasi dari tutorial-tutorial yang pak Dhika sampaikan. Wish nothing but pahala for you, pak 🤲

  • @sinatriapb
    @sinatriapb 2 года назад +6

    nonton channel pak Dika udah kayak ikut bootcamp full stack tapi gratis & penyampaian materinya gampang banget dipahami. thanks pak Dika

  • @satrijo
    @satrijo 2 года назад +3

    40 menit ga berasa tau2 udah selesai. Menarik banget pembahasannya

  • @ekayunan6842
    @ekayunan6842 6 месяцев назад

    Baru belajar Tailwind. Sejauh ini gokil sih Tailwind. Seperti apa yang saya mau pasti ada. 😍

  • @atlantisuds6625
    @atlantisuds6625 2 года назад +4

    Suka banget yang warna tulisannya bisa gradasi, gak sabar mau coba setelah nonton ini. Terima kasih pak untuk videonya 👍

  • @leo198593
    @leo198593 Год назад +1

    Suka banget training disini, makasi ya pak, semoga Anda mendapatkan keberkahan karena mau berbagi ilmu Amin.

  • @coding-in
    @coding-in Год назад

    Wah ga nyangka seseru nonton donghua nih, klo dr hasil pencarian ky malesin bgt durasinya. Hatur nuhun Pak asik

  • @bramantawisnu
    @bramantawisnu 2 года назад +3

    wuih keren gradasinya simpel bgt,, super keren,, text gradasinya

  • @jamalxd5647
    @jamalxd5647 2 года назад +2

    4:35 penulisan code CLI biar ga ngulang2 terus setiap buka vscode
    7:29 life hack untuk CDN bisa auto correct

  • @chandraperdiansyah4250
    @chandraperdiansyah4250 2 года назад +3

    mantap pak, ditunggu video selanjutnya. setiap hari saya selalu buka chanel WPU terus, barangkali ada video tailwind yang baru

    • @bramantawisnu
      @bramantawisnu 2 года назад +1

      Sama, saya juga berkomitmen & berkhitmad bakal selalu belajar dan praktek khusus series2 dari pak sandika yang baru, sambil bertahap nyelesein video2 series yang sebelumnya.

    • @chandraperdiansyah4250
      @chandraperdiansyah4250 2 года назад

      @@bramantawisnu mantap pak, iyaa saya juga. pak dika berhubung beliau dosen jadi penyampaiannya mudah dipahami untuk orang awam. bersyukur banget sih sekarang banyak playlist keren.

  • @bramantawisnu
    @bramantawisnu 2 года назад +2

    Auto hadir kuliah online Prof Sandika 🙏, Terimakasih pak Sandika sharinnya.

  • @NayNay_Family
    @NayNay_Family 2 года назад +2

    terimaskih pak ilmunya semoga bisa membawa berkah di bidang programming

  • @bachrulpanjigumilang3821
    @bachrulpanjigumilang3821 2 года назад +1

    mantap pak tapi saya nonton dulu habis belajar DOM js dari vidio bapak sangat menarik dan waji di coba terima kasih pak ilmu ya

  • @imrenagi
    @imrenagi 2 года назад +2

    Keren banget. terima kasih pak dhika!

  • @mmmmm-rn7zz
    @mmmmm-rn7zz Год назад

    terima kasih pak ilmunya, semoga berkah selalu

  • @yuzarqadariesman3907
    @yuzarqadariesman3907 2 года назад +1

    yang bisa ku lakukan untuk membalas kebaikan pak Sandika adalah nonton tanpa skip iklan, :D

  • @kagari21
    @kagari21 2 года назад +2

    baru tau ada utility bg-clip-text. Terima kasih pak dhika 😁

  • @m.jamilrahman4971
    @m.jamilrahman4971 3 месяца назад

    Saya lebih ke backend tapi kadang dapet projekan fullstack. Tailwind ngebantu banget

  • @asheaven1st
    @asheaven1st 2 года назад +1

    Defining warnanya bener-bener extraordinary, dan ga pernah kepikiran sebelumnya.. 😂
    Terima kasih sudah aplod tutorial tailwind, pak Dhika ~

  • @kholidirfangi9346
    @kholidirfangi9346 2 года назад

    thanks pak ilmunya.. makin interest dengan dunia web programming

  • @haniramadhan678
    @haniramadhan678 2 года назад +5

    Setiap hari selalu ngecek channel wpu, menunggu tutorial tailwind terbaru.. Alhamdulillah sudah tayang.. terima kasih banyak Pak Dhika

  • @faridrusdyanto4647
    @faridrusdyanto4647 3 месяца назад

    tailwind keren, pak dika juga keren penyampaiannya 😁

  • @zidaneuchiha1554
    @zidaneuchiha1554 2 года назад +2

    Keren si tailwind, makasih pak dika

  • @wildanamruhidayat7336
    @wildanamruhidayat7336 3 месяца назад +1

    ilmu jariyah

  • @wahyutarmidi6853
    @wahyutarmidi6853 2 года назад

    alhamdulilah, udah update

  • @Reza-ex6tb
    @Reza-ex6tb Год назад +5

    Yang tidak muncul bordernya, "
    * {
    border: 1px solid red;
    };
    ;"
    property type = "text/taiwindcss" tidak usah dipakai.
    cukup
    ...
    ...

  • @boerhantgl
    @boerhantgl 2 года назад

    mantap pak Sandhika terima kasih

  • @exnichirin2149
    @exnichirin2149 Год назад

    Terima Kasih Pa Dika Ilmunya

  • @powpow6897
    @powpow6897 2 года назад +24

    Terimakasih pak sudah notice komen saya di video sebelumnya yang tentang play CDN hehe.
    Saya izin menambahkan bagian space between di 19:31, sebenernya space between itu bisa dipakai tanpa menggunakan flex, tapi di dokumentasinya pakai class flex mungkin supaya gak perlu ngatur display inline-block/block dari child elemennya.
    Ditunggu pembahasan Arbitrary valuesnya juga pak supaya customizationnya lebih mantap😁

    • @asrabyyaalgamar808
      @asrabyyaalgamar808 2 года назад +1

      Izin bertanya bg @powpow
      knpa yaa saya coba ngikutin pake script nyaa ga jalan vitur auto complite nya tailwindCSS di laptop saya,Mohon bantuanya bg.
      kesalahan saya dimana?

    • @powpow6897
      @powpow6897 2 года назад +1

      @@asrabyyaalgamar808 wah sorry baru liat komennya mas. Udah install ekstensi tailwind intellisense dan udah buat file tailwind.config.js? Kalau udah tapi masih belum muncul, bisa masukkan kode module.exports = {} kedalam file tailwind.config.js. Kalau masih gak bisa, coba restart vscodenya.

    • @kentangbakar1066
      @kentangbakar1066 2 года назад

      kalo extensi udah bisa dipake dgn play CDN, kekurangan play CDN apa dong?

    • @dandikurnia8628
      @dandikurnia8628 2 года назад

      @@kentangbakar1066 coba deh nonto episode sebelumnya

    • @alice6941
      @alice6941 Год назад +1

      @@kentangbakar1066 CDN filenya berat

  • @nblgamers1633
    @nblgamers1633 2 года назад +1

    Mantap Pak, Semangat terus ngontenya, thanks Ilmunya Pak🙏😁

  • @ajisaputra2450
    @ajisaputra2450 2 года назад

    thankyouuuuuuu pak dhikaaaaa ilmunya

  • @ziaurrahman9529
    @ziaurrahman9529 Год назад

    wih keren juga ya pak tailwind, makasih banyak pak atas ilmunya!!!. Bakal kepake ini sampe saya kerja wkwk aamiinnn

  • @z911dn
    @z911dn 2 года назад +4

    Marathon anime ❌
    Marathon pak dhika ✅

  • @laluheriaguswandi3241
    @laluheriaguswandi3241 2 года назад +1

    Kerennn banget pak sandhika

  • @allone258
    @allone258 2 года назад +4

    daripada bikin custom class extend mending pake arbitrary aja sih biar otomatis kebuat,
    karena pengalaman yang paling sering kepake seperti min-w atau grid-cols
    contoh min-w-[30vw] sama grid-cols-[1fr,2fr] / grid-cols-[auto,1fr] biasanya untuk ngurus responsive.
    cuman kalau sudah projekan dengan team lebih baik extend class color, seperti
    primary: #????
    secondary: #????
    biar bisa dipake "text-primary" atau "bg-primary hover:bg-secondary"

  • @ADAN_Ramadhan
    @ADAN_Ramadhan 2 года назад

    bang dika sugoi, tailwind sugoi

  • @Novia5555
    @Novia5555 2 года назад +5

    Pak, kalo pake style sendiri trus dibikin type="text/tailwindcss", malah jadi ga ngefek css nya saya pak

  • @dikahardianto7082
    @dikahardianto7082 2 года назад +1

    Semoga nanti ada sesi buat tampilan web menggunakan tailwindcss ya pak 😁

  • @chairilaliart
    @chairilaliart 2 года назад

    Sehat selalu pak

  • @SangTenuk
    @SangTenuk 2 года назад

    malaysia hadirrr

  • @nandopookey9195
    @nandopookey9195 2 года назад

    Terima kasih pak

  • @nazirrainbowcarpet6548
    @nazirrainbowcarpet6548 Год назад

    kalo pakek windows 7 agak tricky install node 16 nya, harus dimasukin manual ke C , bikin variabel system baru sama value nya, node path nya juga harus disesuaikan, belom kalo pas mau eksekusi tailwindcss init nya pasti error ke block ama windows 7, security nya harus di di nonaktifin manual dulu di powershell bawaan nasib O/S jaduL

  • @irfanabdullah756
    @irfanabdullah756 Год назад

    kereenn

  • @Hafiyyanabdulaziz
    @Hafiyyanabdulaziz 2 года назад +1

    Pake arbitary tailwind buat custom lebih asik pak 👍

  • @erikabdillah795
    @erikabdillah795 2 года назад +1

    Mantap pak

  • @saptoharsongko1699
    @saptoharsongko1699 2 года назад +1

    Bikin portfolio menggunakan tailwind dong pak galih. Pengen bikin portfolio

  • @anakmamah4708
    @anakmamah4708 Год назад

    Keren bgt tailwind ini jauh bgt sama bootstrap😭

  • @gatothendarso88
    @gatothendarso88 2 года назад

    Keren buanget....

  • @sonihidayatulloh9242
    @sonihidayatulloh9242 2 года назад

    Mantap terimakasih pak

  • @muzammil8498
    @muzammil8498 2 года назад

    mantap pak

  • @milosonrelaxing
    @milosonrelaxing 2 года назад

    Akhirnyaaaa

  • @dumadoniagarasambora675
    @dumadoniagarasambora675 2 года назад

    Mantap pak dikaa

  • @rappy27
    @rappy27 2 года назад +1

    mantap pak dhika!
    tapi kayaknya itu ada arbitrary values ketinggalan belum dijelasin pak hehe

    • @sandhikagalihWPU
      @sandhikagalihWPU  2 года назад

      oalah iya kelewat, next video kita bahas! thanks Rafi 👍

  • @philipantony4102
    @philipantony4102 2 года назад +2

  • @andsyahr
    @andsyahr 2 года назад +1

    Bahas react js dong pak..

  • @sonibya1388
    @sonibya1388 2 года назад

    Keren pak

  • @bersamazeazio
    @bersamazeazio 2 года назад

    Joss pak🙏👍

  • @fadlisabda
    @fadlisabda 2 года назад +1

    Izin request vidio cara belajar lewat dokumentasi pak

  • @bagusbudisatoto1280
    @bagusbudisatoto1280 2 года назад +1

    best cool

  • @bektigalan
    @bektigalan 2 года назад +1

    halo pak, saya sudah coba ikutin pak dhika biar bisa muncul suggestion buat tailwindcss, sudah install intellisense nya jg, tp kok tdk muncul ya pak, saya pakai os windows, mungkin ada solusi? terimakasih pak..

  • @dansinn
    @dansinn 8 месяцев назад

    Kerenn

  • @redstone682
    @redstone682 2 года назад +1

    39:00 itu pencet apa biar pindahin nya ke kanan bang

  • @inisandy7306
    @inisandy7306 2 года назад

    Hadir pak

  • @zulfalutfiah7648
    @zulfalutfiah7648 2 года назад +1

    Nah untuk node js yang versi 13 harus install post css nya dulu ya pak berarti?

  • @dionsetiawan8536
    @dionsetiawan8536 2 года назад

    oke Mantap

  • @yusufmuhammad95
    @yusufmuhammad95 2 года назад

    request angular dong pak abis ini

  • @skillcoding5358
    @skillcoding5358 2 года назад +1

    Assalamualaikum pak, REQUEST BIKIN SPA (SINGEL PAGE APLICATION) menggunakan JAVASCRIPT🙏

    • @ismaillowkey
      @ismaillowkey 2 года назад

      knapa ga pake framework aja? kayak react atau vue,kan spa tuh

    • @skillcoding5358
      @skillcoding5358 2 года назад

      @@ismaillowkey iya salah ketik

  • @ridwandwipermana491
    @ridwandwipermana491 2 года назад

    Aseeekkk

  • @kixccx
    @kixccx 2 года назад

    keren

  • @adfrach4436
    @adfrach4436 2 года назад

    🔥

  • @gedesaika1321
    @gedesaika1321 2 года назад

    6:08 di video sebelumnya di jelaskan untuk penggunaan CDN itu kan memakan ukuran besar ya 400 kb kalau tidak salah dengar .
    Walaupun memang simpel secara ndak harus pak intruksi dan ketik terminal ini itu semua sudah ada jika pakai CDN cuma ingin tanya pak
    kalau CDN ini digunakan sampai misal program sampai jadi terus kita mau perkecil dengan Minify / npx tailwindcss /nama berkas.css -- minify kalau pakai ini itu CDN ikut kecil tidak ya pak ? ukuranya yang tadi 400 kb misal jadi 100 kb an begitu sekian dari saya terima kasih pak

  • @mariosebastiancarlosiano3322
    @mariosebastiancarlosiano3322 2 года назад

    lesgo

  • @susu_gajah
    @susu_gajah 2 года назад

    masih menunggu
    CARA PAKAI SERVER SIDE PROCESING DATATABLES DI CI4.1.7 SEKALIGUS CARA JOIN NYA JUGA

  • @thoriqibadurrohman8711
    @thoriqibadurrohman8711 2 года назад +1

    yang gradient keren sih wkwk

  • @fatihfadhlillah2643
    @fatihfadhlillah2643 2 года назад +1

    Pak saya ketika tidak menggunakan play CDNnya gk bisa tambah style sendiri. Ap memang begitu atau ad yg salah yah ?

  • @Yasminesehqq
    @Yasminesehqq 3 месяца назад

    Kenapa CTRL + SPACE tidak muncul suggest nya ya

  • @Ancrek
    @Ancrek 2 года назад

    Saya pengguna bootstrap kok jadi kepincut pingin ganti tailwind 😅
    Terima kasih pak untuk ilmunya 🙏

  • @relaxingrainmusictrv611
    @relaxingrainmusictrv611 2 года назад

    Keren kak

  • @dxrie3682
    @dxrie3682 2 года назад

    15:51

  • @yohanespradono5224
    @yohanespradono5224 Год назад

    style di bagian style type="text/tailwindcss" saya kok gak keproses ya? oh ternyata jalan dgn mode playCDN

  • @ahmadazizfauzi_teknikinfor4796

    Izin bertanya, setelah beberapa konfigurasi tailwind, suggesti vanilla outline style saya kok hilang ya? kalau yang inlinecss masih bisa, tapi yang outline ngk muncul sugestinya, ada yang bisa jelasin? terimakasih

  • @agungprakoso18
    @agungprakoso18 2 года назад

    tolong dong,
    #pencetan:checked ~ label div.pencetan2{
    @apply translate-x-3
    }
    setiap scrip itu di html nya, selalu muncul error Unknow at rule @apply .. sumpah bingung banget, padahal udah ngikutin dari awal. postcss udah di install juga, node js yang terbaru. yaa allah

  • @fisrakeliwawa8466
    @fisrakeliwawa8466 2 года назад

    permisi, pak. untuk file package.json saya kok isinya gak sebanyak bapak dan tidak ada bagian script ya?

  • @achrizal3545
    @achrizal3545 2 года назад

    pak ajarin live chat di laravel dong

  • @Sulaiman_Yahya
    @Sulaiman_Yahya 2 года назад

    Kopi bukanya warnah hitam ya PakDika..? 🤔 36:50

  • @fanyfany596
    @fanyfany596 Год назад

    om disatuin aja dong biar enak kayak freecodecamp

  • @valorantgaming5031
    @valorantgaming5031 5 месяцев назад

    Kalau mau make tailwind css harus makai node js kah pak

  • @grandebaee
    @grandebaee Год назад

    knpa margin padding error yang pak dhika abis di refresh jdi normal kalo saya tetep error?

  • @media.islamicityTV
    @media.islamicityTV 2 года назад

    13:00

  • @naanayooo
    @naanayooo 2 года назад

    10:33 "seperti biasa kalo ga muncul bantuannya ctrl+/"
    itu bukannya jadiin komentar ya?

  • @nubbplayers2022
    @nubbplayers2022 2 года назад

    direktif itu sebenernya apa ya pak?
    saya pahamnya direktif di vue js itu semacam custom attribut

    • @allone258
      @allone258 2 года назад

      biasanya itu suka ada di film kartun yang kita tonton di minggu pagi.

    • @mascip2960
      @mascip2960 2 года назад

      @@allone258 directive conan

  • @juandi2531
    @juandi2531 Год назад

    bang kalo mengatasi npm: command not found gimn bang

  • @miftahulkhoir3500
    @miftahulkhoir3500 2 года назад

    28:07 kayak ada suara bapak-bapak lagi batuk

  • @pahrurozi
    @pahrurozi 2 года назад

    First

  • @annettehyde756
    @annettehyde756 2 года назад

    ✅ P-R-O-M-O-S-M!!

  • @bukong900
    @bukong900 2 года назад

    pas bagian tailwind.config.js kenapa ekstensi nya Masi JS ya??

  • @alwaysbytheway
    @alwaysbytheway Год назад

    18:51