teleren/devto huggingface dataset:
What is Business Intelligence?
Published: 2021-12-23 09:27:38

Business Intelligence (BI) is a tech-based method of analysing and collecting business information. The knowledge gained from processing this data aids businesses make better decisions. The latest BI tools available in the market are able to handle a large quantity of data in minutes and provide complete reports that can be used for action.

 

Search engines and social media are the primary components for digital strategies used by businesses. The volume of information generated by these sources has skyrocketed making it easier for BI to process data and make the right decisions.

 

Nowadays, the technology of the social web has gradually but steadily entered into all aspects of our lives until we are left wondering how we could have survived without it. Social media offers marketers an abundance of data today, which allows them to identify, interact with and engage with customers.

 

 Due to the growth in the volume of data available, the usage of social media for business has grown exponentially. To arrive at an exact, reliable and affluent conclusion, it is crucial to record this data so that you can further examine and analyze it. This is the point where the BI reporting software is able to help. It aids in the analysis of huge amounts of data. It provides valuable information about patterns that show the behavior of customers.

 

The application of business intelligence in marketing allows marketers to gain deep insights into the client’s preferences and attitudes. This insight can be utilized by the company to develop more effective marketing campaigns, reach the right people and get the best outcomes.
TroisJS Starfield
Tags: codepen
Published: 2021-12-23 09:22:46

<p>Made with TroisJS : <a href="https://github.com/troisjs/trois" target="_blank">https://github.com/troisjs/trois</a></p>

{% codepen https://codepen.io/harunpehlivan/pen/NWgZoEy %}
Neumorphic Brick Phone
Tags: codepen
Published: 2021-12-23 09:21:07

<p>What ol’ brick phones may look like if we apply neumorphism to it. Also partially operable but no real calls.</p>

<h2>Hotkeys</h2>

<table>
<thead>
<tr>
<th>Action</th>
<th>Key</th>
</tr>
</thead>
<tbody>
<tr>
<td>Rcl (Recall Memory)</td>
<td>R</td>
</tr>
<tr>
<td>Clr (Clear)</td>
<td>C</td>
</tr>
<tr>
<td>Snd (Send)</td>
<td>Enter</td>
</tr>
<tr>
<td>Sto (Store in Memory)</td>
<td>S</td>
</tr>
<tr>
<td>Lock</td>
<td>L</td>
</tr>
<tr>
<td>End</td>
<td>E</td>
</tr>
<tr>
<td>Pwr (Power)</td>
<td>P</td>
</tr>
</tbody>
</table>

{% codepen https://codepen.io/harunpehlivan/pen/WNEWdby %}
CSS Visibility Concept
Tags: css, visibility, html
Published: 2021-12-23 09:20:37

CSS Visibility is an important concept. It can easily express the visibility of an element.
Today I will try to give you an idea about this important concept of CSS.
CSS Visibility is a CSS property that indicates whether an element will remain visible or invisible in the user interface.There are many kinds of visibility value.
These are visible,hidden,initial,collapse,inherit etc.
Visible Definition: It is the default value. It is means any element are visible,you can provide it.It gives specific hight and width. If you can change hight and width, you will do it.
Hidden Definition: It inticates that the element is invisible but stay same hight and width.
Initial Definition : It is set property from it’s default value.
Inherit Definition: It set property from its parents value.
Collapse Definition: It is used only for table element. It removes column or row.That means you can invisible column or row,you can use collapse value.

Example Of CSS Visibility:


<!DOCTYPE html> 
<html> 
    <head> 
        <title> 

           This is CSS Visibility Item

        </title> 

        <style> 

            h3 { 

                color:Goldenrod
            } 
.visibility{
visibility :visible;
}
.visibility-hidden{
visibility:hidden;
}
        </style> 

    </head> 

    <body> 

        <h1>Welcome Naim's blogs page</h3> 
<p class="visibility">Time and wait for none <\p>
<p class="visivility-hidden">Time and wait for none <\p>

    </body> 

</html>
Discuss about Relational Database
Tags: sql, mysql
Published: 2021-12-23 09:04:14

**Relational Database**
The importance of databases in web applications is immense. Any good application needs a database. However, databases are plentiful and relational databases are usually used more. Some popular databases such as MySQL, Oracle, PostgreSQL, etc. Data can be stored in a database and sorted by the query (as needed).

WebcoachBD's SQL tutorial will show you how to make different queries in a database. SQL has hundreds of functions, rules. These can be used to perform complex queries in the database. Even the results of any mathematical operation can be seen by processing the data.

**SQL**
SQL = Structured Query Language is a powerful language for managing relational databases. With this language, you can manage and access the data of any database system such as MySQL, SQL Server, Oracle, etc. It is a 4th generation language. However, it is not a full-fledged programming language because it does not support data structures such as loop, branch.

**What can be done with SQL (MySQL)?**
A new database can be created
New tables can be created
Query can be done
Data can be retrieved from the database
New records can be inserted into the database
Records can be updated
Can be deleted etc.
Ex:
SELECT name, email FROM users WHERE salary > 40000;


**SQL Statement**
Most of the work in the database can be done with the sequel statement. For example, with the following sequel, all the records in the friends table will be selected.
SELECT*FROM  friends

Esquel but not case sensitive i.e. ‘select * from friends’ and ‘SELECT * FROM friends’ will both have the same function and output.




**SQL can be divided into two ways**

**DDL-Data Definition Language:** It is used to create databases, delete, etc. Index (keys) are added, connections are made between two tables, constraints are fixed in the table, etc .. Important DDL statements are
CREATE DATABASE - A new database is created
ALTER DATABASE- The database is executed
CREATE TABLE - A new table is created
ALTER TABLE- The table is edited
CREATE INDEX- INDEX is created
DROP INDEX- INDEX is deleted

**DML-Data Manipulation Language:**
Query and update is done with the DML part of SQL.
SELECT - retrieves data from the database
UPDATE- Updates the data
DELETE- Deletes data from database
INSERT INTO - Inserts information into the database
Musical Chord Progression Arpeggiator
Tags: codepen
Published: 2021-12-23 09:18:18

<p>A quick way to sketch out musical chord progressions.</p>

<p>uses my <a href="http://codepen.io/jakealbaugh/pen/NrdEYL/">Scale Generator</a> and <a href="http://codepen.io/jakealbaugh/pen/PzpzEO/">Arpeggio Pattern Generator</a> and the lovely <a href="https://github.com/Tonejs/Tone.js">Tone.js</a>.</p>

<p>I've started collecting my musical composition stuff in <a href="http://codepen.io/collection/DBMpBQ/">this collection</a>.</p>

<p>I also made a few videos as an intro to using Tone.js on CodePen and put them on <a href="https://www.youtube.com/watch?v=0uXDdTyYBYQ&amp;list=PLTujTdKucISz9rx7gGqei3fAGrtA97uY0">YouTube</a>.</p>

{% codepen https://codepen.io/harunpehlivan/pen/dyzLJJW %}
Moon-like Dark Mode toggle button
Tags: codepen
Published: 2021-12-23 09:17:11

<p>Originally I wanted to create something that would simulate only the shade that covers moon surface, but as I was diving deeper, kept adding glow, surface texture and rotation and ended up with totally impractical toggle button :) But I had fun with it and the effect is easy enough to simplify if you wanted to make it something smaller. THere's also a SPACE for improvements...</p>

{% codepen https://codepen.io/harunpehlivan/pen/vYeLNgO %}
Create Google Application for google Oauth2
Published: 2021-12-23 09:12:33

## Step for create google app and get client id and secret key
### Step 1
- Visit this link and login with your email
- https://console.cloud.google.com/apis/dashboard

### Step 2
- Create your project in given link
- User Type External

### Step 3
- Click the option (OAuth consent screen)
- Fill these fields
- App name : (AppName)
- User support email: YourEmail
- Authorized domains: Enter this (example.com)
- Developer email : (DEV EMAIL)
- Publish the app
- Leave Rest of the fields

### Step 4
- Click Crendentials
- Click Create Crendentials (Create OAuth client ID)
- Application type: Web Applications
- Name : AppName
- Authorized JavaScript origins : Enter This (https://example.com)
- Authorized redirect URIs : https://example.com/

### Final
- It will give you client id and secret
Gravity in Solar System - GSAP
Tags: codepen
Published: 2021-12-23 09:11:57

<p>I was looking to do something else, more scientific, but I realized that I shouldn't have stopped studying math when I got to logarithms (how boring it was ...). </p>

<p>Finally, something less precise has been left, although I think it is more visual and the concept is clearly seen.</p>

<p>A whole world this GSAP, there is so much to learn ...</p>

{% codepen https://codepen.io/harunpehlivan/pen/zYENPpK %}
Free Fire Nickname Style 2022
Published: 2021-12-23 09:11:56

Your Nickname is your own identity in garena free fire. So to make it unique. In this article i will share you the best selected nicknames that you can use in 2022. There was 500+ Amazing Nicknames for Boys and Girls all types of names available.  visit this for us 1000+ [nickname]
(https://gamenewsmania.blogspot.com/2021/12/free-fire-nickname-style-2022-best.html) [](https://gamenewsmania.blogspot.com/2021/12/free-fire-nickname-style-2022-best.html)
[](https://www.gamenewsmania.in)
Backend Concepts
Tags: node
Published: 2021-12-23 09:11:08

What is Mongoose?

Mongoose is a Node.js-based Object Data Modeling (ODM) library for MongoDB. Mongoose is similar to an Object Relational Mapper. The problem that Mongoose aims to solve is allowing developers to enforce a specific schema at the application layer. In addition to enforcing a schema, Mongoose also offers a variety of hooks, model validation, and other features aimed at making it easier to work with MongoDB. Mongoose is a useful library for mongodb. It gives us many advantages.
Mongoose works based on the node.js. 

What is Express?

Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. 
Express is also a fast, assertive and moderate framework of node.js. We can assume express as a layer built on the top of node.js that helps to manage a server and routes. Express provides a robust set of features to develop web and mobile applications. 

Advantages of Express: 

There are many advantages of express-
It gives ultra fast I/O.
Robust API makes routing easy.
It is asynchronous and single threaded.
It has an MVC-like structure.

How does express look like:

const express = require('express');
const app = express();
const port = process.env.PORT || 5000;

app.get('/', (req, res) => {
  res.send(“Hello Developer”')
})

app.listen(port, () => {
  console.log(`server running at port, ${port}`)
})
Difference between SQL and noSQL databases:
SQL databases are relational, whereas noSQL databases are non-relational.
SQL databases are vertically scalable, whereas noSQL databases are horizontally scalable.
SQL databases are table based, while noSQL databases store the database.
Relational Database: 
A relational database is a collection of information that organizes data points with defined relationships for easy access. Relational databases are based on the relational model, an intuitive, straightforward way of representing data in tables. In a relational database, each row in the table is a record with a unique ID called the key. The columns of the table hold attributes of the data, and each record usually has a value for each attribute, making it easy to establish the relationships among data points.
Aggregation:
Aggregation is the relation between two entities. Aggregation combines entities and makes them form a single meaningful entity.  In aggregation, relationships with its corresponding entities is aggregated into a higher level entity.
업무상 내 소스를 오픈하는 법
Tags: korean, tutorial, opensource, security
Published: 2021-12-23 08:53:11

오늘 재밌는 글을 봤는데, 회사의 자산인 프로그램의 전체 소스코드를 Github에 올린 간 큰 놈을 발견했다는 글이었다.

대다나다.

그러지 말자 여러분들.

물론 회사에 기여한 프로그램의 소스는 엄연히 회사 자산이고, 회사 소유다.
하지만, 여기서 자신이 기여한 소스를 오픈소스화할 수 있다.
물론 귀찮다면 개인 노트(에버노트나 노션 등)에다가 스크랩해도 된다.
왜냐면 이런 경우는 회사 기밀 유출로 인정하지 않기 때문이다.
회사의 경우는 한 술 더 떠서, 아예 스크랩할 수 없도록 인터넷을 차단하거나, 실시간 감시를 하는 등 자산보호에 철저한 경우도 있다.
물론 이건 개발하면서 업무기밀자료가 새내가는 게 주요 목표다.
국방부 프로젝트는 한 술 더떠서 재밍(Jamming)까지 걸어 공용 PC 외에 외부 접근을 아예 차단하는 경우도 있다.
이런 경우 나는 그냥... 최대한 쉽지만 어려운 방법을 택한다.
노가다. 이런 식이지.
```c
printf("     * ");
printf("    *** ");
printf("   ***** ");
printf("  ******* ");
printf(" ********* ");
printf("    *** ");
printf("    *** ");
printf("    *** ");
```
초보와 고수 코딩 차이라 알려진 그 코드다.
저런 코드 괜히 나오는 게 아니다.
그렇다. 메리 크리스마스다.

어쨌든, 자신이 기여한 소스를 자신의 것으로 만들 수 있으며, 이건 엄연히 자신의 것이고, 이 것이 경쟁업체에 사용했다고 자산 보유사가 권리를 주장할 수 없다. 그러려면 자신의 자산에 회사 자산이라는 흔적을 제거하면 되는데, 간단하다. 모른다고? 나를 따르면 된다.

## 코드 조각에 회사 흔적을 제거하라.

자바를 예로 들겠다. 가장 흔한 경우인데, 바로 패키지명에 회사 패키지가 정의됐다는 것이다.

```java
package com.somecompany.app.does.something;

import ...

@Service
public HumanResourceService {
    @AutoWired
    private HumanResourceDao humanResourceDao;

    public void saveHumanResource(HumanResourceDto dto) {
        ...
    }
}
```

회사에서는 대충 이런 식으로 클래스를 작성할 것이다. 이 소스가 유용해서 어디서든 써먹고 싶다면, 먼저 해야 할 일은 바로 흔적을 제거하는 것이다.

```java
package me.composite.does.something;

import ...

@Service
public SomethingService {
    @AutoWired
    private DoSomethingDao doSomethingDao;

    public void saveTodo(TodoDto dto) {
        ...
    }
}
```

자. 이전 소스와 차이가 느껴지는가? 일반적으로 제공되는 리소스 외에 회사 티가 나는 클래스 등의 여러 심볼을 제거했다. 이것만 해도 90%는 성공.
물론 오픈소스가 아니라면 그대로 긁어도 상관은 없는데, 만약 기술을 공유하고 싶다면 이렇게 흔적을 제거하는 것이 좋다. 그래야 보안서약서 가지고 물고 늘어지며 피곤한 일을 벗어날 수 있다는 것이다.

## 감이 안 잡혀?

막 시작한 개발자라면, 먼저 자신의 상사에게 질문하라. 자신이 기발하게 코드를 작성했는데, 이 기술을 회사 차원에서 공유하는 일은 네임드 업체에서는 흔하고 흔한 일이다.
이럴 때 보통은 독려를 하는 게 보통이다.
하지만 아예 거부하거나 한 술 더떠 협박하는 케이스가 드물지만 있다.
그냥 깔끔하게 질문을 하지 않는게 좋겠지. 그럴 것 같으면.
이럴 때일수록 더욱 더 내가 제안한 첫번째 방법을 연구하라.


## 내 기술 팁들은 실무에 썼던 걸 공유한다.

ㅇㅇ 맞다. 실제로 실무에서 적용된 코드를 공유하는 것이다.
하지만 회사 티가 나는가? 내가 어디서, 어떻게 코딩했는지.
내 옆에서 내 코드를 주구장창 분석한 사람 아니라면, 모른다.
이정도는 되어야 오픈소스 개발자가 되는 것이다.

## 개 노뜬금 오픈소스 개발자?

네임드 업체에서 기술블로그에서 기술을 알려주는 글들 보면
다 이런 노하우가 적용되어 있다.
실제로는 회사에 맞게 복잡하거나, 아니면 간단하거나 적용되어 있다.
그리고 공개적으로는, 최대한 정석대로 알려주는 것이다.

## 어렵지 않지?

어렵지 않다. 오픈소스 개발자는 소스에서 공과 사가 명확히 구분된다.
대부분의 오픈소스는 회사에서 실제로 쓰는 것들이 많다.
거기서 회사의 흔적을 제거하고 오픈소스로 올리는 것이다.
최대한 다른 오픈소스의 라이선스를 존중하면서 말이다.
오픈소스는 코딩 잘하는게 능사가 아니다.
서로를 존중하고, 회사를 존중하며, 자신의 능력을 공유하여 자신을 검증하는 하나의 과정이다.

오픈소스, 매력에 빠져보자.
끗.

...?
Twitter Dapp - Solidity, IPFS, ReactJS, Tailwind 3.0, Web3.0
Tags: web3, tailwindcss, react
Published: 2021-12-23 08:34:42


Ethereum based twitter decetralized application. 
https://www.youtube.com/watch?v=IC7oZGKPHq4&ab_channel=MrBlockchain

Twitter clone with ReactJS and Tailwind CSS. 
SmartContract with **Solidity **
**Web3.0** - Connect with MetaMask Wallet. 
**Genache:** Local Blockchain 
Frontend with **ReactJS** and **Tailwind 3.0**

Similar to twitter, you can post tweet just content or with image stored in ipfs. Like and dislike tweet.  Change the visibility of tweet. 

Check your profile as similiar to twitter account.
Backend Related
Published: 2021-12-23 08:32:54


01. CRUD Operations
C-stands for- db.collection.insert();
R-stands for- db.collection.find();
U- stands for- db.collection.update();
D- stands for- db.collection.remove({“fieldname:”value”})
It’s using for backend post, put, get, delete method.
 
02. JWT
JSON Web Token (JWT) is a compact URL- safe means of to share security information between two parties-a client & a server. It introduces security issues & other complexities while doing so. Security is binary either it’s secure or it’s not. JWTs are uing cryptographic algorithm to ensure that the claims connot be altered after the token is issued.
03. Mongoose
Ans: Using MongoDB I have done so many interactivities. Like I make admin database, local configuration, group of different collection, host several databases etc. If I am telling in simple to say that using MongoDB I store data easily & transection data any time facing without any hassle. MongoDB wrote and coded in C++. MongoDB was developed by MongoDB Inc. & licensed under the Server Side Public License (SSPL).
In the BSON (Binary JavaScript Object Notation) method MongoDB stores data. BSON is the binary-encoded format of JSON.
 
04. Relational database (MySql)
MySQL is an open-source relational database management system. Its name is a combination of "My", the name of co-founder Michael Widenius's daughter, and "SQL", the abbreviation for Structured Query Language. MySQL Database is a fully managed database service to deploy cloud-native applications.
Some features of MySQL-
Not available in MySQL
Named block: Stored procedure & function
Cursor: only Explicit
Trigger: Row-level
Excuse as a single statement
Used to maintain data
Interacts with database servers
05. Aggregation
Aggregation is used to provide statistical analysis for groups of people & to create useful summary data analysis. It done on large scale, through software tools known as data aggregators. It is the values of multiple rows that are grouped together to form a single summary value. In aggregation, the relationship with its corresponding entities is aggregated into a higher-level entity.
06. Express
Express is a back end web application framework for Node.js released as free & open-source software under the MIT License. It has been called the de facto standard server framework for Node.js. It is used for designing & building web applications quickly & easily. It is provide server-side logic for web & mobile applications. It is fast, unopinionate, minimalist web framework for node expressjs.
07. NodeJS
NodeJS is an open-source, cross-platform, back end JS V8 (Google chrome) runtime server. It is used for accessing non-blocking operation of any operating system. It is designed to build scalable network applications. It is used to write server-side applications operating system, file system, & everything else require to build fully-functional applications. It is handle asynchronous code, Node uses a callback-based system. Node can also used be in a terminal window as a Read-Evalute-Print-Loop, or REPL.
What is a PayPal developer portal?

Tags: paypal
Published: 2021-12-23 08:27:27

 The [PayPal Developer](https://eiliana.com/blogitem/how-to-get-benefits-of-paypal-integration-with-your-business-website) Platform is a worldwide instalments stage open to developers. PayPal Developer tools offer the capacity to construct applications that collaborate with PayPal. PayPal likely empowers advancement, innovativeness, and more noteworthy utilization of PayPal Services.
PayPal is a web-based shared installment framework to send, get and pull out cash through internet-based credit with no utilization of Mastercards, charge cards, or checks. 

PayPal instalment door is exceptionally well known among eCommerce developers inferable from its incredible API interface for web designer PayPal security. The PayPal developers can profit from PayPal by making an electronic PayPal record and utilizing it easily like an online installment administration. PayPal is broadly utilized in web-based shopping and many partner programs on eBay, Amazon, and different stages. You can likewise enlist your PayPal representative eCommerce with your Visa or check card. With the assistance of a PayPal developer, you can utilize PayPal instalment administrations for your eCommerce sites and online stores.

Before you can coordinate a PayPal item or arrangement, you should set up your advancement climate to get OAuth 2.0 customer ID and credentials for the sandbox and live conditions. PayPal developers can trade these qualifications for an entrance token that approves your REST API calls. To test your web and versatile applications, PayPal developers should first create a PayPal developer account, more precisely a sandbox account.

Enterprise Data Lake group (EDL) at PayPal fabricated the Rule Execution Framework (REF) to address an undertaking level freedom: making a unified, venture level conventional guideline arrangement framework for characterizing, making due, controlling, and sending the information quality system's standards and rulesets. Rule Execution Framework (REF) gives the capacity to design rules and execute them. REF offers a stage, structure, APIs, and UI. A multi-occupant and normal assistance can be devoured by any customer or application. At present, it upholds information quality, information change, information profiling, irregularity recognition, and compromise management, and is adequately straightforward to be taken on by specialized or non-specialized clients. Owing to its popularity Paypal can be an ideal choice for freelancers.
Everything About Laravel 8 Composer 2022 | Composer in Laravel 8
Tags: laravel, programming, computerscience, vue
Published: 2021-12-23 08:26:31


# Introduction:

Composer was inspired by projects like NPM and Bundler.  Dependencies save you time and energy. Functionalities you may need for your app like sending e-mails or logging can all be easily included as third party libraries.

Composer is an exceptional dependency manager for PHP. 

The vast selection of compatible packages are hosted on the official Composer repository called Packagist. These packages are open source so you can contribute to them too. Popular frameworks and tools like Laravel, PHPUnit and Monolog can all be found here.


# Prerequisites:

[Read Full Blog Here....](https://codexashish.blogspot.com/2021/12/everything-about-laravel-8-composer.html)
A11y tips: let the user control the zoom
Tags: a11y, tips, html
Published: 2021-12-23 07:26:22

When we define a `<meta name="viewport">` there are two parameters that we can use that affect accessibility:

- `user-scalable="no"`: disables browser zoom on a web page
- `maximum-scale`: limits the amount the user can zoom

Both are problematic for users with low vision who rely on browser zoom to see the contents of a web page. **It is better not to define them and to leave complete freedom to the user** to manage the zoom as needed when visiting our website.

Therefore the ideal definition is:
```
<meta
  name="viewport"
  content="width=device-width, initial-scale= 1"
/>
```

Or even not define any `<meta name="viewport">`, like [Google](https://www.google.com/) does. But please don't do like [Instagram](https://www.instagram.com/):

![Capture of the HTML code of Instagram, in which the meta name viewport is highlighted with several parameters that disable the possibility of zooming](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pq9l656zg5jgkfrg4gv1.png)

This is a perfect example of how not to use `<meta name="viewport" />`.