WEB DEV Google : Tempat kursus gratis tentang CSS

Belajar Web Css Sourcecode

WEB DEV Google : Tempat kursus gratis tentang CSS

Kabul Pujiono    13.19   Comentario  

Link : 

https://web.dev/learn/css/

Pelajari CSS
Kursus CSS yang selalu menarik dan referensi untuk meningkatkan keahlian styling web Anda.

Siapapun dapat belajar KODE, tanpa memandang usia, gelar, negaranya.

Jalankan saja laptop Anda, sambungkan ke internet, ketik freecodecamp di browser, buka bagian HTML dan mulai.

Punya masalah?

Tanyakan di StackOverflow.

Lihat semudah itu.

Tidak ada alasan!

5 Repositori GitHub yang luar biasa untuk setiap pengembang ReactJS

Belajar Web GitHub Sourcecode

5 Repositori GitHub yang luar biasa untuk setiap pengembang ReactJS

Kabul Pujiono    09.49   Comentario  

React adalah library JavaScript untuk membuat komponen UI. Ekosistem React sangat besar yang akhirnya menjadikannya salah satu perpustakaan front-end terbaik

Kelebihan React :

1. Komponen yang dapat digunakan kembali

2. Cepat karena DOM virtual

3. Ekosistem besar

Aplikasi React biasanya berisi banyak komponen. Mereka dapat digunakan kembali dan dapat berinteraksi satu sama lain.

Apa itu komponen?

- Komponen sebagai fungsi sederhana yang dapat Anda panggil dengan beberapa masukan dan membuat beberapa keluaran

Komponen terdiri dari dua jenis:

1️⃣ Komponen berbasis kelas

2️⃣ komponen berbasis fungsional

Komponen berbasis kelas didefinisikan menggunakan kelas ES6, sedangkan komponen fungsi adalah fungsi JavaScript dasar

1. Beautiful React Hooks

Kumpulan hook React yang cantik dan (semoga) berguna untuk mempercepat pengembangan komponen dan hook Anda

https://github.com/beautifulinteractions/beautiful-react-hooks

2. Lembar contekan Bereaksi

Cheatsheets untuk pengembang React berpengalaman yang memulai dengan TypeScript

https://github.com/typescript-cheatsheets/react

3. 30 Detik Bereaksi

Potongan kode React singkat untuk semua kebutuhan pengembangan Anda

https://github.com/30-seconds/30-seconds-of-react

4. React roadmap

untuk menjadi pengembang React roadmap 

https://github.com/adam-golab/react-developer-roadmap

5. Awesome React

Kumpulan hal-hal luar biasa tentang ekosistem React

https://github.com/enaqx/awesome-react

8 Rekomendasi Merk Firewall Hardware Terbaik

Firewall Hardware Hardware

8 Rekomendasi Merk Firewall Hardware Terbaik

Kabul Pujiono    10.54   Comentario  

1. CISCO

2. CHECKPOINT

- Fitur Lengkap
- GUI Mudah digunakan
- Tingkat Keamaanan yang baik

3. FORTINET

4. SANGFOR

5. ASA

6. WATCHGUARD

 https://www.watchguard.com/

7. SHOPOS

https://www.sophos.com/

8. Mikrotik

PowerCmd: Tools Pengganti Command Prompt Windows yang Lebih Baik

Download PowerCmd Software Windows

PowerCmd: Tools Pengganti Command Prompt Windows yang Lebih Baik

Kabul Pujiono    14.35   Comentario  

 PowerCmd: Tools Pengganti Command Prompt Windows yang Lebih Baik

PowerCmd adalah software tools alternative pengganti commad promt (cmd) disistem operasi windows, dengan antarmuka Windows GUI-style yang mudah digunakan dan memungkinkan untuk menjalankan beberapa konsol/perintah dalam satu jendela tab. 

Dengan PowerCmd, kita juga dapat menyimpan dan memulihkan sesi  terakhir kali, konfigurasin warna font, auto-complete pada baris perintah.

Website : http://www.powercmd.com/

Link Download : 
http://www.powercmd.com/Install_PowerCmd.exe

7 Logo Maker Online Terbaik untuk Membuat Logo Secara Mudah dan cepat

Framework Logo Maker Tools Website

7 Logo Maker Online Terbaik untuk Membuat Logo Secara Mudah dan cepat

Kabul Pujiono    09.01   Comentario  

Logo Maker Online Terbaik untuk Membuat  Logo Secara Mudah dan cepat

1. BRANDCROWD

https://www.brandcrowd.com/

Logo Maker - Make a Logo Design Online

2. ZYRO

https://zyro.com/

Dengan tool ini, Anda hanya perlu mengklik tombol Create Your Logo agar masuk ke halaman template. Situs web ini memiliki pengaturan yang mudah dipahami dan ribuan ikon premade yang dapat dipilih.

3. VISME

https://www.visme.co/

4.OBERLO

 https://www.oberlo.com/tools/logo-maker

5.CANVA

https://www.canva.com/templates/search/logos/

6. LOGOMAKR

https://logomakr.com/

7. DESIGNEVO

https://www.designevo.com/logo-maker/

Ringkasan Body of Knowledge Cyber security

Cyber Security Data Security

Ringkasan Body of Knowledge Cyber security

Kabul Pujiono    14.58   Comentario  

 Ringkasan Body of Knowledge Cybersecurity

1. Human, Organizational & Regulator Aspect :

- Risk Management & Governance

- Human Factors

- Privacy & Online Rights

- Law & Regulation

 

2. Attacs & Defences

- Malware & Attack Technologies

- Adversarial Behaviours

- Forensics

- Security Operation & Incident Management

 

3. System Security

- Operating System & Virtualisation Security

- AAA (Authentication, Authorization and Accounting)

- Distributed System Security

- Cryptography

 

4. Software & Platform Security

- Software Security

- Web & Mobile Security

- Secure Software Lifecycle (SSLC)

 

5. Infrastructure Security

- Network Security

- Hardware Security

- Cyber Physical System Security (ex : IOT)

- Physical Layer & Telecomms Security

Source Link 
https://www.youtube.com/watch?v=gKBwEixTrPc

Tools Encrypt / obfuscator Kode Javascript

Javascript web programming Website

Tools Encrypt / obfuscator Kode Javascript

Kabul Pujiono    13.43   Comentario  

 Obfuscator Javascript Tools

Obfuscator Javascript Tools adalah obfuscator (Pengkaburan Code) gratis yang andal untuk JavaScript, berisi berbagai fitur yang memberikan perlindungan untuk kode sumber Anda. Alat ini mengubah kode sumber JavaScript asli Anda menjadi representasi baru yang lebih sulit untuk dipahami, disalin, digunakan kembali, dan dimodifikasi tanpa otorisasi. 

Hasil yang dikaburkan akan memiliki fungsi yang sama persis dengan kode aslinya.

Fitur :
1. Lock Domain (Code Javascript yang di kaburkan hanya akan berjalan pada domain yang kita targetkan).
2. Disable Console Output (Mematikan fungsi console.log() yang dihasilkan oleh kode javascript).
3. Debug Protection (Menonaktifkan fungsi debugger di browser agar kode kita tidak dapat di ketahui alur kerjanya).
4. Debug Protection Interval (Menjalankan fungsi untuk mematikan fungsi debugger secara berulang jika pengguna terdeteksi mencoba mengaktifkan debugger browser).
5. Target (Menargetkan kode yang telah dikaburkan agar dapat berjalan di 3 pilihan, yaitu browser, browser no eval, dan node js
tools online --> https://ojs.maskoding.com

Memasang meta keywords otomatis pada laman blogspot

Belajar SEO Blogger Optimasi SEO SEO

Memasang meta keywords otomatis pada laman blogspot

Kabul Pujiono    17.02   Comentario  

 Memasang meta keywords otomatis pada laman blogspot

1. Login ke blogger.com
 
2. Klik menu "Template"
3. Klik "Edit HTML"
4. Letakan kode di bawah ini tepat di bawah kode <head>:

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<meta expr:content='data:blog.title' name='keywords'/>

</b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'>

<meta expr:content='data:blog.pageName' name='keywords'/></b:if>

Contoh Penulisan Metode GET ($_GET) php dengan anti SQL Injection

Belajar Web Security Sourcecode Website

Contoh Penulisan Metode GET ($_GET) php dengan anti SQL Injection

Kabul Pujiono    09.23   2 Comentarios  

 Contoh Penulisan Metode Get php dengan anti SQL Injection

<?php if(isset($_GET["modul"]))
{ $modul = addslashes(mysqli_real_escape_string(strtoupper($_GET["modul"]))); }?>

Fungsi :

mysqli_real_escape_string  -> fungsi PHP yang digunakan untuk memberi perlindungan atau mencegah Sql Injection dalam tanda kutip, terhadap karakter-karakter unik atau karakter khusus sebelum mengirim query ke mysql yang dapat membahayakan data termasuk dari serangan SQL injection.
strtoupper --> adalah suatu perintah yang ada pada PHP untuk membuat suatu string menjadi huruf kapital

Cara Install Sublime Text di Lubuntu Linux 20.04 LTS

Belajar Linux Linux Lubuntu Linux Sublime Text

Cara Install Sublime Text di Lubuntu Linux 20.04 LTS

Kabul Pujiono    11.24   Comentario  

Install Sublime Text di Lubuntu Linux 20.04 LTS

Pastikan kalian sudah menginstall apt-transport-https

# sudo apt-get install apt-transport-https

Selanjutnya pasang GPG key dari Sublime Text

# wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -

Tambah Repository

# echo "deb https://download.sublimetext.com/ apt/dev/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

Update Repository

# sudo apt-get update

# sudo apt-get install sublime-text

License Sublime Text 3

—– BEGIN LICENSE —–

Free Communities Consultoria em Informática Ltda

Single User License

EA7E-801302

C154C122 4EFA4415 F1AAEBCC 315F3A7D

2580735A 7955AA57 850ABD88 72A1DDD8

8D2CE060 CF980C29 890D74F2 53131895

281E324E 98EA1FEF 7FF69A12 17CA7784

490862AF 833E133D FD22141D D8C89B94

4C10A4D2 24693D70 AE37C18F 72EF0BE5

1ED60704 651BC71F 16CA1B77 496A0B19

463EDFF9 6BEB1861 CA5BAD96 89D0118E

—— END LICENSE ——

Konfigurasi Mikrotik yang wajib dikuasai administrator jaringan

Konfigurasi Mikrotik Mikrotik

Konfigurasi Mikrotik yang wajib dikuasai administrator jaringan

Kabul Pujiono    10.07   Comentario  

Konfigurasi Mikrotik 
- Konfigurasi Hotspot
- Konfigurasi Hotspot Voucher
- Konfigurasi Isolir PPPoE
- Konfigurasi Auto Isolir PPPoE
- Konfigurasi Pembagian Bandwidth Secara Merata
- Konfigurasi Pemantauan CCTV Online (Bisa Pakai VPN / IP Publik ISP Anda)
- Konfigurasi VLAN
- Konfigurasi Blokir Situs
- Konfigurasi Load Balance (Menggabungkan 2 Internet atau Lebih)
- Konfigurasi VPN
- Konfigurasi Routing 2 ISP (Streaming, Browsing, Download & Game)
- Konfigurasi AutoLogin WMS
- Konfigurasi Managament Bandwidth (Pisah Trafik Browsing & Game)

.htaccess untuk redirect dari http ke https

.htaccess Belajar Web Sourcecode web programming

.htaccess untuk redirect dari http ke https

Kabul Pujiono    19.57   Comentario  

 .htaccess untuk redirect dari http ke https: 

RewriteEngine On

RewriteCond %{HTTPS} off

RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Cara Membuat Redirect Website ke Website Lain

PHP Sourcecode web programming Website

Cara Membuat Redirect Website ke Website Lain

Kabul Pujiono    13.03   Comentario  

 1. Kode HTML  Redirect Website

<!DOCTYPE html>

<html>

<head>

    <title>Redirect</title>

    <meta http-equiv="refresh" content="0; url=https://tekno-cyber.blogspot.com/">

</head>

<body>

</body>

</html>

2. KODE PHP REDIRECT WEBSITE

<?php

header("Location: https://tekno-cyber.blogspot.com");

?>