Make our code clean and easy to work with.
In this article, we’ll look at some basic coding and design patterns.
To organize our code in ways that we can work with them easily, we got to follow some patterns that allow that to happen.
Many people have thought of this problem, so we can follow existing patterns mostly.
Coding patterns are some best practices we can follow to improve our code.
Design patterns are language-independent patterns that are popularized by the Gang of Four book.
The content should be in the HTML code.
They have the markup to describe the meaning of the content.
For instance, we use
ul for lists and
li for list items and so on.
HTML code should be free from any formatting elements.
Visual formatting belongs to the presentation layer and should be achieved with CSS.
style attribute shouldn't be used for formatting.
Presentational HTML tags also shouldn’t be used.
Tags should be used form their meaning.
section for dividing the text into sections,
aside for a sidebar etc. should be used instead of
div for everything.
To make our pages presentable we can reset the browser defaults to be the same across all browsers.
Popular CSS frameworks like Bootstrap will do this.