teleren/devto huggingface dataset:
Spotify Wrapped 2022
Tags: watercooler, webdev, music, spotify
Published: 2022-12-01 10:06:13

As you know 2022 is coming to end and Spotify just release the Spotify Wrapped for this year. I listened to 444 artists this year. Here are details stats of Spotify:


![All Stats in one](https://imgur.com/KDLgi2A.png)


You can share your stats in the comments section. It would be very interesting to see what people most listened to. 

You can get you Spotify Wrapped [Here](https://www.spotify.com/us/wrapped/)
SQL Join explained!
Tags: sql, webdev, database
Published: 2022-12-01 10:02:27

**SQL JOIN** is a type of clause that is used to combine rows from two or more tables based on a related column between them. The purpose of a JOIN clause is to retrieve data from multiple tables and combine it into a single result set that can be used in various operations, such as selecting, updating, or deleting data.

There are several types of JOIN clauses in SQL, each with its own specific purpose and syntax. The most commonly used JOIN clauses are INNER JOIN, OUTER JOIN, and CROSS JOIN.

**INNER JOIN** is the most basic type of JOIN clause and is used to combine rows from two or more tables that have a matching column. For example, if we have a "customers" table and an "orders" table, we can use an INNER JOIN to combine the two tables on the "customer_id" column, which is shared by both tables. This will return only the rows from both tables where the "customer_id" value is the same.

**OUTER JOIN** is a type of JOIN clause that is used to combine rows from two or more tables, even if they do not have a matching column. There are two types of OUTER JOIN: LEFT OUTER JOIN and RIGHT OUTER JOIN. LEFT OUTER JOIN combines rows from the left table with rows from the right table, and includes all rows from the left table, even if they do not have a matching row in the right table. RIGHT OUTER JOIN is the opposite, and includes all rows from the right table, even if they do not have a matching row in the left table.

**CROSS JOIN** is a type of JOIN clause that is used to combine every row from one table with every row from another table. This type of JOIN does not require a common column between the tables, and will create a new, combined table that contains all possible combinations of rows from the original tables.

In summary, SQL JOIN clauses are an essential part of SQL and are used to combine rows from multiple tables into a single result set. There are several different types of JOIN clauses, each with its own specific purpose and syntax, and they can be used to perform a variety of operations on data from multiple tables.
CEH V9 Dumps posture of a aim system(s).
Published: 2022-12-01 09:40:27

[CEH V9 Dumps](https://dumpsboss.com/eccouncil-exam/312-50v9/) We are recieving response from all over the world. it is sincere to stury first then prepare for the exam and write it to your own. "Certified Ethical Hacker v9", moreover known as CEH V9 Dumps exam, is a EC-Council Certification. With the entire collection of questions and answers, has assembled to take you through 614 Q&As to your CEH V9 Dumps Exam schooling. In the CEH V9 Dumps exam resources, you will cover every issue and sophistication in EC-Council CEH helping to organized you to your a fulfillment EC-Council Certification. Free Demo Download offers unfastened demo for CEH V9 Dumps exam (Certified Ethical Hacker v9). You can test out the interface, question great and fee of our workout exams in advance than making a decision to buy it. A Certified Ethical Hacker(CEH) is a expert professional who's conscious and is privy to a manner to look for weaknesses and vulnerabilities in aim systems and uses the identical understanding and equipment as a malicious hacker, but in a lawful and legitimate manner to assess the protection posture of a aim system(s). 

Click Here More Info >>>>……. >>>>>>>>> https://dumpsboss.com/eccouncil-exam/312-50v9/
Tailwind CSS tutorial #24: List Style Position
Published: 2022-12-01 09:37:38

In the article, we will go into detail on how to use `List Style Position`.

## List Style Type
**Format**
> `list-style-position-{inside|outside}`

| Tailwind Class | CSS Property |
| ------ | ------ |
| `list-inside	` | ` list-style-position: inside;`|
| `list-outside		` | `list-style-position: outside;`|

Control the position of the markers and text indentation in a list using the `list-inside` and `list-outside` utilities.

## **Code**
```html
 <ul class="container mx-auto divide-y divide-gray-400 divide-dotted" style="font-family: Raleway">
  <li class="flex items-center justify-between px-4 py-2">
    <ul class="list-disc list-inside	">
    <li>Now this is a story all about how, my life got flipped-turned upside down</li>
     <li>Now this is a story all about how, my life got flipped-turned upside down</li>
     <li>Now this is a story all about how, my life got flipped-turned upside down</li>
    </ul>
    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">list-none	</div>
  </li>
 <li class="flex items-center justify-between px-4 py-2">
    <ul class="list-disc list-outside	">
    <li>Now this is a story all about how, my life got flipped-turned upside down</li>
     <li>Now this is a story all about how, my life got flipped-turned upside down</li>
     <li>Now this is a story all about how, my life got flipped-turned upside down</li>
    </ul>
    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">list-disc</div>
  </li>
</ul
     
```
**Full code:**
The overall code will be attached to [repo ](https://github.com/codewithshubhi/learn-tailwind-css/blob/main/List%20Style%20Position.html)link.

**Overall Output**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/32xb2b20zd6ar6bfzs9k.png)

**Resources:**
[tailwind.css](https://tailwindcss.com/docs)

Thank you for reading :), To learn more, check out my blogs on [Flex Direction](https://dev.to/shubhicodes/tailwind-css-tutorial-13-flex-direction-i8j), [Hackathons](https://dev.to/shubhicodes/all-about-hackathons-how-to-find-participate-win-42kk) and [Flex Wrap](https://dev.to/shubhicodes/tailwind-css-tutorial-14-flex-wrap-kee).
If you liked this article, consider following me on [Dev.to](https://dev.to/shubhicodes) for my latest publications. You can reach me on [Twitter](https://twitter.com/heyShubhi).

Keep learning! Keep coding!! 💛
Mortgage Calculator
Tags: python, beginners, programming, vscode
Published: 2022-12-01 09:37:23

This program is intended to be used in order to calculate total monthly payments of a loan using user inputs and save details to database

(GIF NOT WORKING UNFORTUNATELY)
https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uikbjsz1o3yb5zhf4ysv.gif

The purpose of making this was to attempt to make use of Object oriented programing. I did this by creating a class of "Client" which would then derive its attributes from the "from_input" class method. I then use the formula for total monthly payments via the "calculate" class method and return the result. Finally the user will be subject to yes/no prompts that can either be used to, input a new user, list the current users saved or to exit the program. 

Github link : https://github.com/Adamfenwa/mortgage

In conclusion this is a simple terminal program used for calculating mortgages and saving the data for future use.
Exodus for Android: Finds trackers embedded in all your apps
Tags: android, privacy, opensource, github
Published: 2022-12-01 09:23:56

Today, I want to shed light on a fairly unknown but powerful Android app that helps you to located trackers embedded in all your smartphone apps. It's called [Exodus](https://github.com/Exodus-Privacy/exodus-android-app) and is available for free.

## Screenshots

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/933044kix713k13odnne.png)

Apart from locating trackers, the app also shows what permissions are required by your apps for easy adjustments and to help you to take your privacy back. Sounds complicated? Not at all, the graphical user-interface is designed for beginners and is overall user-friendly.

The app is powered by the εxodus privacy auditing platform, which automatically detects privacy-invading app behaviours like ads, tracking, analytics and so on.
Related Links

- F-Droid: https://f-droid.org/packages/org.eu.exodus_privacy.exodusprivacy/
- Google Play: https://play.google.com/store/apps/details?id=org.eu.exodus_privacy.exodusprivacy
- GitHub: https://github.com/Exodus-Privacy/exodus-android-app

If you're looking for more privacy-respecting Android apps, [check out PrivacyTools.io](https://www.privacytools.io/android-alternatives).
AWSome November, from AWS Resource Explorer to CloudFront Continuous Deployment
Tags: aws, cloud
Published: 2022-12-01 09:23:22

As an editor for InfoQ, every month I follow and (try to) cover the most interesting news in the cloud space. From Resource Explorer to a new region in Spain, below are the announcements and news in the AWS space that caught my attention in November. You can read the full articles on [InfoQ](https://www.infoq.com/profile/Renato-Losio/#news).

**AWS Introduces CloudFront Continuous Deployment for Blue-Green and Canary Strategies**

AWS announced that CloudFront now supports continuous deployment to test and validate the configuration changes with a portion of live traffic. The new feature of the AWS content delivery network simplifies blue-green and canary deployment strategies.

**Amazon Releases Time Sync as Public NTP Service**

Amazon recently announced the availability of Time Sync as a public NTP service. Previously available only for servers running inside AWS data centers, Time Sync utilizes a global fleet of redundant satellite-connected clocks to deliver the current time.

**AWS Opens New Region in Spain**

AWS recently opened a new region in Spain to offer cloud services in the Iberian Peninsula and address in-country data residency and compliance requirements. The new _eu-south-2_ region is based in Aragón and has three availability zones.

**AWS Introduces Resource Explorer to Simplify Search and Discovery of Resources**

AWS recently announced the general availability of Resource Explorer, a managed capability to search and discover resources inside an AWS account. The new option is available at no additional charge and can query multiple regions but not multiple accounts.

**AWS Supports Transfer of IP Addresses between Accounts**

AWS recently announced Elastic IP transfer, an Amazon VPC feature to transfer IP addresses across accounts. The new option helps with organizational restructuring, centralized security administration, and disaster recovery.

**Amazon EC2 Introduces Replace Root Volume to Patch Guest Operating System and Applications**

AWS recently introduced the ability to replace the root volume of EC2 instances using an updated AMI without stopping them. The Replace Root Volume helps patch the guest operating system and applications but still triggers a reboot of the instance.

To read my other articles on InfoQ, [follow me](https://www.infoq.com/profile/Renato-Losio/).
When Constructors is called in C++
Tags: cpp, constructor
Published: 2022-12-01 08:49:30

# Constructor

Constructor in C++ is a special non-static member function of a class that is used to initialize objects of its class type as [cpp reference](https://en.cppreference.com/w/cpp/language/constructor) say.

it means Constructors dose not construct anywhere, **Constructor is just invoked at the time of object creation.**

Constructor is just **function** that is invoked automatically at the time of object creation. so you can invoke other function in constructor.

# example

```Cpp
ClassName::init(const int& id_in) // other function
{
    m_id = id_in;
}

ClassName::ClassName() // constructor
{
    init(42);
}
```

# reference

https://www.geeksforgeeks.org/constructors-c/

https://en.cppreference.com/w/cpp/language/constructor
Transition Effect in React JS without any package
Tags: react, css, csstransition, javascript
Published: 2022-12-01 08:30:30

Hola Amigo!

I have searched for applying transition effect when a component renders in the application. Unlike Js Css transition is not working on the react. So when I searched for applying the transition effect, I did not get a satisfactory result (React transition group felt hard for me). So I planned to apply the transition effects without any packages and I succeeded in it.

here is the Code

Transition.jsx

```
import {useState,UseEffect} from 'react';
import ".\transtion.css"

export default function TransitionContainer (){
const [transition,setTransition]=useState(false);

useEffect(()=>{
 setTransition(true)
},[])

return(
<div className={`animate ${transition?'displayIt':'noDisplay'}`}>
 /* content here */
</div>

```
in css we have to add the code given 

transition.css

```
.animate{
   transition: 0.5s ease-in;
}

.displayIt{
   opacity:1;
}
.noDisplay{
   opacity:0;
}
```
we can achieve the transition effect when a screen renders using useState and useEffect.

(Note: this is my first post so if anything feels odd....please comment so that I can rectify it)

Adios Amigo!!!!
JS Variables
Tags: javascript, beginners, variable
Published: 2022-12-01 08:17:50

JavaScript is mostly used on:
- Web development.
- Web applications.
- Web servers.
- Mobile applications.
- Games development.

etc.

It's the most used programming language in the world, used as a client-side programming language by 97.0% of all websites.

As in other programing languages, in JavaScript there are different data types:

- Strings. 
- Arrays.
- Objects.
- Functions. 

Declaring a variable is a way of storing data. It can be declared by keywords **var**, **let** and **const**. The _var_ keyword is used in all JavaScript code from 1995 to 2015. The _let_ and _const_ keywords were added to JavaScript in 2015. If there is a need of running code in an old browser, variables should be declared with _var_.
There are some restrictions that we need to follow at a time of getting name to the variable. We cannot use spaces or tabs, and the name cannot start with the number. Names of variables are case sensitive: words with uppercase and lowercase letters are different.

Variables can contain different types of information: Numbers, Strings, Booleans, etc. 

String is used with double or single quotes and contains a group of characters. 
Boolean data type has two values: true and false.

Here is how variables are declared:

```
var name = "Armen";
let AUAstudent = true;
const age = 18
```

When we use the _const_ for declaring variable, then the variable cannot be changed or reassigned.

We can change the value of the variables declared with _let_ or _var_. For example:
`let course = “Introduction to Computer Science”;`
for changing the variable course we write:
`course = “Linear Algebra”;`
In this way we assign a new value to the variable.

We can also do mathematical operations inside the variables, such 
as
`let a = 5+6;`



The main difference between _var_ and _let_ is the scope. Via scopes we can know where the variable can be used.
There are two type of scopes:

1. global
2. local 

Global variables can be redeclared outside of a block, and they are accessible from every point of the code. Its **var**.

Local variables are declared inside of a block. Its **let**. Let variables need to be declared before use.

_Let_ allows us to declare variables which are limited to a block statement but _var_ lets us redeclare the variables.

```
var x = 17
```
x is global variable here.

```
function() {
let n = 11
alert(n)
}
```
n is local variable here.
The state of Wasm in Rust, Haskell, and Go
Published: 2022-12-01 05:18:57

# 2023

## Haskell

- Use [ghc.nix](https://github.com/alpmestan/ghc.nix) to build a GHC version that targets Wasm
- It supports WASI
- It works on Mac M1

## Go

- Go 1.21 added experimental support for WASI (`GOOS=wasip1`, `GOARCH=wasm`)
- tinygo: JSON packages now work (tested on 0.29.0)

# 2022

Compiling to Webassembly (Wasm) is still rather difficult IMO in 2022. Here I document some of my findings:

## Haskell

- Compiling to Wasm requires an early release of GHC, [slated for GHC 9.6](https://www.tweag.io/blog/2022-11-22-wasm-backend-merged-in-ghc/)
- It supports WASI
- It does not work on ARM, such as Mac M1

## Rust

- The `wasm32-unknown-unknown` target works, but requires low-level memory management and `unsafe` blocks
- A bunch of packages like tokio don't work because they transitively depend on `net`, and WASI doesn't have networking yet ([networking](https://github.com/WebAssembly/wasi-sockets/tree/cc80e7ad6190ab872b64a3be11b00ed5276df5f1) is in [phase 1](https://github.com/WebAssembly/meetings/blob/452e4e36a7c7b539bb6a3e9bca7f6ac901b5f35b/process/phases.md) of 5), and it doesn't seem possible to turn off the `net` feature of transitive dependencies

## Go

- The main Go compiler [doesn't yet support WASI](https://github.com/golang/go/issues/31105), it only supports targeting JavaScript environments (see how [the only GOOS/GOARCH pair is js/wasm](https://gist.github.com/asukakenji/f15ba7e588ac42795f421b48b8aede63#support-grid-1))
- TinyGo supports WASI `tinygo build -target wasi .`, but a ton of packages like `encoding/json` don't work because not all of the `reflect` stdlib package has been implemented in the TinyGo runtime. I tried these alternative JSON packages:
  - ✅ [easyjson](https://github.com/mailru/easyjson) worked
  - ❌ [ffjson](https://github.com/pquerna/ffjson) failed to compile, last commit 2019
  - ❌ [go-codec](https://github.com/ugorji/go) depends on `reflect`
  - ❌ [fastjson](https://github.com/valyala/fastjson) can decode, but can't encode
  - ❌ [jsonparser](https://github.com/buger/jsonparser) can decode, but can't encode
  - ❌ [gabs](https://github.com/Jeffail/gabs) depends on `reflect`
How to Practice Root Cause Analysis in tech problems
Tags: management, documentation, tasks, productivity
Published: 2022-12-01 08:08:57

**RCA** is a collective term used to **describe a wide range of approaches, tools, and techniques to uncover causes/events that happened**.

**Root Cause Analysis** is a process of determining **the underlying reasons for an event** so that **the most effective solutions can be observed or implemented** towards an _organization’s_ strategy for **continuous improvement efforts**.

> **Note** : This process generally **serves as an input to a remediation process** whereby corrective actions need to be taken to prevent the problem from reoccurring again or when **something works effectively and how to replicate it across all processes**.

## Common Techniques

These tools allow for analysis to be branched in order to provide multiple root causes.

- **a)** **Cause and Effect Analysis** (also known as **Fishbone Diagrams**)

- **b)** **5 Whys** (also known as **5Y**)



## How Root Cause Analysis is Applied

**RCA** It is widely used in IT operations, _telecommunications_, _market research_, _industrial process control_, _accident analysis_ (e.g., in _aviation_, or _nuclear plants_), _medicine_ (for medical diagnosis), _healthcare industry_ (e.g., for epidemiology), etc.

**RCA** offers **strategic**, **simple**, **effective ways** for uncovering the **root of a problem**. You can use it in **troubleshooting**, **problem-solving**, and **quality-improvement initiatives**.

Want to keep in touch online? [Medium](https://medium.com/@itskenzylimon) | [Twitter](https://twitter.com/ItsKenzyLimon) | [Instagram](https://www.instagram.com/itskenzylimon)
Kotlin Code Smell 2 - Functions Are Too Long
Tags: kotlin, progamming, cleancode, codemsells
Published: 2022-12-04 11:17:53

---
title: Kotlin Code Smell 2 - Functions Are Too Long
published: true
date: 2022-12-01 08:00:44 UTC
tags: kotlin,progamming,cleancode,codemsells
canonical_url: https://yonatankarp.com/kotlin-code-smell-2-functions-are-too-long
---

![ojk816llxyjq794m5m7a.png](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ojk816llxyjq794m5m7a.png)

> **TL;DR:** Refactor and extract functions longer than 5-10 lines of code.

## Problems

* Low cohesion
    
* High coupling
    
* Difficult to read
    
* Low reuse
    

## Solutions

* [Refactor](https://maximilianocontieri.com/refactoring-010-extract-method-object).
    
* Create small objects to handle specific tasks and unit test them.
    
* Compose methods.
    

## Examples

* Libraries
    

## Sample Code

### **Wrong**

```kotlin
class ChessBoard() {
    init {
        placeOnBoard(whiteTower)
        placeOnBoard(whiteKnight)
        // All other white pieces
        
        // Empty space to pause definition
        placeOnBoard(blackTower)
        placeOnBoard(blackKnight)
        // All other black pieces
    }

    fun placeOnBoard(piece: Piece) = TODO()
}
```

### Right

```kotlin
class ChessBoard() {
    init {
        placeWhitePieces()
        placeBlackPieces()
    }
    
    private fun placeWhitePieces() = TODO()
    private fun placeBlackPieces() = TODO()
}
```

## Conclusion

Extract long methods into smaller pieces. Break down complex algorithms into parts. This approach allows for easier unit testing and improves readability while ensuring the correct level of abstraction in your method.

---

Stay updated with my latest thoughts and ideas by registering for my [newsletter](https://yonatankarp.com/newsletter). Connect with me on [LinkedIn](https://www.linkedin.com/in/yonatankarp/) or [Twitter](https://twitter.com/yonatan_karp). Let's stay connected and keep the conversation going!

---

## More info

* [Refactoring Guru](https://refactoring.guru/es/smells/long-method)
    

## Credits

* [Code Smell 03 - Functions Are Too Long](https://maximilianocontieri.com/code-smell-03-functions-are-too-long) by @[Maxi Contieri⭐⭐⭐](@mcsee)
A Fun Programming Joke To Start Your Day
Tags: jokes, dailydeveloperjokes
Published: 2022-12-01 08:00:28

---
title: "A Fun Programming Joke To Start Your Day"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258ed882b0.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ What did JavaScript call his son?

___A:___ JSON!
 -->
2022 roadmap
Tags: webdev, web3, react, tutorial
Published: 2022-12-01 07:53:07

## 1. BASIC TOOLS
**COMPUTER**
**BROWSER**
**TEXT EDITOR** : VSCODE, ATOM
**TERMINAL** : BASH




## 2. FRONT-END
**HTML**
**CSS**
Architecture : BEM
Preprocessors : Sass, Less, PostCSS
CSS Framework : Bootstrap, PostCSS, Material UI..
**JAVASCRIPT**
TypeScript : OOP
Javascript Framework : react, Vue, angulgar...
Static Site generator(SSG) : Gatsby(react), GridSome(Vue)..
Server Side rendering(SSR) : Next.js(react), Nuxt,js(Vue)..




## 3. TOOLS
**Version Control System** : Git, gitHub, gitLab...
**Module Bundler** : webpack, Rollup, Parcel
**Package Manager** : npm, yarn




## 4. TESTINGS
**Good Test Principles**
**CI/CD**
**Test Pyramid** : Jest, Cypress, Enzyme, react-testing-library




## 5. PUBLISH 
**Azure, AWS, GCP, Github Pages...**




## 6. Backend
**Public APIs**
**Firebase**
**Backend Roadmap**




## 7. Continuous Learning
**Cross Platform** : React Native, Flutter...
**AI** : TensorFlow, Brain.js
**Web Assembly**
**GraphQL** : Apollo, Relay
Web 3.0

---
**REFERENCE**

{% embed https://youtu.be/TTLHd3IyErM %}