DEV Community: satschnt

An HTML roadmap that will help you achieve your HTML goals

satschnt — Mon, 31 Jul 2023 11:02:08 +0000

Do you want to learn HTML but don’t know where to start? Check out this roadmap that will give you a little guide on how to start learning HTML and achieve your coding goals.

Basics
Research on following questions:

What editors can I use?
What's the anatomy of an HTML file?
What are HTML elements?
What are HTML attributes?

HTML main level tags
Definitions and usages of following tags:

doctype
head
title
meta
link
script
body

Commonly used tags
Definitions and usages of following tags:

headings
paragraphs
text formatting
lists
tables
forms
images
iframes

HTML semantic elements
Definitions and usages of following tags:

article
aside
details
figcaption
figure
footer
header
main
mark
nav
section
summary
time

HTML events

window events
keyboard events
mouse events
form events
media events
drag events
clipboard events

8 things to consider before you develop a website

satschnt — Mon, 31 Jul 2023 10:46:35 +0000

01: Domain
Choose a domain that’s fitting with your business and make it easy to remember for your users.
Try to use a .com address because that’s the most common one and people rather trust a .com domain than something else.

02: Hosting
Find a reliable hosting and choose the right package for your use case.
Is it a small website? Then you don’t need the super mega pro package with 500GB of cloud storage.

03: Technologies
Take a second to think about what technology would be the best fit for your website.
What programming languages will you use, does using a CMS system would make sense?

04: Purpose
Write it down - what’s the purpose of the website you’ll build?
Is it to showcase a business, is it a social platform or maybe an online shop?
Write down the purpose and start building up from that.

05: Audience
Figure out who the main audience is and build a website that will attract that audience.

06: Sitemap
What content will you have on your website?
Make a flow chart or a mind map to visualize the structure of your website. That helps with prioritizing what should go on the first level of the menu.

07: Colors
Colors affect the whole look and feel of your website and they also affect how users feel while being on your website.
With knowing what your purpose is, you’ll have it easier to choose the right colors.

08: Layout
Start with roughly sketching out your website and think about what you want to show on the main page.
It’s good to have the overall content being shown on the main page.
You can summarize subpages and display a teaser on the main site.

15 technical acronyms with their meaning & explanation

satschnt — Mon, 31 Jul 2023 10:45:10 +0000

AWS - Amazon Web Services
AWS is a cloud computing platform provided by Amazon. AWS services can offer an organisation tools such as compute power, database storage and content delivery services.

VCS - Version Control Systems
A VCS automates the process of version control. It tracks the changes to a file or a set of files over time. It keeps a complete history of your code and other files, allowing an user to return to a previous version if needed.

ASCII - American Standard Code for Information Interchange
ASCII is 128 specified characters that are categorized into seven-bit integers which define standard encoding for letter, number and symbol characters.

It also became the standard for the US government in 1968.

WYSIWYG - What You See Is What You Get
“What you see is what you get” refers to the ability of an editor/software to show the user exactly how their content will look. A very common example for that is Microsoft Word.

SDK - Software Development Kit
An SDK is used to create applications for a specific platform or programming language. A SDK typically includes an API, but it also includes other resources like documentation, sample code, and development tools.

SaaS - Software-as-a-Service
SaaS is a cloud based software delivery model that allows end users to access software applications over the internet.

IDE - Integrated Development Environment
An IDE is a software application that helps programmers develop software code efficiently.

WWW - World Wide Web
WWW is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages that can be accessed over the internet.

URL - Uniform resource locator
URL is another name for a web address. URLs are made of letters, numbers and other symbols in a standard form. People use them on computers, to make the computer fetch and show some specific resource (usually a web page) from another computer (web server) on the Internet.

APN - Access point name
APN is a gateway between a cellular network and the internet. It’s an important entry point for cellular devices because it defines the type of network access the device will receive and allows security.

HDMI - High definition multimedia interface
The HDMI cable transmits data (in form of digital 0s and 1s) from a source to device such as a TV, computer, laptop, projector or speaker. The Standard HDMI cable is one of the most common and has been designed to work with satellite TV resolutions of up to 720p and 1080i, with the bandwidth being capable of speeds up to 5Gbps.

LED - Light emitting diode
LED is a semiconductor device that emits light when an electric current is passed through it. Light is produced when the particles that carry the current combine together within the semiconductor material.

RAM - Random access memory
RAM is your computer or laptop's short-term memory. It's where the data is stored that your computer processor needs to run your applications and open your files.

WiFi - Wireless Fidelity
WiFi is a wireless technology used to connect computers, tablets, smartphones and other devices to the internet.

EOF - End Of File
EOF is a code placed by a computer after a file's last byte of data.

DEV Community: satschnt

An HTML roadmap that will help you achieve your HTML goals

Top 8 HTML interview questions & answers

8 things to consider before you develop a website

15 technical acronyms with their meaning & explanation