Tools & Website Pendukung untuk Programmer & Web Developer

Tools & Website Pendukung untuk Programmer & Web Developer

Tools & Website Pendukung untuk Programmer & Web Developer

🔥 Promo Unlimited Hosting Niagahoster : diskon up to 75% + gratis domain + SSL 🔥
👍🏼 Gunakan kode kupon WPUNPAS untuk tambahan diskon 10%
👉🏼 Klik https://bit.ly/3578OfC

▬▬▬▬ Chapters ▬▬▬▬▬▬▬▬▬▬
00:00 – Intro
00:52 – NiagaHoster
03:02 – Gambar & Video
04:11 – Illustrasi
05:54 – Font & Icon
08:10 – Design & Mockup
09:56 – Skema Warna
12:10 – Image Utilities
14:32 – Coding Snippets
17:41 – Online Documentation
20:23 – Inspirasi Web Desain
21:24 – Chrome Extensions
25:44 – Closing
▬▬▬▬


🔥 SUPPORT CHANNEL WEBPROGRAMMINGUNPAS 🔥

👾 Gabung Server Discord WPU 👾
https://discord.gg/S4rrXQU

👕 Beli T-Shirt & Hoodie TitikKoma 👕
https://shopee.co.id/wpu.codinggearofficial

– Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
https://saweria.co/sandhikagalih
https://karyakarsa.com/sandhikagalih


📢 FOLLOW SOCIAL MEDIA 📢
http://instagram.com/sandhikagalih
http://twitter.com/sandhikagalih
https://github.com/sandhikagalih


UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/

terimakasih dan #janganlupatitikkoma!

@sandhikagalih
Tools & Website Pendukung untuk Programmer & Web Developer



Tools & Website Pendukung untuk Programmer & Web Developer

Related posts

39 Thoughts to “Tools & Website Pendukung untuk Programmer & Web Developer

  1. Terimakasih pak tips ans tricknya terutama dibagian ilustrasi dan icon saya suka bingung mencari kedua tersebut 🙏🏻🙏🏻

  2. Lagi seneng pakai replit buat code editor online

  3. Langsung di catet noted. Terima kasih pak.

  4. Terimakasih pak, sangat bermanfaat 🙏.

  5. Sangah Bermanfaat , mksh pak Ilmu nya🙏

  6. Alhamdulillah, terimakasih pak informasinya sangat bermanfaat sekali 🙏

  7. Mantapp pakk dapat ilmu baru nihh

  8. Komen cuma pengen dikasih love

  9. Thumbnailnya, foto di shopee ya pak hehehe, satu lagi pak, tools pendukung mechanical wkwkwk, dengerin suaranya mantap wkwk 😁😁

  10. Next bang nuggu Tools & Website Pendukung untuk Programmer & Web Developer yang lain lagi ✍️

  11. Saya pake Extension "Debug CSS" buat ngeliat frame-frame CSS nya pak, work well di Firefox dan Chrome-based browser.
    Extension ini lumayan berguna untuk melihat jika misal ada frame CSS yang off-set atau tidak terlihat karena tertumpuk.

  12. Setelah menonton konten ini, saya berasa menjadi senior front end develover nich😁😁😁🤣🤣🤣

  13. coba pake notion pa buat catatan online, aplikasinya flexsibel bisa untuk catatan development juga, atau pake trello

  14. Terima kasih informasinya pak..
    Selama ini klo butuh gambar, ilustrasi, docs dll, larinya pasti ke google…

  15. Izin nanya Pak, klo jadi freelance web developer yg dikirim ke client apanya ya ?

  16. cari temen programmer cewe cirebon

  17. ada yang bisa pecahin kasus ini: <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Penggajian</title>
    </head>
    <body>
        <h1>Penggajian Karyawan</h1>

        <label for="nama">Nama Karyawan :</label>
        <input type="text" id="nama"><br><br>
        <input type="radio" id="g3A" name="golongan" value="g1"><label for="g3A">Golongan 3A</label>
        <input type="radio" id="g3B" name="golongan" value="g2"><label for="g3B">Golongan 3B</label><br><br>
        <label for="tKeluarga">Tunjangan Keluarga</label><br>
        <select id="tKeluarga">
            <option id="t1" value="tunjangan1">Keluarga Kurang/sama dengan dari 2</option>
            <option id="t2" value="tunjangan2">Keluarga Lebih dari 2</option>
        </select><br><br><br>
        <label for="totalGaji">Total Gaji :</label>
        <button onclick="hasil()">Total Gaji</button><br>
        <textarea id="totalGaji" cols="20" rows="5"></textarea>
        
        <script type="text/javascript">
        function hasil() {
            var g3A = document.getElementById('g3A').value;
            var g3B = document.getElementById('g3B').value;
            var t1 = document.getElementById('t1').value;
            var t2 = document.getElementById('t2').value;
            if(g3A == "g1"){
                gp = 1000000;
                if(t1 == "tunjangan1"){
                    t1 = 100000;
                    totalGaji = gp + t1;
                } else if (t2 == "tunjangan2") {
                    t2 = gp / 2 + t1;
                    totalGaji = gp + t2;      
                }
            }else if (g3B == "g2"){
                gp = 2000000;
                if(t1 == "tunjangan1"){
                    t1 = 300000;
                    totalGaji= gp + t1;
                } else if (t2 == "tunjangan2") {
                    t2 = gp / 2 + t1;
                    totalGaji = gp + t2;
                }
            }
            document.getElementById('totalGaji').innerHTML=totalGaji;
            }
        </script>
        
    </body>
    </html>

  18. request membuat login google & sosmed php pak

  19. Ada ga tools² nya yg sama seperti ini tetapi untuk android, bang?

  20. Maantaaap Suhu terimah kasih banyak ilmunya..🙏🙏🙏👍👍👍

  21. Selain yg Padika sebutkan saya biasa pake
    PrettyPrint (seperti JsonView, tapi bisa juga bahasa JS, CSS), Ghostery (Block trackers), Pop-up blocker, dan fitur browser incognito tab untuk ngetes web

  22. Extensi terjemahan lagi yg kurang pak bagus untuk belum bisa bahasa inggris

  23. Buat ilustrasi saya suka pake dari Storyset pak, keren2 ilustrasinya sama bisa atur2 warna juga

  24. TOC:
    • Image / Video
    https://unsplash.com/
    https://www.pexels.com/
    https://pixabay.com/
    • Ilustration
    https://undraw.co/
    https://usesmash.com/
    https://www.freepik.com/
    • Font
    https://fonts.google.com/
    • Icon
    https://www.flaticon.com/
    https://fontawesome.com/
    • Design & Mockup
    https://www.figma.com/
    https://wireframe.cc/
    https://mockuphone.com/
    • Color Scheme
    https://coolors.co/
    https://color.adobe.com/
    • Image Utilities
    https://squoosh.app/
    https://www.remove.bg/
    • Live Coding & Snippet
    https://codepen.io/
    https://jsfiddle.net/
    https://replit.com/
    https://pastebin.com/
    • Online Documentation & Cheatsheet
    https://devdocs.io/
    https://devhints.io/
    https://caniuse.com/
    • Web Design Inspiration
    https://dribbble.com/
    https://www.awwwards.com/
    https://www.siteinspire.com/
    • Chrome Extensions
    ○ Web Developer
    ○ JSONView
    ○ Wappalyzer
    ○ Awesome Screenshoot & Screen Recorder
    ○ WhatFont

  25. pak video di webnya kapan diisi?

  26. Kalo 3D illustration yg free apa ya?

  27. Ga tega mau skip iklan kalo kontennya sebermanfaat ini, gak sebanding sm iklan yg cuma kurang dri 1 menit klo hrs di skip hahaha

Leave a Comment