Forem: Nicholas Chibueze Michael

Before You Journey into Tech: My Honest Thoughts from Experience

Nicholas Chibueze Michael — Wed, 12 Nov 2025 00:54:02 +0000

When I decided to get into tech, I didn’t really know what I was getting myself into. I just knew it looked cool — people were building apps, working remotely, earning well, and doing all sorts of things I found fascinating. But after a while, I realized something: tech isn’t just about writing code or building apps. It’s a mindset. A whole world that rewards curiosity, patience, and persistence.

If you’re thinking of starting a career in tech, I want to share a few things I wish someone had told me earlier.

Tech Isn’t One Thing — It’s Many Worlds When I first heard people say “I work in tech,” I thought it all meant programming. Later, I found out tech is more like a city — with different neighborhoods. There’s web development, cybersecurity, UI/UX design, data science, cloud computing, artificial intelligence, and so much more.

Before you pick a lane, explore a bit. Watch videos, read articles, try free courses, and see what actually catches your interest. You might fall in love with coding… or you might discover that design or networking fits you better.

Know Why You Want This Let me be honest — most people start because they hear tech pays well. I did too. But if money is the only reason, you’ll lose motivation quickly. The real reward in tech comes from solving problems and creating things from nothing.

Ask yourself: Why do I want this? Maybe you love solving puzzles, maybe you like the idea of building tools that help people, or maybe you just enjoy figuring out how things work. Whatever your reason, make sure it’s deeper than the paycheck — that’s what will keep you going when things get tough.

Train Your Mind to Solve Problems Tech is like a gym for your brain. Every bug, every confusing error message, every broken project — they all test your patience. You’ll need to think logically, break big problems into smaller ones, and stay calm when everything crashes at midnight (because it will).

Start small. Play logic games, fix simple bugs, build tiny projects. Every bit of problem-solving adds up.

Understand the Tools Before You Use Them
Before diving into frameworks and complex programming, understand how computers actually work. Learn how the internet moves data, what a server does, and how files are stored. It might sound boring, but trust me — it makes everything else make sense later.
Focus on One Language First
When I started, I made the rookie mistake of trying to learn five programming languages at once. It was chaos. The truth is, you only need one to start.
Pick something simple and widely used — like Python or JavaScript — and stick with it until you can build small projects confidently. Once you master one, learning others becomes much easier.
Patience Will Be Your Superpower
You’ll write code that doesn’t work. You’ll follow tutorials that confuse you. You’ll want to quit sometimes. I’ve been there. Everyone has. But here’s the thing — every great developer you admire once felt like they weren’t good enough.

Be consistent. Learn something new every day, even if it’s small. Over time, everything connects.

Find Your People
Tech can be lonely if you try to go it alone. Join online communities, attend local meetups, ask questions, and share what you learn. You’ll be surprised how many people are going through the same struggles.
Some of the best opportunities I’ve gotten came from people I met while learning, not from job boards.
Pick a Path and Stick with It (for a While)
At some point, you’ll have to choose. Web development, AI, cybersecurity — whatever excites you most. Don’t try to master everything at once. Stay focused on one path for at least six months. You can always explore others later.
Build Small Projects — Even If They Look Silly
You learn more by building than by reading. Your first project might be a calculator, a to-do list, or a small blog — and that’s perfectly fine. Each project teaches you something new, and every mistake is progress in disguise.
Learn How to Learn
This is the golden rule. Tech changes faster than any field I know. Frameworks that are hot today might be gone in a few years. The only thing that truly lasts is your ability to adapt and learn on your own.

Don’t wait for someone to teach you everything. Read documentation, explore, experiment, and stay curious.

Final Thoughts

Choosing a career in tech is one of the best decisions I ever made — not because it was easy, but because it challenged me to grow. It taught me to be patient, to keep learning, and to think like a builder.

So if you’re about to start this journey, go for it — but go in with open eyes and a hungry mind. Tech isn’t a race. It’s a long adventure. And the best part? You don’t need to know everything before you begin. You just need to start.

Understanding HTML Semantic Tags: Importance and Practical Uses

Nicholas Chibueze Michael — Wed, 12 Nov 2025 00:45:13 +0000

HTML semantic tags are elements that clearly describe their meaning and purpose to both browsers and developers. Unlike non-semantic elements like
or , which provide no specific information about their content, semantic tags such as
,
,
, and
convey the structure and context of the content they enclose. This article explores the importance of semantic tags, provides examples of their use, and highlights why they are essential in modern web development.

What Are Semantic Tags?
Semantic tags are HTML elements that carry meaningful names, making it easier to understand the role of the content within them. Introduced prominently in HTML5, these tags help define the structure of a webpage in a way that is intuitive for developers, search engines, and assistive technologies like screen readers. Examples include
,
,
,
,
,
, and
.

By using semantic tags, developers can create web pages that are more accessible, maintainable, and optimized for search engines. They replace generic containers like
with elements that explicitly describe their purpose, reducing ambiguity and improving code readability.

Importance of Semantic Tags
1 Improved Accessibility Semantic tags make websites more accessible to users who rely on assistive technologies. Screen readers interpret semantic elements to provide context, helping visually impaired users navigate content more effectively. For example, a  tag indicates a navigation menu, allowing screen readers to announce it as such. 
2 Better Search Engine Optimization (SEO) Search engines like Google use semantic markup to understand the structure and content of a webpage. Tags like  or help search engines identify key sections, improving indexing and ranking. Well-structured semantic HTML can lead to better visibility in search results.  
3 Enhanced Code Readability and Maintainability Semantic tags make the codebase easier to read and maintain. Developers can quickly understand the purpose of each section without relying on excessive comments or class names. For instance,  clearly indicates the page’s footer, whereas a requires additional context.  
4 Future-Proofing and Standards Compliance Semantic HTML aligns with web standards set by the World Wide Web Consortium (W3C). Using semantic tags ensures compatibility with modern browsers and tools, making your code more robust and adaptable to future updates.
5 Improved User Experience Semantic markup contributes to consistent rendering across devices and browsers. It also supports responsive design by providing a clear structure that CSS and JavaScript can target efficiently.
Common Semantic Tags and Their Uses
Below are some widely used HTML5 semantic tags, their purposes, and practical examples.

Purpose: Represents introductory content or a group of navigational aids at the top of a page or section. Use Case: A website’s header typically contains a logo, site title, or navigation menu.

My Website

Home

About

Contact

In this example, the
contains the site title and navigation, clearly indicating the top section of the page.

Purpose: Defines a block of navigation links. Use Case: Used for primary or secondary navigation menus.

Blog

Shop

Support

The
tag helps screen readers identify navigation areas, allowing users to jump to key links quickly.

Purpose: Represents the main content of the document, excluding headers, footers, and sidebars. Use Case: Contains the primary content unique to the page.

Welcome to Our Blog

Explore our latest articles on web development.

Using
ensures that the primary content is easily identifiable, improving accessibility and focus for users.

Purpose: Represents a self-contained piece of content that can stand alone, such as a blog post or news article. Use Case: Ideal for content that can be independently distributed or syndicated.

Top 10 Web Development Trends in 2025

This article explores the latest trends shaping the web...

The
tag helps search engines and aggregators identify reusable content, boosting SEO.

Purpose: Defines a thematic grouping of content, typically with a heading. Use Case: Organizes content into logical sections within a page.

Our Services

We offer web design, development, and SEO services.

Using
improves document structure by grouping related content together.

Purpose: Represents content tangentially related to the main content, such as sidebars or callouts. Use Case: Used for advertisements, related links, or side notes.

Article 1

Article 2

The
tag is perfect for supplementary content that enhances but isn’t critical to the main content.

Purpose: Represents the footer of a page or section, typically containing metadata, contact info, or links. Use Case: Used for copyright information, social media links, or contact details.

The
tag clearly marks the end of the page or section, improving navigation for users and bots.

and Purpose: contains self-contained content like images or diagrams, while provides a caption. Use Case: Used for images, charts, or code snippets with descriptions.

Sales performance for Q1 2025.

These tags associate captions with media, enhancing accessibility and context.
Best Practices for Using Semantic Tags
1 Use Semantic Tags Purposefully Choose tags based on their intended meaning. For example, avoid using  when is more appropriate for standalone content.  
2 Avoid Overusing  
3 Replace generic elements with semantic alternatives where possible to improve clarity and accessibility.  
4 Ensure Proper Nesting Nest semantic tags logically. For example, a  or can be used within an or to define their specific headers or footers.    
5 Test for Accessibility Use tools like WAVE or Lighthouse to ensure your semantic markup is accessible to screen readers and other assistive technologies.
6 Combine with ARIA Roles When Needed While semantic tags are powerful, ARIA (Accessible Rich Internet Applications) roles can enhance accessibility for complex interfaces. For example, role="navigation" can complement a  tag in specific cases. 
Conclusion
HTML semantic tags are a cornerstone of modern web development, offering benefits in accessibility, SEO, maintainability, and user experience. By using tags like
,
,
,
, and
, developers can create structured, meaningful, and future-proof web pages. The examples provided demonstrate how these tags can be applied in real-world scenarios to organize content effectively.

Adopting semantic HTML is not just a best practice—it’s a necessity for building inclusive, efficient, and high-performing websites. Start incorporating semantic tags into your projects today to unlock their full potential.

Understanding HTML Semantic Tags: Importance and Practical Uses

Nicholas Chibueze Michael — Mon, 02 Jun 2025 14:17:54 +0000

HTML semantic tags are elements that clearly describe their meaning and purpose to both browsers and developers. Unlike non-semantic elements like <div> or <span>, which provide no specific information about their content, semantic tags such as <header>, <footer>, <article>, and <section> convey the structure and context of the content they enclose. This article explores the importance of semantic tags, provides examples of their use, and highlights why they are essential in modern web development.

By using semantic tags, developers can create web pages that are more accessible, maintainable, and optimized for search engines. They replace generic containers like <div> with elements that explicitly describe their purpose, reducing ambiguity and improving code readability.

Importance of Semantic Tags

Improved Accessibility
Semantic tags make websites more accessible to users who rely on assistive technologies. Screen readers interpret semantic elements to provide context, helping visually impaired users navigate content more effectively. For example, a <nav> tag indicates a navigation menu, allowing screen readers to announce it as such.
Better Search Engine Optimization (SEO)
Search engines like Google use semantic markup to understand the structure and content of a webpage. Tags like <article> or <header> help search engines identify key sections, improving indexing and ranking. Well-structured semantic HTML can lead to better visibility in search results.
Enhanced Code Readability and Maintainability
Semantic tags make the codebase easier to read and maintain. Developers can quickly understand the purpose of each section without relying on excessive comments or class names. For instance, <footer> clearly indicates the page’s footer, whereas a <div class="footer"> requires additional context.
Future-Proofing and Standards Compliance
Semantic HTML aligns with web standards set by the World Wide Web Consortium (W3C). Using semantic tags ensures compatibility with modern browsers and tools, making your code more robust and adaptable to future updates.
Improved User Experience
Semantic markup contributes to consistent rendering across devices and browsers. It also supports responsive design by providing a clear structure that CSS and JavaScript can target efficiently.

Common Semantic Tags and Their Uses
Below are some widely used HTML5 semantic tags, their purposes, and practical examples.

<header> Purpose: Represents introductory content or a group of navigational aids at the top of a page or section.

Use Case: A website’s header typically contains a logo, site title, or navigation menu.

<header>
    <h1>My Website</h1>
    <nav>
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>
</header>

<nav> Purpose: Defines a block of navigation links.

Use Case: Used for primary or secondary navigation menus.

<nav>
    <ul>
        <li><a href="#blog">Blog</a></li>
        <li><a href="#shop">Shop</a></li>
        <li><a href="#support">Support</a></li>
    </ul>
</nav>

The tag helps screen readers identify navigation areas, allowing users to jump to key links quickly.

3.<main>
Purpose: Represents the main content of the document, excluding headers, footers, and sidebars.

Use Case: Contains the primary content unique to the page.

<main>
    <h2>Welcome to Our Blog</h2>
    <p>Explore our latest articles on web development.</p>
</main>

Using ensures that the primary content is easily identifiable, improving accessibility and focus for users.

4.<article>
Purpose: Represents a self-contained piece of content that can stand alone, such as a blog post or news article.

Use Case: Ideal for content that can be independently distributed or syndicated.

<article>
    <h2>Top 10 Web Development Trends in 2025</h2>
    <p>This article explores the latest trends shaping the web...</p>
</article>

The tag helps search engines and aggregators identify reusable content, boosting SEO.

<section>Purpose: Defines a thematic grouping of content, typically with a heading.

Use Case: Organizes content into logical sections within a page.

<section>
    <h2>Our Services</h2>
    <p>We offer web design, development, and SEO services.</p>
</section>

Using <section> improves document structure by grouping related content together.

Purpose: Represents the footer of a page or section, typically containing metadata, contact info, or links.

Use Case: Used for copyright information, social media links, or contact details.

<footer>
    <p>&copy; 2025 My Website. All rights reserved.</p>
    <a href="#contact">Contact Us</a>
</footer>

Best Practices for Using Semantic Tags

Use Semantic Tags Purposefully Choose tags based on their intended meaning. For example, avoid using <section>when <article> is more appropriate for standalone content.
Avoid Overusing <div> Replace generic` elements with semantic alternatives where possible to improve clarity and accessibility.
Ensure Proper Nesting
Nest semantic tags logically. For example, a <header> or can be used within an <article> or <section> to define their specific headers or footers.
Test for Accessibility

Use tools like WAVE or Lighthouse to ensure your semantic markup is accessible to screen readers and other assistive technologies.

Combine with ARIA Roles When Needed While semantic tags are powerful, ARIA (Accessible Rich Internet Applications) roles can enhance accessibility for complex interfaces. For example, role="navigation" can complement a <nav> tag in specific cases.

Conclusion
HTML semantic tags are a cornerstone of modern web development, offering benefits in accessibility, SEO, maintainability, and user experience. By using tags like <header>, <nav>, <main>, <article>, and <footer>, developers can create structured, meaningful, and future-proof web pages. The examples provided demonstrate how these tags can be applied in real-world scenarios to organize content effectively.

The Benefits of Working with Next.js: Empowering Modern Web Development

Nicholas Chibueze Michael — Sat, 17 Jun 2023 14:19:00 +0000

Introduction:
In the ever-evolving world of web development, staying ahead of the curve is essential. One framework that has gained significant traction and popularity among developers is Next.js. Built on top of React, Next.js offers a range of powerful features and benefits that streamline the development process and enhance the performance of web applications. In this article, we will explore the numerous advantages of working with Next.js and why it has become a go-to choice for modern web development projects.

Server-side Rendering (SSR) and Search Engine Optimization (SEO):
One of the standout features of Next.js is its support for server-side rendering. By rendering pages on the server, Next.js generates fully optimized HTML that improves initial page load times, enhances SEO capabilities, and delivers a smoother user experience. With Next.js, you can ensure your website is search engine-friendly and provides fast-loading pages to your users.
Easy Routing and File-based Organization:
Next.js simplifies routing by adopting a file-based routing system. Creating new routes is as simple as adding files in the pages directory. This intuitive approach enhances code organization, making it easier to manage complex projects and handle different URLs and page components effortlessly.
Automatic Code Splitting and Performance Optimization:
Next.js automatically splits JavaScript code into smaller chunks based on the pages and components used. This enables efficient loading of only the required code for each page, reducing initial load times and improving overall performance. Additionally, Next.js optimizes assets, such as images, for different devices and browsers, further enhancing performance.
Built-in API Routes:
With Next.js, creating backend API routes becomes a breeze. You can define API routes alongside your pages, enabling seamless integration of serverless functions and backend logic within your application. This simplifies the development process and allows for efficient handling of data requests and server-side operations.

5.CSS-in-JS and Styling Solutions:
Next.js provides native support for popular CSS-in-JS solutions like Styled Components and CSS Modules. This allows developers to write modular, scoped, and reusable CSS styles directly within their components, ensuring a more organized and maintainable codebase. Styling becomes more intuitive and manageable, improving developer productivity.

6.TypeScript Support:
Next.js has excellent TypeScript support out of the box. With TypeScript, developers can leverage static typing and improved tooling, reducing the chances of runtime errors and enhancing code quality. This ensures a more robust and maintainable codebase, particularly in larger projects.

Static Site Generation (SSG) and Incremental Static Regeneration (ISR):
Next.js supports static site generation, enabling the pre-rendering of pages at build time. This is beneficial for content-based websites or pages that do not require real-time data updates. Additionally, Next.js introduces Incremental Static Regeneration, which allows you to update specific pages with fresh data on a predefined schedule or when triggered by events.
Vast Ecosystem and Active Community:
Next.js benefits from a vibrant and rapidly growing community. With a large ecosystem of plugins, libraries, and resources, developers have access to a vast pool of knowledge and tools to enhance their Next.js projects. The active community also ensures ongoing support, continuous improvement, and regular updates, making Next.js a reliable choice for long-term development.

Conclusion:
Next.js has emerged as a leading framework for modern web development, offering an array of powerful features and benefits. From server-side rendering and efficient routing to code splitting and API integration, Next.js empowers developers to build high-performance web applications with ease. With its focus on performance, scalability, and developer experience, Next.js has become a preferred choice for projects of all sizes. Whether you are building a personal blog, a corporate website, or a complex web application, Next.js provides the tools and capabilities to bring your ideas to life effectively. Embrace Next.js and unlock a world of possibilities in the realm of modern web development.

The Benefits of Graphics Animation

Nicholas Chibueze Michael — Sat, 17 Jun 2023 13:41:25 +0000

What Is Graphics Animation?

Graphics animation is the process of creating moving images using graphics. This can be done through a number of methods, including computer animation, stop motion animation and traditional animation.
Graphics animation is often used in advertising, television, and movies to create visually appealing and stimulating content. It can also be used for educational purposes, to help explain complex concepts or ideas.
Graphics animation is an incredibly versatile medium that can be used to create anything from a funny cartoon to a heart-wrenching drama. If you want to add visual flair to your next project, you should consider using graphics animation.
The Benefits of Graphics Animation
When it comes to graphics animation, there are a lot of benefits to be had. Here are just a few:

Graphics animation can be used to create an immersive experience for the viewer.
Graphics animation can be used to create a more believable and realistic world.
Graphics animation can be used to increase the understanding and comprehension of a concept or idea. How Graphics Animation Can Help Your Business You may be wondering how graphics animation can help your business. Let's take a look at some of the benefits:
Graphics animation can help you to explain complex concepts or processes in a clear and concise way.
It can be used to create engaging and visually appealing content that will capture your audience's attention.
Graphics animation can help to improve your website's user experience, increasing the time users spend on your site and improving conversions.
It can be used to create marketing materials such as videos, infographics, and social media posts that will promote your business and increase brand awareness.
It can be used to create training materials that will help employees learn new processes or procedures quickly and easily. The Different Types of Graphics Animation There are three main types of graphics animation: 2D, 3D, and stop motion. Each has its own unique benefits that can be perfect for certain types of projects. 2D animation is a great option for creating simple, stylized graphics and is often used for explainer videos, web banners, and social media posts. 3D animation can be used to create realistic or fantastical scenes and is perfect for TV commercials, product demonstrations, and video games. And stop motion is great for creating short films, animated gifs, and children's books. How to Create Graphics Animation Now that you know all about the benefits of graphics animation, you're probably wondering how to create your own. Don't worry, it's not as hard as it sounds! Here are a few simple tips to help you get started:
Start by creating a storyboard or outline of your animation. This will help you plan out the overall flow and make sure each scene transitions smoothly into the next.
Use simple, concise wording to describe each scene. This will help you keep your animation clear and easy to follow.
Choose fonts and colors that complement each other and create a cohesive overall look.
Use animation software to bring your scenes to life. There are a variety of programs available, so find one that fits your needs and style.
Test out your animation and make any necessary adjustments. Once you're happy with it, publish it online and share with the world! Graphics Animation Software There are a few things to consider when choosing graphics animation software. The first is your budget. Some software can be expensive, but there are also a few affordable options available. The second thing to consider is your level of experience. If you're a beginner, you may want to choose software that is easy to use and has a lot of tutorials available. The third thing to consider is what you want to create. Some software is better for creating characters or illustrations, while others are better for creating motion graphics or 3D animations. Once you've chosen the right software, it's important to learn how to use it properly. There are a lot of tutorials available online, as well as user manuals and help files. Start by watching some introductory tutorials, and then practice as often as you can. You'll soon get the hang of it!

Impacting Knowledge

Nicholas Chibueze Michael — Tue, 10 May 2022 07:48:27 +0000

Hey, I'm Nicholas in this post i will be impacting knowledge on some important things you need to know about Javascript, go grab a coffee let's ride.

SECTION 1
Javascript Data Types
In Javascript, there are five (5) basic, or primitive, types of data, which include

Strings : A string is a collection of alphanumeric characters. OR,
A string is a sequence of one or more characters that may consist of letters, numbers, or symbols.
Example: let string = "32"; let string = " Am Happy";
You can use quotes inside a string, as long as they don't match the quotes surrounding the string: let string = It's coffee time

Numbers: Let’s talk about numbers. Numbers are as straightforward as they sound. So numbers are any integer or decimal number created in the language, and they’re used for money, age, etc.
Example: let x = 3.14; // A number with decimals
let y = 3; // A number without decimals

Booleans: Booleans have two values. True and False. When we create a boolean, we’re simply saying it’s true or it’s false. OR, A Boolean value is one that can either be TRUE or FALSE. If you need to know “yes” or “no” about something, then you would want to use the boolean function.

const onLight= false;
onLight = true;
onLight;
Output = true

In the above example, the variable "onLight" being set to "true" would indicate that the lights are on. If it was set to "false" then that would mean they are off.
It’s useful to store booleans in variables to keep track of their values and change them over time. Booleans are used as functions to get the values of variables, objects, conditions, and expressions. In fact, Booleans are critical for conditionals to work.

Undefined:
The undefined property indicates that a variable has not been assigned a value, or not declared at all.
Example :

const n;

console.log(n);
Output = Udefined

In the above example, the variable "n" was not assigned to a value.

Array
In JavaScript, an array is an ordered list of values. Each value is called an element specified by an index. And JavaScript array has the following characteristics: First, an array can hold values of mixed types. For example, you can have an array that stores elements with the types number, string, and boolean.
Example:

const arr = [1, "coffee", false];

SECTION 2

Hoisting
What is Hoisting in Javascript?
Hoisting refers to the process whereby the interpreter appears to move the declaration of functions, variables or classes to the top of their scope, prior to execution of the code.
Hoisting allows functions to be safely used in code before they are declared.
Variable and class declarations are also hoisted, so they too can be referenced before they are declared. Note that doing so can lead to unexpected errors, and is not generally recommended.

console.log(hoist); // Returns 'undefined' from hoisted const declaration (not 6)
const num = 6; // declaration.
console.log(hoist); // Returns 6 after the line with declaration is executed.

If we forget the declaration altogether (and only initialize the value) the variable isn't hoisted.

SECTION 3

In this Section we will get to know the difference between “==” and “===” operators. And other things Let's Ride
The difference between == and === is that:
== converts the variable values to the same type before performing comparison. This is called type coercion.
=== does not do any type conversion (coercion) and returns true only if both values and types are identical for the two variables being compared.
Example

const dev = 2;
const dev_again = 2;
const dev_string = "2";  // note: this is string

console.log(dev ==  one_again);  // true
console.log(dev === one_again);  // true
console.log(dev ==  one_string); // true. See below for explanation.
console.log(dev === one_string); // false. See below for explanation.

console.log(one == one_string) returns true because both variables, dev and dev_string contain the same value even though they have different types: "dev" is of type Number whereas dev_string is String. But since the == operator does type coercion, the result is true.

console.log(one === one_string) returns false because the types of variables are different.

Let's talk about Implicit Type Coercion in javascript.
What is Implicit Type Coercion?
Implicit coercion happens when JavaScript coerces the value type to the expected type under the hood. This type of coercion happens without the developer noticing.
OR
implicit coercion simply refers to Javascript attempting to coerce an unexpected value type to the expected type. So you can pass a string where it expects a number, an object where it expects a string etc, and it will try to convert it to the right type.

Yeah i was going through a post on Twitter, and the Author of the post asked: Is javascript a statically typed or a dynamically typed language so i will be answering that question here grab your coffee let's kick off.
Javascript is a not a Statically typed language yes is not, javascript is a dynamic language because it doesn't just have a few dynamic aspects, pretty much everything is dynamic. All variables are dynamic (both in type and existence), and even the code is dynamic. You can create new variables at runtime, and the type of variables is determined at runtime.
You can create new functions at any time, or replace existing functions. When used in a browser, code is added when more script files are loaded, and you can load more files any time you like.
Nowadays JavaScript is compiled in many implementations, and static code and static types are generated in the background. However, the behaviour is still dynamic, the compiler only generates static types when it finds that the dynamic aspects are not used for a specific object.

- What is NaN property in JavaScript?
In JavaScript, NaN stands for Not a Number. It represents a value which is not a valid number. It can be used to check whether a number entered is a valid number or not a number. To assign a variable to NaN value, we can use one of the two following ways.

var a = NaN

var a = Number.NaN

Explaining what passed by value and passed by reference means.
Pass By Value
Pass by value refers to a mechanism of copying the function parameter value to another variable.
OR
Pass by value means that a copy of the actual parameter's value is made in memory, i.e. the caller and callee have two independent variables with the same value.If the callee modifies the parameter value, the effect is not visible to the caller.

Pass by reference
Pass by reference (also called pass by address) means to pass the reference of an argument in the calling function to the corresponding formal parameter of the called function so that a copy of the address of the actual parameter is made in memory, i.e. the caller and the callee use the same variable for the parameter. If the callee modifies the parameter variable, the effect is visible to the caller’s variable.
When to use pass by value?
If you are building multi-threaded application, then you don’t have to worry of objects getting modified by other threads. In distributed application pass by value can save the over network overhead to keep the objects in sync.

When to use pass by reference?
In pass by reference, no new copy of the variable is made, so overhead of copying is saved. This makes programs efficient especially when passing objects of large structs or classes.

What is an Immediately Invoked Function in javascript
An Immediately-invoked Function Expression is a way to execute functions immediately, as soon as they are created. IIFEs are very useful because they don't pollute the global object, and they are a simple way to isolate variables declarations.
This is the syntax that defines an IIFE:

(function() {
  /* */
})()

IIFEs can be defined with arrow functions as well:

(() => {
  /* */
})()

Explaining Higher Order Functions in javascript.
In Javascript, functions can be assigned to variables in the same way that strings or arrays can. They can be passed into other functions as parameters or returned from them as well. A “higher-order function” is a function that accepts functions as parameters and/or returns a function.

Let's talk talk about this keyword in javascript
JavaScript this keyword
this keyword refers to an object that is executing the current piece of code. It references the object that is executing the current function. If the function being referenced is a regular function, “this” references the global object.
Method

let car = {
    brand: 'Honda',
    getBrand: function () {
        return this.brand;
    }
}

console.log(car.getBrand()); // Honda

In this example, the this object in the getBrand() method references the car object.

Explaining call(), apply() and, bind() methods.
The call() and apply() are very similar methods. They both execute the bound function on the object immediately. The bind() method does not execute the function right away. Instead, it creates and returns a bound function that can be executed later.

Currying in JavaScript
Currying is a process in functional programming in which we
can transform a function with multiple arguments into a sequence of nesting functions. It returns a new function that expects the next argument inline.
In other words, when a function, instead of taking all arguments at one time, takes the first one and return a new function that takes the second one and returns a new function which takes the third one, and so forth, until all arguments have been fulfilled.
That is, when we turn a function call sum(3,6,7) into sum(3)(6)(7)

Explain Scope and Scope Chain in javascript
Scope in JavaScript refers to the current context of code, which determines the accessibility of variables to JavaScript. The two types of scope are local and global: Global variables are those declared outside of a block. Local variables are those declared inside of a block. While The scope chain is used to resolve the value of variable names in javascript. Without a scope chain the Javascript engine wouldn't know which value to pick for a certain variable name if there are multiple defined at different scopes.

Explaining Closures in JavaScript
A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function's scope from an inner function.

What are object prototypes
Prototypes are the mechanism by which JavaScript objects inherit features from one another. In this article, we explain what a prototype is, how prototype chains work, and how a prototype for an object can be set.

What are callbacks? in Javascript
A JavaScript callback is a function which is to be executed after another function has finished execution. A more formal definition would be - Any function that is passed as an argument to another function so that it can be executed in that other function is called as a callback function.

What is memoization
Memorization is an optimization technique used primarily to speed up computer programs by storing the results of expensive function calls and returning the cached result when the same inputs occur again.

Memoizing in simple terms means memorizing or storing in memory. A memoized function is usually faster because if the function is called subsequently with the previous value(s), then instead of executing the function, we would be fetching the result from the cache.

What is recursion in a programming language
Recursion means "defining a problem in terms of itself". This can be a very powerful tool in writing algorithms. Recursion comes directly from Mathematics, where there are many examples of expressions written in terms of themselves. For example, the Fibonacci sequence is defined as: F(i) = F(i-1) + F(i-2)
What is the use of a constructor function in javascript
A constructor is a special function that creates and initializes an object instance of a class. In JavaScript, a constructor gets called when an object is created using the new keyword. The purpose of a constructor is to create a new object and set values for any existing object properties.

What is DOM?: Document Object Model
The Document Object Model (DOM) is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects; that way, programming languages can interact with the page.

A web page is a document that can be either displayed in the browser window or as the HTML source. In both cases, it is the same document but the Document Object Model (DOM) representation allows it to be manipulated. As an object-oriented representation of the web page, it can be modified with a scripting language such as JavaScript.

The most Uncommon HTML5 Tags you should know!

Nicholas Chibueze Michael — Fri, 08 Apr 2022 20:30:44 +0000

Hey Readers, 👋
Nicholas here. I'm a web developer.
Web development is interesting yet a challenging approach so here I'm sharing a bit of knowledge to abate complexity for you all.

HTML is the standard markup language for documents designed to be displayed in a web browser. It provides a powerfull accessibility functions if used appropriately and Also can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. In addition to this, it's easy to learn and has a lots of features that you can use as Web developer. Here, I'm going to show you some of the most Uncommon HTML tags. 😀
1.Abbreviation:

The tag in HTML5 is the latest title.
When the mouse curser is hovered on the title, it will display a full description in the tooltip form.
This element includes Global Attribute like: title.
Example:

The most wonder key of your development is ` Self Reflection

The most wonder key of your development is

Self Reflection
`

Acronym:

The is another abbreviation tag
In HTML5 is not supported. In case we use the tag
The tag is compatible in any browser as well as it is used to abbreviate the full form of the title whixh is placed between these tags when hovered.
Example:



    ` <p> The <acronym title="world wide web">www</acronym>
 is only a component of Internet
    </p>
`

Address:

The
tag basically provides contact information regarding author or owner of the organisation or documets or an article.
The
tag always returns the value Italics.
Example:


`<address>
<a href="mailto:username@gmail.com">username@gmail.com</a><br>
<a href="tel:+442030xxxxxx">(203) 0xx-xxxx</a>
</address>`

1. Cite :
The tag is the citation element of HTML.
Citation is the term which means a quotation from or reference to a book, paper, or author, especially in a scholarly work.
As all of use know about the

, it’s just similar to it.
When we want to give italics expression,we can use this alternative.
Example :

`
<blockquote>    
   <p>" Only you built your Limits "</p>    
<footer>    
      Example <cite>Rare Tags: Cite </a></cite>by Priyanshu 
</footer>    
</blockquote> 
 <p>For More details visit us: <cite> HTML E-Learns</cite>.</p>`

1. Optgroup :
When we are using tag, at that time, to put proper options to the selection box, tag is used in HTML5.
This element includes Global Attributes like: disable and label.
Tag omission is allowed. Closing tag is optional.
Examples :

`<label for="communitysite">Community Site:</label>    
  <select id="communitysite" name="communitysite">
       <optgroup label="Saturday"></optgroup>
       <option value="insta">Instagram</option>
       <option value="fb">Facebook</option>
       <option value="pin">Pinterest</option>
      <optgroup label="Monday"></optgroup>
     <option value="csharpcorner">C-Sharp Corner</option>
     <option value="git">GitHub</option>
 </select>`

1. Fieldset :
The
in HTML5 is used to make a group related form controls and labels.
In browsers, a box around the content is drawn.
Example :
`

<fieldset>
   <legend>Personal details</legend>
   <label for="yourname">Your name : </label><input name="yourname" id="yourname">
    <label for="yourage">Your age :</label> <input type="number" name="yourage" id="yourage">
 </fieldset>

 <fieldset>
     <legend>House address</label>
     <label for="housenumber">House number : </label> <input name="housenumber" type="number" id="housenumber">
    <label for="street">Street : </label> <input name="street" id="street">
    <label for="postcode">Zip code / Post code : </label> <input id="postcode" name="postcode">
 </fieldset>

Conclusion:

We covered some Underrated yet powerful HTML tags that you should know.
I hope you find it useful. If yes then let me know in the comments.
Also if you want more useful content related to web development follow me on Twitter
Thanks for Reading ☺️.