teleren/devto huggingface dataset:
Solving Test Data Acquisition Challenges
Tags: database, mysql, dbforge
Published: 2023-03-28 16:24:18

This white paper describes the requirements for test data, the problems associated with getting it to test MySQL-based applications, and how to overcome these problems - https://www.devart.com/white-papers-landing/solving-test-data-acquisition-challenges.html

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fuhtla0x2uqikumd25d2.png)
Paracetamol.js💊| #210: Explica este código JavaScript
Tags: javascript, spanish, programming, webdev
Published: 2023-03-28 16:20:24

## **<center>Explica este código JavaScript</center>**
#### <center>**Dificultad:** <mark>Intermedio</mark></center>

```js
const isFunction = (fn) => typeof fn === 'function'

console.log(isFunction( () => {} ))
console.log(isFunction( function(){} ))
console.log(isFunction( isFunction ))
```

- A. `true`, `true`, `true`
- B. `false`, `false`, `false`
- C. `true`, `true`, `false`
- D. `true`, `false`, `true`  


Respuesta en el primer comentario.

---
From Copycat to Creator: Tips for Beginner Web Developers Learning from Online Resources"
Published: 2023-03-28 16:10:41

Are you a beginner  😕  web developer looking for ways to learn and grow your skills? It's important to approach online tutorials 💻  and resources in the right way to get the most out of them. In this article, I'll share some tips for using online resources to become a better web developer and avoid common mistakes.


One common mistake that beginners make is simply copying code from online tutorials and presenting it as their own work. Not only is this unethical, but it also hinders your own growth as a developer. It's important to take what you learn from tutorials and use it as a starting point to create your own projects.


When you're using online resources to learn web development, it's important to take the time to understand the code you're working with. Make sure to read through the tutorial or video carefully, and try to understand how the code works. If you're not sure about something, don't be afraid to ask questions or look for additional resources to help you understand.


Once you understand the code, try to modify it in some way to make it your own. This could be as simple as changing the color scheme or adding additional functionality. The more you modify and experiment with the code, the better you'll understand it, and the more you'll grow as a developer.


Finally, if you do use code from others in your own projects, make sure to give proper credit and ask for permission if necessary. This shows respect for the original creator and helps to build a strong and supportive developer community


Thanks for reading! If you're interested in learning more about web development, feel free to follow me on LinkedIn or check out my GitHub profile for more code examples and projects. Let's connect and continue learning together!


Linkedin:https://www.linkedin.com/in/andoh-francis-133aa7245/
Github Link: https://lnkd.in/dPRnV5J7


#webdeveloper #community #share #projects #growth
JavaScript 🐲 challenges_3 ⚔️
Tags: javascript, webdev, challenge
Published: 2023-03-28 16:10:03

## Roman Numerals Encoder

- Create a function taking a positive integer as its parameter and returning a string containing the Roman Numeral representation of that integer.
- Modern Roman numerals are written by expressing each digit separately starting with the left most digit and skipping any digit with a value of zero.
- In Roman numerals 1990 is rendered: 1000=M, 900=CM, 90=XC; resulting in MCMXC.
- 2008 is written as 2000=MM, 8=VIII; or MMVIII.
- 1666 uses each Roman symbol in descending order: MDCLXVI.

#### Example:

-  solution(1000); // should return 'M'

#### Help:

```
   Value    Symbol

    1000:   'M',
    900:    'CM',
    500:    'D',
    400:    'CD',
    100:    'C',
    90:     'XC',
    50:     'L',
    40:     'XL',
    10:     'X',
    9:      'IX',
    5:      'V',
    4:      'IV',
    1:      'I'
```

[Task URL](https://www.codewars.com/kata/51b62bf6a9c58071c600001b)

### My solution:

```
function solution(number) {

    // convert the number to a roman numeral
    let symbol = {

        1: "I",
        4: "IV",
        5: "V",
        9: "IX",
        10: "X",
        40: "XL",
        50: "L",
        90: "XC",
        100: "C",
        400: "CD",
        500: "D",
        900: "CM",
        1000: "M",
    };

    let result = "";
    let numbers = Object.keys(symbol);
    let romanNumber = Object.values(symbol);

    let decimal = numbers.map((num) => {
        return parseInt(num);
    });

    let reverseDecimalNumbers = decimal.reverse();
    let reverseRomanNumbers = romanNumber.reverse();

    for (var i = 0; i < decimal.length; i++) {

        while (reverseDecimalNumbers[i] <= number) {
            result += reverseRomanNumbers[i];
            number -= reverseDecimalNumbers[i];
        }

    }

    return result;
}

```

### Code Snapshot:


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

###### 10 JavaScript Games to learn-Totally Cool & Fun 🚀✨🔥

🎥 {% youtube 9EZ0TpuHYvI%}


### Connect with Me 😊

#### 🔗 Links

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/mahmoud-el-kariouny-822719149/)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/Mahmoud42275)
TNT Stack.
Tags: javascript, webdev, programming, tntstack
Published: 2023-03-28 16:09:19

## The new stack TNT stack

Are you a **Javascript developer**  and, you know about **ReactJS**. You probably heard about lot's of stack like, **_mern stack,_** _**mean stack, **__**mevn stack**_ and more. But a new stack is growing in the market and very powerful. the name of this stack is **TNT stack**. 
	In this stack the first T represents **_Typescript_**, Typescript script is the superset of the javascript and this is very powerful language, lots of companies are using typescript in their projects, and typescript is also loved by the developer community.
	 The second T represents **_Next js_**, what is next js, if you are a react developer, you probably heard about the Next js, but if you don't, nextjs is a framework, build on the top of reactjs, it provides the server side rendering, means your all the html code imported from the server directly, it makes the application performance very fast and also very popular for the seo, because in the react their is no service for the seo optimization. these are some features that next provide us, there are many.
	The third T represents the _**Tailwindcss**_, Tailwind css is very popular css frameworks. Tailwind is a utility first framework, means there are so many class that you use commonly in the projects and more. You can customize the UI however you want.

	If you want that I create a separate blog for the all the technologies, comment below.
thank you for reading, will meet soon.

this is my first blog. I will improve the writing.
Javascript Arrays
Tags: javascript, programming, webdev, frontend
Published: 2023-03-28 16:03:18

In JavaScript, an array is a type of data structure that is used to store a collection of values. An array is defined using square brackets, and its elements are separated by commas.

JavaScript provides many methods for working with arrays. Some of the most commonly used methods are:

1 push(): adds one or more elements to the end of an array.
2 pop(): removes the last element from an array.
3 shift(): removes the first element from an array.
4 unshift(): adds one or more elements to the beginning of an array.
5 slice(): returns a new array containing a portion of an existing array.
6 splice(): adds or removes elements from an array at a specified index.
7 concat(): joins two or more arrays together.
8 indexOf(): returns the index of the first occurrence of a specified element in an array.
9 lastIndexOf(): returns the index of the last occurrence of a specified element in an array.
10 forEach(): executes a provided function once for each element in an array.
11 map(): creates a new array with the results of calling a provided function on every element in an array.
12 filter(): creates a new array with all elements that pass a provided test.
13 reduce(): applies a provided function to each element of an array and returns a single value
.
Getting blocked by Vercel...
Tags: vercel, nextjs, community
Published: 2023-03-28 15:35:50

So 2 days ago, I was working on a project with Next.js where I used GitHub OAuth for login purposes.
This project was hosted in Vercel.
Now, the OAuth was only working on the Vercel url that the project was hosted on, so every time I would change a few lines to the code, I'd redeploy it so I could test it out.
After about an hour of trying to fix this one bug, I got a notification that I had used too much data and **my account had been blocked.**

---

My Vercel account was very important to me as it hosted my portfolio and a few other major projects, so I start panicking.
Frantically, I opened a case on the Vercel support page and opened a discussion in the Vercel GitHub Community hoping I would get some support.
Then, I went to bed...

## The Next Day
The next day, I woke up and saw that someone had commented on my GitHub discussion telling me to check what the email from Vercel had said and to follow the instructions on the email.
I decided to re-do that after I come home from school.

---

Once school had ended, I re-checked my emails.
There it was: *an email from Vercel Community Support*
The Support Engineer responded with this comment:
> We need to know that you have either deleted or moved the project or resolved the issue that caused you to go over the usage limit in your account before we can look to remove the block.

I immediately deleted the Vercel project and replied saying that the project using all the data had been deleted.
**2 hours later, I got an email saying that my account had been unblocked!**

---

*Moral of the Story: Vercel Community Support is amazing and so is Vercel and Next.js*
Shopify Dawn Theme
Published: 2023-03-28 15:32:11

Hi, 
I'm using a Shopify Dev store which is based on a 2.0 Dawn theme and I'm trying to enable a size guide link (with pop up) on product detail page and not sure how to best achieve that. Documentation is poor or based on different themes, or I haven't found it. 
I've created the Size Guide page in Pages in the Backend UI (theme template: default page) and then I think I'm supposed to add some section or snippet in the liquid theme code but not sure how. Basically the size guide pop up / link should appear here on product detail page (see Dawn demo) and as a full page in the footer. 
https://themes.shopify.com/themes/dawn/styles/default/preview?surface_inter_position=1&surface_intra_position=2&surface_type=all Thank you in advance for your input!
14 berufliches Vorwärtskommen: Weshalb du dich auf den Tag der Abrechnung vorbereiten solltest.
Tags: deutsch, career, austausch, 1min
Published: 2023-03-28 15:19:00

Moin Moin,

es ist nicht der Tag gemeint an dem du dein Gehalt erhältst, sondern der Tag an an dem du im hohen Alter auf deine Karriere ( berufliches Vorwärtskommen ) zurückblickst. Es wäre schön, wenn man an dem Tag möglichst nichts bereut.

- Gibt es etwas was du seit einiger Zeit aufschiebst ? Ein Projekt ? Etwas zwischenmenschliches ? Selbstständigkeit ?
- Was meinst du, würdest du sicherlich früher oder später bereuen, wenn du es nicht bald tätest ?

Beste Grüße,
Mustafa
Animated words are not working.
Tags: react
Published: 2023-03-28 15:05:43


## Animated words are not working.
Only **Hi** is showing animation plz help me I am stuck

```
import './index.scss';

const AnimatedLetters =({ letterClass, strArray, idx}) => {
    return (
        <span>
            {
            strArray.map((char, i) => (
                <span key={char+i} className={`${letterClass}_${i+ idx}`}>
                    {char}
                </span>
            ))
            }
        </span>

    )
}
export default AnimatedLetters

```

```
text-animate {
    display: inline-block;
    opacity: 0;
    animation: bounceIn 1s 1s ;
    animation-fill-mode: forwards;
    min-width: 10px;
}

@for $i from 1 through 35 {
    .text-animate._#{$i} {
        animation-delay: #{$i/10}s;
    }
}

```

```
import { useState } from 'react';
import { Link } from 'react-router-dom';
import Loader from 'react-loaders';
import LogoTitle from '../../assets/images/logo-s.png';
import AnimatedLetters from '../AnimatedLetters';
import './index.scss';
const Home = () => {
      const [letterClass, setLetterClass] = useState('text-animate')
      const nameArray = ['i','m','a','n','s','h','u']
      const jobArray = ['w','e','b',' ','d','e','v','e','l','o','p','e','r','.']


    return (
        <div className="container home-page">
            <h1>
                <span className={letterClass}>H</span>
                <span className={`${letterClass} _12`}>i,</span>
                <br/>  
                <span className={`${letterClass} _13`}>I</span>
                <span className={`${letterClass} _14`}>'m</span>
            <img src={LogoTitle} alt="developer"/>
            <AnimatedLetters letterClass={letterClass} strArray={nameArray}
            idx={15}/>
            <br/>

            <AnimatedLetters letterClass={letterClass} 
            strArray={jobArray} idx={22}/>
            </h1>
            <h2>Frontend Developer / Javascript Expert / Open-Source COntributor</h2>
            <Link to="/contact" className='flat-button'>CONTACT-ME</Link>
        </div>
    )
}

export default Home

```
AI Code Generation Experiments
Tags: programming, productivity, ai, chatgpt
Published: 2023-03-28 14:59:38

`
im making simple browser game of simulated bitcoin trading, merged with mindful breathing practices
generate a 1 month development sprint plan with initiatives, epics, story and tasks about 

follow this format for stories "As a <user> I want <function> so that<value>"
remember to generate the response in a structured tables format
`

`
generate a game in a single block of code (for copy paste),
use native javascript and canvas, don't use any third parties libraries
the game is like the of pong, but rotated 90deg, 
the ball goes up and down, and only goes from left to right, and the movement of the ball is influenced by the candle price of a candle of the bitcoin price, use the native js fetch function, to build the "level" for the game, fetch from the public binance api
the player scores once it places the platform correctly where the price bounced, just like the point you get, on pong once you bounce correctly the ball to the oponent
`


`make a standalone component that wraps around this component and rotates the light around the 0,0,0 of the scene

"""

            <pointLight castShadow color={"#ffddcc"} intensity={1.2} position={[xOut*2, yOut*2, zOut*1.5]} />
            <fog attach="fog" args={['#000000', 5, 10]} />
"""
`

`
generate a js code-snippet, the html only where it will be pasted uses threejs (thru cdn) and no other third party libraries
the scene has controller with 2 buttons (1 big box, with 2 smaller boxes on top)
each button (smaller cube) when clicked respectively and lowers the "y" position as so to appear "pressed",
only one button can be in a "pressed" state at one time
only generate the js copy-pasteable block of code
`

`
generate a business plan for the digital startup complete with idea name, a short one liner, target user persona, user's pain points to solve, main value propositions, sales & marketing channels, revenue stream sources, cost structures, key activities, key resources, key partners, idea validation steps, estimated 1st year cost of operation, and potential business challenges to look for. Write the result in a markdown table
`

`
Act as a tech writer. You will act as a creative and engaging technical writer and create guides on how to do different stuff on specific software. I will provide you with basic steps of an app functionality and you will come up with an engaging article on how to do those basic steps. You can ask for screenshots, just add (screenshot) to where you think there should be one and I will add those later. These are the first basic steps of the app functionality: "1.Click on the download button depending on your platform 2.Install the file. 3.Double click to open the app"
`

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qf5lvnb3lgu51t7f7s8f.png)
These images are better than your AI images
Tags: offtopic, webdev, javascript, programming
Published: 2023-03-28 14:59:00


## Check our previous post

{% link https://dev.to/jon_snow789/9-hidden-websites-for-programmers-278f  %}

---
---

Some of the most epic photos from around the world

---

## 1. 



![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ch2891y2t5s5xzek6gje.jpg)

---
---

## 2. 


![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wutpz0e1swbyaadb739l.jpg)

---
---

## 3. 

![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jkd3fzb5omkqz0hy63jo.jpg)

---
---

## 4. 


![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/utp3i3n9ut2yu37vfqjh.jpg)

---
---

## 5. 


![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nokonx58oxr8wmm41pfq.jpg)


---
---

## 6. 

![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8odl5p3x4zv6fyn884zs.jpg)

---
---

## 7. 


![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ho33fey3g822030r42ge.jpg)

---
--- 

## 8.

![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ygfksijg1b8ldtwnczk2.jpg)

---
--- 

## 9. 

![Some of the most epic photos from around the world](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3td927mtyw915hi8i87t.jpg)

---


--- 
## Support us 
Don't miss the amazing video we've embedded in this post! Click the play button to be inspired

{% youtube aDgIzSflvR4 %}

---
 
---
## For more information

1. Check my GitHub profile
[https://github.com/amitSharma7741](https://github.com/amitSharma7741)

2. Subscribe my Youtube Channel 
[https://www.youtube.com/@democode](https://www.youtube.com/@democode) 

3. Check out my Fiver profile if you need any freelancing work
[https://www.fiverr.com/amit_sharma77](https://www.fiverr.com/amit_sharma77)

4. Follow me on  Instagram
[https://www.instagram.com/fromgoodthings/](https://www.instagram.com/fromgoodthings/)

5. Check out my Facebook Page 
[Programming memes by Coder](https://www.facebook.com/programmingmemesbycoders)

6. Linktree
[https://linktr.ee/jonSnow77](https://linktr.ee/jonSnow77)

 

---
---

{% instagram CqObFa6PR0l %}
#TestCulture 🦅 Episode 30 – X-Teams
Published: 2023-03-28 14:51:44

The X-Team model is based on the idea that teams should be flexible and adaptable, with the ability to shift focus and change direction quickly in response to new challenges and opportunities.
An X-Team is made up of a core group of individuals who are responsible for the team's core functions, as well as a range of external stakeholders who can provide additional support and expertise as needed. 💭
The X-Team model emphasizes the importance of collaboration and cross-functional communication.
When a team manages to organize itself and industrialize its Software Development perfectly through defined roles and responsibilities with a real team spirit and clear objectives, it is nevertheless confronted with a glass ceiling.
This limit is materialized by the inability to obtain credit from management or a vision of the product, which is not very competitive on the market.
Applying the X-Team model to test maturity can help teams become more flexible and adaptable in response to new challenges and opportunities. 💪🏼
This model emphasizes the importance of collaboration and cross-functional communication, which can help teams achieve their objectives more effectively…

-----

Learn more about #Teams: https://agilitest.com/cards/x-teams

-----

[A thread](https://twitter.com/agilitest/status/1631325109448499201?s=20) on Twitter.
ChatGPT's help and guidance for solving leetcode/hacker-rank questions
Tags: webdev, programming, productivity, opensource
Published: 2023-03-28 14:31:04

Are you tired of getting stuck on Leetcode or HackerRank questions? 

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

`LeetChatGPT`, an open-source browser extension that will transform your coding experience. With `LeetChatGPT`, you'll get instant `feedback`, `guidance`, and `help` powered by `ChatGPT`, a state-of-the-art language model.

Demo: https://www.youtube.com/watch?v=yQ7m25nEJTA

Source code: https://github.com/Liopun/leet-chatgpt-extension

`LeetChatGPT` supports both `Leetcode` and `HackerRank` questions, making it a `versatile tool` for any coding enthusiast. But that's not all, it also has two unique modes to enhance your coding experience. The first is the `Timer Mode`, which `provides feedback and help for your current solution when a timer runs out.` This feature is perfect for those who struggle with `time management` or want to `challenge themselves` to complete problems quickly.

The `second mode` is the `Manual Mode`, which allows you to get `feedback for your current solution towards a brute-force or optimal solution on demand.` This `feature` is perfect for those who want to `learn how to approach a problem optimally or those who want to get a better understanding of the solution they came up with`.

`LeetChatGPT` also has the `ability to continue chat with ChatGPT`, making it feel like you have a `coding buddy` helping you every step of the way. Additionally, it has `markdown rendering and code highlights`, making your coding experience even more `enjoyable.`

Lastly, `LeetChatGPT` supports both `ChatGPT` and `ChatGPT Plus`, providing you with even `more advanced and personalized assistance.` With `LeetChatGPT`, `you'll never get stuck on a Leetcode or HackerRank question again`.

Try out `LeetChatGPT` today by visiting https://leetchatgpt.com and let `ChatGPT guide you to success`. And don't forget to check out the demo and source code on GitHub. Happy coding!
BTOPRO WEEK 11
Published: 2023-03-28 14:14:32

## How did you start?
We started by making out making our index. We figured out what we needed to go onto the site.
## What did you decide to attack first?
The first real thing we did was setting up the rendering for the search bar. This was the simplest part so we decided to try it first.
## What issues have you had?
Our biggest issue is that we can't get our project to render properly.
## What concepts translated from Project 1's card?
The backend from project 1 was a good outline.
## What's your next priority?
Fixing our issues and setting up the api.
## What problems are you unsure of how to solve?
How to set up the api.