Forem: Rendy Setiawan

HTML — cheatsheet

Rendy Setiawan — Sun, 04 Feb 2024 07:33:03 +0000

HTML cheatsheet for Document Outline, Page Information, Document Structure, Links, Text Markup, List, Images, Comments, Forms, Objects, Tables, Common Character and Entities.

Document Outline
<DOCTYPE> → Version of (X)HTML
<html> → HTML Document
<head> → Page Information
<body> → Page contents

Page Information
<title> → Title
<style> → Style resources
<script> → Script resources
<link /> → Relevant resources
<base /> → Base URL
<meta /> → Meta data

Document Structure
<h(1-6)> → Heading (1–6)
<div> → Page section
<span> → Inline Section
<p> → Paragraph
<br /> → Line break
<hr /> → Horizontal rule

Links
<a href=""> → Page link
<a href="mailto:"> → E-Mail link
<a name="name"> → Anchor
<a href="#name"> → Link to anchor

Text Markup
<strong> → Strong emphasis
<em> → Emphasis
<blockquote> → Long quotation
<q> → Short quotation
<abbr> → Abbreviation
<acronym> → Acronym
<address> → Address
<pre> → Pre-formated text
<dfn> → Definition
<code> → Code
<cite> → Citation
<del> → Deleted text
<ins> → Inserted text
<sub> → Subscript
<sup> → Superscript
<bdo> → Text direction

List
<ol> → Ordered list
<ul> → Unordered list
<li> → List item
<dl> → Definition list
<dt> → Definition term
<dd> → Term description

Images
<img /> → Image
<map> → Image map
<area /> → Area of image map

Comments
 Comment text

Form
<form> → Form
<fieldset> → Collection of fields
<legend> → Form legend
<label> : → Input label
<input /> → Form input
<select> → Drop-down box
<optgroup> → Group of options
<option> → Drop-down options
<textarea> → Large text input
<button> → Button

Objects
<object> → Object
<param /> → Parameter

Tables
<table> → Table
<caption> → Caption
<thead> → Table header
<tbody> → Tabel body
<tfoot> → Table footer
<colgroup> → Column group
<col /> → Column
<tr> → Table row
<th> → Header cell
<td> → Table cell

Common Character and Entities
&#34 → " Quotational mark
&#38 → & Ampersand
&#60 → < Less than
&#62 → > Greater than
&#64 → @ "At" symbol
&#128 → ∙ Small bullet
&#149 → Non-breaking space
&#153 → € Euro
&#160 → ™️ Trademark
&#163 → ￡ Pound
&#169 → © Copyright symbol

#HTML #Cheatsheet #Tutorial #WebDev

Part 1 | Fake E-commerce Job Interviews Invitation

Rendy Setiawan — Sat, 27 Jan 2024 00:51:14 +0000

Whoever you are is looking for work, be careful of fake job vacancies that target your credentials data.

This content explains the characteristics of phishing websites by taking case examples from the X (Twitter) Workfess account.

Phishers create a fake website blibli.com and send phishing links to victims to deceive them. It is as if the message was sent by the blibli.com recruitment party to obtain the victim’s credential data in the form of ID/Phone Number and Password.

From this message, there are three possibilities:

Steal your credentials then they use your ID and password to log in to the official website
Trick you into getting benefits from spreading referral codes
Combination of points 1 and 2.

Short link: This is to disguise the real URL from the fake website.

ID & Password: To steal your credentials.

Check The Phishing Website

Open The Short Link

After the short link opens, you will be redirected to this URL.

Appearances of Fake URL and Website

Phisher wants you to input your ID and password, so they can steal it.

Check blibli(dot)com official website

Appearances of Official blibli(dot)com Pages

Comparison Between Fake and Official Website

URL Comparison Between Fake vs Official Websites

Appearances Comparison Between Fake vs Official Websites

Steps by Steps to Avoid Phishing

Protect Personal Data: Avoid sharing personal information carelessly.
Don’t Click on Random Links: Verify before clicking on links received via email or message.
Use Official Software: Make sure you use official and trusted software.
Improve Device Security: Always update your device and enable security features.
Pay Attention to The Email Sender: Carefully check who the email sender is before responding or clicking on the link it contains.

Glossary

Phishing: Online fraud is carried out through fake emails, links, websites or telephone calls that are made to be as similar as possible to the original. The goal is to obtain sensitive data and information, such as bank accounts or usernames and passwords.

Phishers: Cybercriminals who carry out phishing are called phishers.

URL (Uniform Resource Locator): URL functions to take you to a specific website that you want to go to. To do this, you will be asked to type this web address in the address bar of your browser

Credentials: Guarantee trust or confidentiality. It can also be called proof of identity. (The context in this content is an ID and password).

Jobseekers #Ecommerce #Phishing #PhishingAwareness #Cybersecurity #EducationAgainstFraud

Creating GitHub Template Repository

Rendy Setiawan — Mon, 23 Jan 2023 11:14:27 +0000

Table of Content:

STEP 1 (Create a New Repository)
STEP 2 (Create a Template Repository)
STEP 3 (Creating Repository from a Template)

You can create a new repository on your GitHub account or any organization where you have sufficient permission.

If you want to create a template from the existing repository go through STEP 2.

STEP 1 (Create a New Repository)

In the upper right corner, use the + drop-down menu and select New Repository.
1.1.1 — create a new repository
Or click the tab Repositories → New.
1.1.2 — create a new repository
In the Owner drop-down, select the account on which you wish to create the repository.
1.2 — choose repository owner
Type a Name for your repository, and fill in an optional Description box.
1.3 - fill repository name and description
Choose repository visibility.
- Public repositories = are accessible to everyone on the internet.
- Private repositories = are only accessible to you, and people who you share access with, and for organization repositories, specific organization members.
  1.4 - repository visibility
Check the Add a README file box.
- You can edit the README file later.
  1.5 - add a readme file.
Click Create Repository.
1.6 - create a repository button
Your new repository is ready.
1.7 - repository ready to use

STEP 2 (Create a Template Repository)

Under your repository name, click ⚙️ Setting.
2.1 - setting repository
Fill in the checkbox Template Repository.
2.2 - setting activate template repository
Go back and refresh your browser.
If successful, Use this template button just added.
2.4 - before and after setup of a template repository
Now, your template is ready for editing before you use it.

STEP 3 (Creating Repository from a Template)

On the GitHub page, navigate to the main page of the repository. You can use templates from your repository, organization repository, or another repository. Click Use this template and select Create a new repository.
3.1.1 - create a new repository from the template Another step to Create New Repository is In the upper right corner, use the + drop-down menu and select New Repository.

3.1.2 - create a new repository from the template Or click the tab Repositories → New.

3.1.3 - create a new repository from the template
To create a repository with your template of the directory structure and files of an existing repository, use the Choose a template drop-down and select a template repository.
3.2 - create a new repository from the template After this step, the next step is the same as STEP 1 (Create New Repository) starting from no.2 - 7.
In the Owner drop-down, select the account on which you wish to create the repository.
3.3 - repository owner
Type a Name for your repository, and fill in an optional Description box.
3.4 - fill repository name and description
Choose repository visibility.
- Public repositories = accessible to everyone on the internet
- Private repositories = are only accessible to you, and people who you share access with, and for organization repositories, specific organization members.
  3.5 - repository visibility
Check the Add a README file box.
- You can edit the README file later.
  3.6 - add a readme file
Click Create Repository.
3.7 - create a repository button
Your newly generate template repository is ready.
3.8 - newly generate template repository Finish.

How to Install Java on Manjaro Linux

Rendy Setiawan — Fri, 04 Feb 2022 18:01:00 +0000

Install OpenJDK with "Terminal"
Install OpenJDK with “Software Manager”
Check Java Version
Check Javac Version

Install OpenJDK with "Terminal"

Open your Terminal
Type pamac install openjdk on your terminal and then press [ENTER]
Wait for the downloading and installation progress.

Installing Java using Terminal

Install OpenJDK with “Software Manager”

Open Add/Remove Software
On the Search Box, type openjdk and then press [ENTER]
Use the appropriate one for whichever Java version you wish to install.

Installing Java from Add/Remove Software

Check Java Version

You can check if Java is installed and see what version you’re running by executing this command:
java -version

Check "java version" command

Check Javac Version

You can check if Javac is installed and see what version you’re running by executing this command:
javac -version

Check "javac version" command

Finish.