Tools & Website Pendukung untuk Programmer & Web Developer

FAUZAN AKHMAD MAHANANI
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. Mbak Gadise
    June 11, 2021 at 7:28 am

    Terimakasih pak tips ans tricknya terutama dibagian ilustrasi dan icon saya suka bingung mencari kedua tersebut šŸ™šŸ»šŸ™šŸ»

    Reply
  2. Andi Faizal
    June 11, 2021 at 7:36 am

    Lagi seneng pakai replit buat code editor online

    Reply
  3. The Lazy Guy
    June 11, 2021 at 7:39 am

    Langsung di catet noted. Terima kasih pak.

    Reply
  4. ultra burhanudin
    June 11, 2021 at 7:40 am

    Terimakasih pak, sangat bermanfaat šŸ™.

    Reply
  5. E G A
    June 11, 2021 at 7:41 am

    sangat membantu

    Reply
  6. Anti Air
    June 11, 2021 at 7:42 am

    Sangah Bermanfaat , mksh pak Ilmu nyašŸ™

    Reply
  7. kiki agustin
    June 11, 2021 at 7:46 am

    Alhamdulillah, terimakasih pak informasinya sangat bermanfaat sekali šŸ™

    Reply
  8. Mz oioi
    June 11, 2021 at 7:49 am

    Mantapp pakk dapat ilmu baru nihh

    Reply
  9. Ramset
    June 11, 2021 at 7:52 am

    Reply
  10. Yanyan Permana
    June 11, 2021 at 8:01 am

    Komen cuma pengen dikasih love

    Reply
  11. Peter Christoval
    June 11, 2021 at 8:05 am

    Thumbnailnya, foto di shopee ya pak hehehe, satu lagi pak, tools pendukung mechanical wkwkwk, dengerin suaranya mantap wkwk šŸ˜šŸ˜

    Reply
  12. Farhan Agustiansyah
    June 11, 2021 at 8:08 am

    thanks a lot pakk !

    Reply
  13. Tiyo Coklat
    June 11, 2021 at 8:11 am

    Next bang nuggu Tools & Website Pendukung untuk Programmer & Web Developer yang lain lagi āœļø

    Reply
  14. Fauzi R
    June 11, 2021 at 8:19 am

    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.

    Reply
  15. Ibrohim gretz
    June 11, 2021 at 8:24 am

    joss ini

    Reply
  16. Tomi Renaldi
    June 11, 2021 at 8:44 am

    Setelah menonton konten ini, saya berasa menjadi senior front end develover nichšŸ˜šŸ˜šŸ˜šŸ¤£šŸ¤£šŸ¤£

    Reply
  17. aminudin bahtiar
    June 11, 2021 at 8:45 am

    Sukses slalu pak

    Reply
  18. Rangga Surya Prayoga
    June 11, 2021 at 9:16 am

    Bener bener bermanfaat buat FE

    Reply
  19. Rizan Alfalah
    June 11, 2021 at 9:26 am

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

    Reply
  20. NGAJI NGODING
    June 11, 2021 at 9:36 am

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

    Reply
  21. FAHRURRAZIKIN
    June 11, 2021 at 9:42 am

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

    Reply
  22. Julia Dev
    June 11, 2021 at 10:03 am

    cari temen programmer cewe cirebon

    Reply
  23. Dadan Dahman Wahidi
    June 11, 2021 at 10:20 am

    Mantapss

    Reply
  24. Dion Sudiono
    June 11, 2021 at 10:22 am

    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>

    Reply
  25. Muhammad Faris Shafwan
    June 11, 2021 at 10:23 am

    request membuat login google & sosmed php pak

    Reply
  26. Rangga Surya Prayoga
    June 11, 2021 at 10:54 am

    Terimakasih pak Dosen

    Reply
  27. Nightmare
    June 11, 2021 at 11:08 am

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

    Reply
  28. Gajahmada Tech
    June 11, 2021 at 11:13 am

    Maantaaap Suhu terimah kasih banyak ilmunya..šŸ™šŸ™šŸ™šŸ‘šŸ‘šŸ‘

    Reply
  29. NUHAHA
    June 11, 2021 at 11:39 am

    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

    Reply
  30. Ahmad Hairan
    June 11, 2021 at 11:43 am

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

    Reply
  31. Reva Doni Aprilio
    June 11, 2021 at 11:44 am

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

    Reply
  32. ChairilAli Art
    June 11, 2021 at 11:50 am

    Terimakasih kasih pakšŸ™

    Reply
  33. Adam Farhansyah
    June 11, 2021 at 11:50 am

    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

    Reply
  34. Altiansyah Fanny
    June 11, 2021 at 12:05 pm

    Ada AdBlock šŸ˜†

    Reply
  35. Fauzan
    June 11, 2021 at 12:10 pm

    pak video di webnya kapan diisi?

    Reply
  36. Abdul Malik
    June 11, 2021 at 12:12 pm

    nyimak

    Reply
  37. Muhamad Ramdani
    June 11, 2021 at 12:12 pm

    Tools dan Tips yg gg pak

    Reply
  38. Aan Abdul rohman
    June 11, 2021 at 12:59 pm

    Kalo 3D illustration yg free apa ya?

    Reply
  39. Maulia Dianti
    June 11, 2021 at 1:10 pm

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

    Reply

Leave a Reply to ultra burhanudin Cancel reply