Extremely useful HTML features with examples

Developer.
Developer.

Introduction

I can’t imagine the web without HTML. This great tool is still used by millions of developers around the world. It’s the first thing you will need to learn if you want to become a web developer. However, I still see some people underestimating the power of HTML. That’s because they don’t know about some other features that this tool has.

In this article, we will explore some useful HTML5 features you probably may not know. Let’s get right into it.

1. Datalist

The tag <datalist> is one of the amazing features that was introduced in HTML. This tag <datalist> specifies a list of pre-defined options and allows the user to add more to it. …


The power of JavaScript with practical examples

Developer coding on his laptop.
Developer coding on his laptop.

Introduction

JavaScript is a very powerful programming language, especially in web development. In the last five years, this language has improved a lot and it becomes much easier to write due to the new amazing features it has. So, you need to take advantage of these features because they will allow you to easily do many powerful things in the language.

In this article, we will discover some amazing JavaScript tricks that you need to know. Let’s get right into it.


Learn about the bind method in JavaScript with examples.

The bind method in JavaScript.
The bind method in JavaScript.

Introduction

In JavaScript, functions have their own prototype object Function . This prototype has a lot of methods and properties that we can use, and the bind method is one of them. It returns new functions with their own keyword this set to the provided value. We will explain that with some examples below.

In this article, we will learn about the bind method in JavaScript with some practical examples. Let’s get right into it.

The bind method

The method bind() in JavaScript returns a new function that, when called, has its this keyword set to a specific value. …


Some CSS tips that you should know as a web developer.

Design.
Design.

Introduction

CSS is a great stylesheet language, it allows you to create great-looking web pages by describing how the HTML elements should be displayed. CSS saves a lot of work. It can control the layout of multiple web pages all at once. I have been using it in a lot of projects, and I learned some tips that I want to share with you.

In this article, we will give you some CSS tips that you should know as a web developer. Let’s get right into it.

1. Easy way to center a div

One of the easiest ways to center a div with CSS is by using Flexbox. It makes positioning and aligning elements much easier. …


Learn how to drag and drop with practical examples.

HTML Drag and Drop.
HTML Drag and Drop.

Introduction

The HTML drag and drop API relies on the document object model to get information on what is being dragged or dropped. As a result, it allows us to drag and drop any element on the web page and it is supported in almost all major browsers. With JavaScript event handlers, we can turn any element into a draggable item or an item where elements can be dropped.

In this article, we will learn about how to use this HTML drag and drop API. Let’s get right into it.

Codepen Example

Before we start explaining this API, you can have a look at the Codepen example…


Learn about the reduce method in JavaScript with examples.

Coding Desk setup.
Coding Desk setup.

Introduction

The reduce method is one of the important higher-order functions in the JavaScript functional programming pattern. A higher-order function is basically a function that takes another function as an argument. A lot of beginners struggle to understand the reduce method in JavaScript, that’s why I decided to write this article.

In this article, we will learn about the reduce method in JavaScript with some practical examples. Let’s get right into it.

The role of the reduce method

The method reduce() in JavaScript is used with arrays. It reduces the array to a single value after iterating over each item. …


Learn about the arguments object with practical examples.

Coding laptop.
Coding laptop.

Introduction

The arguments object in JavaScript is an array-like object accessible inside functions that contain the values of the arguments passed to that function. It’s very useful when we want to access or know the number of arguments that were passed to a function.

In this article, we will learn about this arguments object in JavaScript with some practical examples. Let’s get right into it.

The arguments object

The object arguments is a local variable available within all functions. You can refer to a function’s arguments within the function by using the arguments object. …


Stop doing useless stuff and start learning today.

A man holding a book and setting in front of his laptop.
A man holding a book and setting in front of his laptop.

Introduction

Our brain is like a muscle, you should always train it in order to make it stronger. Learning is a part of this process, it makes the brain active and energized. As a human being, you need to always spend some of your daily time learning new things. I know it’s not easy to be disciplined and motivated every day. However, if you know your goals and your purpose in life, you will definitely try to push yourself into learning and make it a habit because it has a lot of benefits and it’s related to your success.

In this article, I will share with you some of the tips that I follow to push myself into learning every day. Let’s get right into it. …


Useful developer tools to make your life easier.

10 developer tools.
10 developer tools.

Introduction

As developers, we always have a lot of tasks to do on a daily basis when we develop. That’s why we will definitely need some tools to make our life easier and help us boost our productivity. There are a lot of tools online that are created specifically for developers and has a lot of benefits for us.

In this article, we will give you a list of some extremely useful developer tools that you probably don’t know. Let’s get right into it.

1. Can I Use?

“Can I use?” is a great website that provides up-to-date browser support tables for support of front-end web technologies on mobile and desktop web browsers. …


Learn about the keyword ‘this’ in JavaScript.

Coding laptop.
Coding laptop.

Introduction

The keyword this is one of the useful features that were introduced in JavaScript. It refers to the object it belongs to and it has different values depending on where it is used. As by the word this itself, we can understand that it’s referring to something.

In this article, we will learn about the keyword this in JavaScript with some practical examples. Let’s get right into it.

Values of ‘this’

As I said, the keyword this has different values depending on where it is used. It works differently in JavaScript from other programming languages.

Here is a list of the values that the keyword this can…

About

Mehdi Aoussiad

Self-taught Front-End Web Developer from Morocco. I focus on writing useful articles for readers. Subscribe: https://mehdiouss.ck.page/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store