Forem: Chris Martins

Scope Basis (Life span of a code)

Chris Martins — Fri, 07 Jan 2022 15:47:22 +0000

In this article, we will be discussing the accessibility of a given code, based on its scope declaration.

Definition of Variable Scope: Scope of a variable is the part of a program in which a code is accessible.
Basically we have 2 types of Variable scopes; Global scope and The Local scope.

Further more, a code can only be accessed in a program if it hasn't used up its life span. That is to say, every code has a given life span in which when exhausted, the code will be erased from the memory of the computer. The computer will not be able to access that code or run it.

GLOBAL SCOPE: a global variable scope is accessible throughout the entire program. In other words they have a very long life span. You can access a global variable scope anywhere throughout the program. They are citizen of the entire program. In the program, a globally declared variable scope takes dominance, but within a local variable scope, the locally declared variables are dominant(gets executed over the global variable scope).
You can access the global variable scope even in local scope like within a function. A global variable scope claims citizenship throughout the entire program.

For Example:
let a = gold; Console.log(a); Function local(){ let b = silver; Console.log(a) } local();
When we run this code we get the word gold printed twice, though it wasn't declared within the function, but for the fact it's a globally declared variable scope, it can be accessed throughout the program, and have a long life span.

LOCAL SCOPE: A local variable scope is a code that is only accessible within the code block it was declared, within a function. It takes citizenship of only its code block or within the function it was declared, outside which the code ceases to exist, or its life span is terminated. A locally declared variable scope can not be accessed outside its code block, once the code block ends, the life span of the local scope ends as well, and it gets erased from the memory of the computer. That is to say, you can not call a locally declared variable outside its function or code block, it will return the error not declared.
However, within the function or the code block of a local variable scope, the local scope takes dominance over the global scope.
For Example:
let a = gold; Function local(){ let a = silver; Console.log(a) } local();
When we call the function local, it returns silver. Because within the local scope, the locally declared variable takes dominance over the global scope.

But when we call a local scope outside its code block, it can not be accessed. It will return the error not declared. That is, once the code block ends, the life span of a locally declared variable ends as well.

If we declare a variable locally with the same variable name as a globally declared variable, both variables are entirely different and will return either the local scope or global scope based on where it is called.
Example;
let a = gold; Console.log(a); Function local(){ let a = silver; Console.log(a) } local();
When we run the above code, it will return gold, while the function will return silver.
Based on its scope, codes with same variable name can return different result.

Understanding HTML

Chris Martins — Sun, 15 Aug 2021 01:05:26 +0000

HTML DIV

In writing the HTML(Hyper Text Markup Language) of a web page, the use of the HTML tag called Div is one of the important HTML tag that every programmer should understand the schematics and it's purpose in writing our HTML codes.

I came across a beginner to front end web development that said she had to stop her learning process due to lack of understanding of the HTML tag DIV, so I am writing this for absolute beginners to understand exactly what DIV is used for and there purpose and importance in writing a good HTML code.

The div tag defines a division or a section in a standard HTML code. The div tag is used as a container for HTML elements. When ever you need to divide or separate the elements on a webpage, you use the HTML tag (div).

While writing our codes for instance, we have the menu section, the about section, the skill section, the projects section, the contact section and the footer section. It is advisable to always wrap up each sections with a DIV.

The div tag is easily styled by using the class or id attribute. When ever you want to effect a change in the style of a particular section, it is easier to Target the DIV class or ID, by so doing the changes affects all the elements and contents that is placed within the opening and closing div;

Any sort of content can be put inside the

tag!

NOTE:By default,browsers always place a line break before and after the div element.

A DIV is simply a container that holds different sections and elements in an HTML document.
You get to also see the beauty of a div when we start having sections and sub sections. Here you can have a div as a child inside a parent div.

We make use of DIV for easy styling of each sections, subsections and to make our codes orderly, readable and reusable.

7 Rules That Every Designer Must know

Chris Martins — Mon, 09 Aug 2021 11:41:58 +0000

7 RULES THAT EVERY DESIGNER MUST KNOW

CONSISTENCY AND STANDARD:
When working on a project, you must use the same type of icons and fonts throughout a particular project. Make use of standard icons and generally accepted contents.
If you are creating your own icons, then you should make sure they are of standard and maintain the use of it throughout the project.
For instance if you choose to use font 16px for your headings and 12px for your paragraphs, you have to maintain those number through out that particular project.
COLOR SCHEME
Your choice of color combination in a design should be based on logical combination of colors from the color wheel. An in depth knowledge of monochromatic or complementary colors should be known. For example the color purple and yellow are complementary to each other on the color wheel; thus they are perfect to be used together in a design.
SPACE MANAGEMENT:
Spaces invokes imagination, when we see space in design, it allows us to imagine and roam free. It creates readability to the elements when gaps are created to ensure that the users can find and digest information presented more easily.
Adequate use of the spaces on your design page should be utilized to avoid congestion of contents on a particular page.
VISUAL HIERARCHY:
This is a design techniques whereby designers makes a particular section on a page to be viewed first.
There are different characteristics used to achieve hierarchy in design: Size – Users notice larger elements more easily.
Color – Bright colors typically attract more attention than muted ones.
READABILITY:
Ability to manipulate contrast of the background and the text color to ensure that the texts are visible to the readers without straining the eyes.
As a designer you make use of colors, fonts and thickness of text to achieve this.
Note: Always have a text background when writing on an image.
SIMPLICITY AND MINIMALISM:
Always focus on using the minimalist designs on a page. Less of contents is more. Avoid congestion of contents on a particular design page.
Never add a lot of content in a page in the name of beautifying it. Utilize the least contents to ensure simplicity of your designs.
WHITE SPACE:
These are areas on your design without contents. White spaces are the spaces between your images, texts and contents on a design page.
One may refer to it as emptiness, and may be pushed to fill them up. But I tell you to always give room for white spaces in your design to help balance out the part with contents.