Hello, today I will tell you how you can use the multi-language support in your React Js projects with i18next.

First of all, I want to talk about what is i18next?

📌 i18next


CODEX

Hello, today I will talk about how to use great Chart Js charts with React Js, or even how to dynamically make data visualizable using API.

I want to tell you a little bit about Chart Js. Chart.js is a free open source JavaScript library that supports different types of charts for data visualization.

So what are the types of charts that this supports?

📌 Line

📌 Bar

📌 Radar

📌 Doughnut and Pie

📌 Polar area

📌 Bubble

📌 Scatter

If you’re ready, let’s start!

To get started, you need to install the React application first. You can browse…


Hello, today I will talk about the custom directives we use in Vue JS. So what are custom directives? Let’s start!

Understanding Custom Directives

They are special directives that we can use in addition to the normal directives.

Custom directives enrich HTML with new reactive functionality that’s fully managed by Vue JS.

Custom directives consist of 5 different hooks. These are bind, inserted, update, componentUpdated, and unbind.

Parameters and extra functions can be defined like normal directives.

Hook Functions


Hello, today I want to tell you about the CSS Grid Layout. So, what is this CSS Grid Layout? What does it do? So let’s start!

CSS Grid is a great module that simplifies web design by providing Grid structure with rows and columns. Thanks to the CSS Grid, you can easily apply your designs to websites without the need for various positioning. So no need to tire yourself like this guy to the position with CSS :)

Now I want to tell you about the components of CSS Grid.

Grid Container

Child elements of the element defined by the grid…


Hello, today I will talk about directives that have an important place for Vue Js.

Directives

These are features that can be added directly to HTML codes. Thanks to the directives, dynamic properties are given to HTML codes.

Directive formats are v- …...

If we take a general look at the directives:

  • v-text
  • v-html
  • v-show
  • v-if
  • v-else-if
  • v-else
  • v-for
  • v-on
  • v-bind
  • v-model

Let’s take a closer look at these directives.

v-text

The v-text directive is a Vue.js directive used to update an element’s textContent with our data.

Example:

HTML

<span v-text="msg" id="app"></span>
<!-- same as -->
<span>{{msg}}</span>

Vue JS

var app…

I will explain how to create a container in Docker and make a simple web application using containers.

First of all, what are Docker and container?

Docker

Docker is a computer program that provides operating system-level virtualization, also known as “containerization”. Docker is used to run software packages called “containers”.

Container


I will tell you how to do IP subnetting in Cisco Packet Tracer.

In order to do IP subnetting, it is necessary to make the necessary IP calculations, extract the topology and then implement it in Cisco Packet Tracer.

First, let’s determine the main IP address and then make a sample application according to the desired subnet number.


Today I will tell you how to analyze DNS and ARP in Wireshark.

Let’s look at DNS first.

What is DNS?

The Domain Name System (DNS) is a hierarchical and decentralized naming system for computers, services, or other resources connected to the internet or a private network.

To do DNS analysis in Wireshark, the nslookup command must be used.

What is nslookup?

nslookup is a network administration command-line tool available in many computer operating system for querying the Domain Name System (DNS) to obtain a domain name or IP address mapping, or other DNS records.

Now that we have learned the meanings of…


I will tell you about Wi-Fi Easymesh program and different between mesh Wi-Fi and Wi-Fi extenders.

As seen in the figure, it is a certification program to obtain the uninterrupted wifi with Access Points(AP) placed at different locations in the home or office.

To better the understand the Wi-Fİ Easymesh program, first of all, What is mesh Wi-Fi? and Why is it used instead of Wi-Fi extenders?

First, I start with Wi-Fi extenders.

Wi-Fi extenders create their own Wi-Fi network with their own SSID so you would have to connect to the Wi-Fi router or the Wi-Fi extender.

Sena Akbulut

Front End Developer

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