teleren/devto huggingface dataset:
Communication is key to success
Tags: communication, learning, leadership, beginners
Published: 2023-09-19 08:24:22

> Communication is key to success - be it verbal or written!
 

Should that prevent a techy from conquering their aspirations? 

As we all know India has a diverse set of cultures and heritage with almost every state having a specific language and many smart and talented students learning in their mother tongue as a medium of instruction. 

English being our global language for communication, some students stumble when they move up to higher education or when they start working with colleagues/clients across the states and countries. 

Here are my tiny tips for many folks I have mentored in the past and continue to do. 

- Start Thinking in English!
 Since our native language/mother tongue is non-English, we often think in our mother tongue, translate and speak out loud. To convey a true sense of what we think and to improve communication skills, start thinking in English, with the same style and accent that you want to speak with. Practising this consciously for an hour per day will make a huge difference.

- Read English Magazine or News Paper regularly 
 Read it out loudly, preferably in front of the mirror.
- Attend / Join #toastmasters club in your neighbourhood (optional)
- Frame Sentences of 5 new words a day 
- Write a Passage, daily on some topic. 
 Get it reviewed by peers or there are plenty of online tools these days. 
- Speak out the corrected passage loud and do a video recording
- Always carry a Smile on your face 
 It neither harms the giver nor the receiver but rather charms
- Watch out for the 12 types of Tenses 
 Every week spend an hour reading in detail about 3 types of tenses and write down the rules, usage and frame sentences.

Unlearn, Learn, Review and Repeat the above process until you master the art of communication - be it writing or speaking!

Sign-up for this 30 days challenge and update me back with your success stories with these tried and tested tips.

Here is the [Excel workbook template](https://docs.google.com/spreadsheets/d/1jUpun8HsE7A7GSNMnEUIEsPxAdbuV6Xy/) for you to follow.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j96lmua8gxeu0tp72c9o.png)
JavaScript Magic Tricks: Undocumented Usage of Eval
Tags: javascript, eval
Published: 2023-09-19 08:23:55

JavaScript Magic Tricks: Undocumented Usage of Eval

In JavaScript programming, Eval is typically used to execute JavaScript code, perform computations, and output results. However, there is an undocumented usage of Eval that few people are probably familiar with. 

Here is an example:

```
var a = eval(['g', 'o', 'l', '.', 'e', 'l', 'o', 's', 'n', 'o', 'c'].reverse().join(""));
var b = ['m', 'o', 'c', '.', 'n', 'a', 'm', 'a', 'h', 's', 'j'].reverse().join("");
a(b);
```

Can you guess what the output of the function a(b) will be if you only look at the syntax of this JS code? The answer is surprisingly unexpected. Here it is:


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



The ability to produce such an output relies on an undocumented usage of Eval that allows converting strings into syntactic keywords. The simplified version of the Eval statement mentioned above would be:

`eval("console.log");`


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



Use reverse and join to hide the plaintext of console.log.

This method is used for encrypting JavaScript code and works quite well. When it comes to obfuscating and encrypting JS code, some signature words are difficult to hide, like console.log. Typically, console.log might be changed to console["log"] or console["\x6c\x6f\x67"], where the "log" characters can be transformed, but console as a syntax keyword cannot be changed, making it easy to be identified. However, this usage of eval can solve this issue and effectively hide many syntax keywords.

Or for example, for encrypting JSON data:

```
var abc ={a:'This is a', b:'This is b', c:'This is c'};
console.log(abc.a);
console.log(abc.b);
console.log(abc.c);
```

JSON data, due to its unique format, is notoriously difficult to obfuscate and encrypt with JavaScript, as it is often difficult to hide key names. However, using the method described in this article, you can modify the code to:

```
eval("var abc ={a:'This is a', b:'This is b', c:'This is c'};");
console.log(abc.a);
console.log(abc.b);
console.log(abc.c);
```

Encrypt the content inside the eval statement, and the encrypted code can become: 
Note: This is done using JShaman JavaScript Obfuscator, the same applies below.

```
eval("\u0076\u0061\u0072\u0020\u0061\u0062\u0063\u0020\u003d\u007b\u0061\u003a\u0027\u0054\u0068\u0069\u0073\u0020\u0069\u0073\u0020\u0061\u0027\u002c\u0020\u0062\u003a\u0027\u0054\u0068\u0069\u0073\u0020\u0069\u0073\u0020\u0062\u0027\u002c\u0020\u0063\u003a\u0027\u0054\u0068\u0069\u0073\u0020\u0069\u0073\u0020\u0063\u0027\u007d\u003b");
console.log(abc.a);
console.log(abc.b);
console.log(abc.c);
```

output:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kzva5kjobsvpan4xb20a.png)
FUNCTIONAL VS NON FUNCTIONAL
Tags: guvi, testing, task
Published: 2023-09-19 08:16:49

Functional Testing: Functional testing is a type of software testing in which the system is tested against the functional requirements and specifications. Functional testing ensures that the requirements or specifications are properly satisfied by the application. This type of testing is particularly concerned with the result of processing. It focuses on simulation of actual system usage but does not develop any system structure assumptions. It is basically defined as a type of testing which verifies that each function of the software application works in conformance with the requirement and specification. This testing is not concerned about the source code of the application. Each functionality of the software application is tested by providing appropriate test input, expecting the output and comparing the actual output with the expected output. 

Non-functional Testing: Non-functional testing is a type of software testing that is performed to verify the non-functional requirements of the application. It verifies whether the behavior of the system is as per the requirement or not. It tests all the aspects which are not tested in functional testing. Non-functional testing is defined as a type of software testing to check non-functional aspects of a software application. It is designed to test the readiness of a system as per nonfunctional parameters which are never addressed by functional testing. Non-functional testing is as important as functional testing.
O que é Encapsulamento em Java?
Tags: java, poo, braziliandevs, beginners
Published: 2023-09-19 08:14:04

Em Java, encapsulamento é um conceito fundamental da programação orientada a objetos (POO) que envolve a proteção dos detalhes internos de uma classe e a exposição de uma interface pública para interagir com a classe. Isso é alcançado usando modificadores de acesso, como private, public, protected e package-private, para controlar o acesso aos campos (variáveis) e métodos de uma classe.

**Por que o Encapsulamento é Importante?**

O encapsulamento em Java oferece benefícios semelhantes aos mencionados anteriormente:

- 
Segurança: Protege os campos da classe, evitando que sejam acessados ou modificados de forma inadequada.

- 
Abstração: Oculta os detalhes internos da implementação de uma classe, permitindo que os usuários da classe se concentrem apenas na interface pública.

- 
Manutenção: Facilita a manutenção do código, pois as mudanças internas não afetam os clientes da classe.

**Exemplo de Encapsulamento em Java:**

_Não esqueça de deixar seu like_ ❤️

Aqui está um exemplo de classe Pessoa em Java que demonstra encapsulamento:

```
public class Pessoa {
    private String nome;  // Variável privada
    private int idade;    // Variável privada

    public Pessoa(String nome, int idade) {
        this.nome = nome;
        this.idade = idade;
    }

    public String getNome() {
        return nome;
    }

    public void setNome(String nome) {
        if (nome != null && !nome.isEmpty()) {
            this.nome = nome;
        }
    }

    public int getIdade() {
        return idade;
    }

    public void setIdade(int idade) {
        if (idade >= 0) {
            this.idade = idade;
        }
    }
}
```

Neste exemplo, as variáveis nome e idade são declaradas como private, tornando-as privadas e acessíveis apenas dentro da classe Pessoa. Os métodos getNome, setNome, getIdade e setIdade fornecem acesso controlado a esses campos.

**Exemplo de Uso:**

```
public class Main {
    public static void main(String[] args) {
        Pessoa pessoa1 = new Pessoa("Alice", 30);
        System.out.println(pessoa1.getNome());  // Saída: "Alice"
        pessoa1.setIdade(31);
        System.out.println(pessoa1.getIdade());  // Saída: 31
    }
}
```

Assim como no exemplo, estamos acessando e modificando os dados da classe por meio dos métodos públicos em Java, garantindo que o encapsulamento seja respeitado.

_Agora vocês já está pronto para aprender sobre polimorfismo_
[Clique aqui para aprender](https://dev.to/antoniorws/interfaces-e-polimorfismo-3ckm)🚀

Linkedin: https://www.linkedin.com/in/antonio-rodrigo-wanderley-serra/
GitHub: https://github.com/antoniorws
Kubeify: Gym Management Software For Fitness Centres
Published: 2023-09-19 08:12:15

Kubeify is an ultra-modern software for your fitness centre that efficiently manages all the membership records, billing, online enquiries, attendance management and much more.   Kubeify isn't just a [Gym management software](https://kubeify.io/); it's a comprehensive solution designed to fit the unique needs of every fitness centre, whether you're a small boutique gym or a sprawling fitness empire.

With Kubeify, managing memberships, scheduling classes, and tracking attendance is as easy as a walk on the treadmill. Kubeify allows you to manage your gym operations on the go. Whether you're at home, at another branch, or even on vacation, you'll have full control of your fitness centre at your fingertips.

Streamline Your Operations
Managing a fitness centre can be chaotic, but Kubeify brings order to the chaos. This powerful software provides a centralised hub for all your gym management needs. Say goodbye to cumbersome spreadsheets and hello to effortless organisation. From membership management to class scheduling, Kubeify simplifies every aspect of your fitness centre's operations.

Membership Management Made Simple
Keeping track of memberships, renewals, and member information has never been easier. The [Fitness management system](https://kubeify.io/features.html) of Kubeify effortlessly manages member profiles, track attendance, and even automate membership renewals. It's the perfect tool to ensure your members stay engaged and committed to their fitness journey.

Boost Revenue
Kubeify doesn't just organise your gym; it helps you boost your revenue too. The software offers powerful billing and payment processing features, making it simple to manage subscriptions, track payments, and handle invoicing. 

Cost-Efficient 
Kubeify, the gym management software, stands out as highly affordable and budget-friendly in the realm of [Gym software pricing](https://kubeify.io/pricing.html). It offers robust features without breaking the bank, making it the ideal choice for every size of fitness centre.

Unparalleled Support
Switching to new software can be daunting, but Kubeify’s fitness management system has your back. Their dedicated support team is there to guide you through the setup process and answer any questions you may have. They're committed to ensuring your gym's success every step of the way.
Software testing
Tags: guvi, automation, task
Published: 2023-09-19 08:09:43

Software Testing :
software testing is the process which is used to make sure that software or system which meets the specified user requirements and it functions accordingly moreover it's a way to find the bugs found in the software while processing under various data and conditions. It involves testing the software with the purpose of identifying the issues that might affect its functionality, performance, security, and overall user experience.

Know about software testing :
The very purpose of software testing is to ensure the the quality and reliability of a software product. to do so how the software testing process works. we need to know Testing Levels, Testing types ,Test case scenarios finding the Test objectives plays vital role in the testing the software which is comprises of finding defects, ensuring software quality, and validating requirements Emphasize the effective communication importance of collaboration between developers, testers, and other stakeholders.
.
Relevance of Software testing: 
Software Testing plays an critical role to ensure the delivering the high-quality & secure product.it helps to meet the quality standard and find the bugs in earlier stage to avoid costlier of product. Testing provide the Continuous feedback by using it to make the software to perform better Testing makes the software to test under various optimization condition by using the result data it gives insight and aid in decision making.
Placeholder for image
Tags: design, javascript, html
Published: 2023-09-19 08:03:00

Save time and effort with our convenient placeholder images. [https://placeholder.ink](https://placeholder.ink)

## How it works?
It's easy! Just choose the size, color, and text you want, and you will get an image that meets your requirements!

## Default image placeholder
The default setting only uses the image size. You'll receive an image with the dimensions you specified, the default gray background, and the specified image size:
```
<img src="https://jpg.placeholder.ink/600x250" alt="600x250">
```
## Customize background color
You can customize the background color by specifying the color you need in HEX format, consisting of 6 digits:
```
<img src="https://jpg.placeholder.ink/600x250/cecece" alt="600x250/cecece">
```
## Adding text to an image
You can also add text to the image. If you need to add more than one word, use a plus sign (+) instead of a space:
```
<img src="https://jpg.placeholder.ink/600x300/8ac9eb/placeholder+banner" alt="600x300/8ac9eb/placeholder banner">
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9vk77i69xs1tn8d3lc2.jpg)
iOttie Easy One Touch 5 Dashboard & Windshield
Tags: javascript, webdev, programming, productivity
Published: 2023-09-19 07:42:29

https://tinyurl.com/5n63n746

The iOttie Easy One Touch 5 Dashboard & Windshield is a versatile and secure phone mount for your car. With its innovative design, it offers effortless one-touch mounting and adjustment, allowing you to easily place or remove your smartphone. It's compatible with both dashboards and windshields, providing reliable and stable support for your device during your travels, ensuring safe and convenient access to your phone while on the road.
Clear Cache On iOS Browsers With A Single Click In LambdaTest
Published: 2023-09-19 07:35:02

Serving customers is our utmost priority and we take our users’ feedback above all as we hold them as our product ambassadors who help us to make the product better! So, in response to the feedback of one of our customers (Brad Kane) we have introduced ***Clear Cache*** functionality specifically when you are performing tests on iOS browsers.

![](https://cdn-images-1.medium.com/max/2000/0*1fgcvMt6vV4_VydF.jpg)

## What’s new with this feature?

Whenever developers are debugging a problem on the go for any iOS website or web app.
To confirm if the problem is fixed, they would need to check this by going to settings and then clearing the cache for mobile **or** restarting and launching the device again which is a time consuming process altogether. So, Brad suggested us that it would be better if we can provide a clear cache functionality in the toolbar itself that can save the time for developers to easily check the problem real-time without restarting or going through the settings to clear cache in safari browsers.

And here it is!

![](https://cdn-images-1.medium.com/max/2702/0*ECgtoSmRYMiUM7JK.png)

Just click on clear cache and all the previous data gets erased! BOOM! And you can carry out your tests with every new build.

Stay tuned for more featured updates and keep providing us your feedback to help us improve more.

Happy Testing!
Create React app without Vite, CRA, etc.. ( for Interview)
Tags: react, interview, webdev, softwareengineering
Published: 2023-09-19 07:22:47

### Use HTML in JavaScript

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

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

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

![Image descrn](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5wqepqume8sbqalxc9qq.png)

![Image desption](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eb2fizjmtv59z5xrkj03.png)
### Q: If we have a lot of   roots, how can React render then?

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

### Ans: 
React is smart it will overwrite all of these with a render element.



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

### Q: How to render more than one element in the root?
### Ans:

![Imagion](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nbnqyfsbemkiy2ifnay8.png)
let's connect [LinkedIn](https://www.linkedin.com/in/sameer-faridi)
Rubyist Hangout Thread
Tags: ruby, discuss, watercooler
Published: 2023-09-19 07:00:00

Hiya! Join our weekly Ruby enthusiasts' meetup. We celebrate Ruby's 28-year legacy and everything community-approved, Ruby or not. Share with us:
🌟 Spotlight a Fellow Member: Highlight a Ruby enthusiast's accomplishments.
📖 Share an Intriguing Read: Recommend compelling tech articles.
🌐 Current Buzz in the Sphere: Keep us informed on Ruby-related news!
Hiring Decision Influences?
Tags: discuss
Published: 2023-09-19 07:00:00

_Welcome to Code Chatter, your go-to series for conversational coding insights. What makes this series of questions different from all the others? Well, truth be told, not much, but they're still thought-provoking and fun. Join us as we explore the coding world, one witty question at a time._

> If you've been involved in hiring decisions, what factors have typically influenced your choices in selecting candidates?

Follow the DEVteam for more discussions and online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
this in JS
Tags: javascript
Published: 2023-09-19 06:45:42

## Back to basics: `this` keyword
---
`this` represents the current execution context.
`this` may vary based on different scenarios

## Global Context
`this` in the global context represents the window [browser environment]

## Function Context
In a regular function, `this` varies based on how the function is invoked.

> Note: this behaves differently for arrow functions

1. **Function as method:** If the function is invoked as a method of an object. `this` represents the object containing the function
2. **Function as Standalone function:** `this` represents the global context if the strict-mode is not enabled, in other case the `this` is undefined

```
const obj = {
  name: "John Doe",
  sayHello: function () {
    console.log("The name is " + this.name);
  }
};

//function as method
obj.sayHello(); // The name is John Doe

//function as standalone function
let sayHelloFn = obj.sayHello;
sayHelloFn(); // this is undefined and throws TypeError: Cannot read properties

```
##Constructor Context
When a function is constructed using a `new` keyword. `this` represents the object that is newly created.
```
/**
 * Construction Context: 
 * this keyword represents the newly created object
 */
function Person(gender) {
  this.gender = gender;
}
const person = new Person("male");
console.log(person.gender); //male 

```

##Event Handler
In case of the event handler, `this` keyword represents the element of the DOM that triggers the event
```
/**
 * Event handler
 */
const button = document.querySelector('button');
button.addEventListener('click', function() {
  console.log(this); // The button element that was clicked
});
```
##Arrow Function
Unlike the regular functions, the `this` value is not determined by how the function is invoked. Rather, `this` is determined by the context in which the function is defined. It is lexically scoped.

This difference that makes the arrow function useful is when you want to maintain `this` from the surrounding code.

```
const obj = {
  name: "OJ",
  printName() {
    console.log(this.name);
  },
  normalFunction: function () {
    return this;
  },
  arrowFunction: () => {
    return this;
  }
};

console.log(obj.printName());

/**
 * Normal function
 *  **/
//method is invoked
console.log("normalFunction:", obj.normalFunction()); // obj
//standalone function in invoked
const extNormalFunction = obj.normalFunction;
console.log("extNormalFunction:", extNormalFunction()); //global object when strict mode is off, otherwise undefined

/**
 * Arrow Function
 */
console.log("arrowFunction:", obj.arrowFunction()); //global/window object
const extArrowFunction = obj.arrowFunction;
console.log("extArrowFunction:", extArrowFunction()); //global/window object


```
How to send JSON data to FastAPI using Javascript
Tags: python, api, fastapi, javascript
Published: 2023-09-19 06:43:45

## Hi 🙂🖐

Welcome to a new post, Today I will share with you How to send JSON data to FastAPI using Javascript.


## step 1

Create login.html page

```html

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/daisyui/3.7.5/full.css" integrity="sha512-Lr5WBlKu2mm4qy5sAEaqC/61YBq2Yyxk8YdlgX+HMvIBSS4v+OP6BLf7d3lEF4lSUdiw0uZHLagpgOicVSMs4g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<div class="form">
  
    <input 
    id="username"
    type="text" 
    placeholder="usernme" 
    class="input input-bordered input-info w-full max-w-xs" />


    <input 
    id="password"
    type="password"
    placeholder="password"
    class="input input-bordered input-info w-full max-w-xs" />


    <button id="bt" class="btn btn-info">login</button>


</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.3.min.js"></script>

<script>

    

    async function send_data(username, password) {
        fetch('/login', {

            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                'username': username.val(), 
                'password': password.val()
            })
            
            })
            .then(resp => resp.json()) // or, resp.text(), etc
            .then(data => {
                console.log(data); // handle response data
            })
            .catch(error => {
                console.error(error);
            });
        }

   
    let bt = $('#bt')

    bt.click(function () {
        let usernme = $('#username')
        let password = $('#password')
        send_data(usernme, password)
    })

</script>

<style>

    .form {
        display: flex;
        flex-direction: column;
        gap: 31px;
        width: 400px;
        padding: 20px;
        margin: 100px auto;
    }




</style>

```

**daisyui** daisyUI is a plugin for Tailwind CSS 


## step 2

Create login page route and login page post route 

```python

from fastapi import FastAPI, Request
from fastapi.responses import HTMLResponse


app = FastAPI()


@app.get('/login')
def logIn():
    return HTMLResponse(open('login.html', 'r').read())

@app.post('/login')
async def login(request : Request):
    json = await request.json()
    return json
    
```

## result


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2h0ov61a9itxd51pthpp.PNG)


**Now we're done 🤗**

**Don't forget to like and follow 🙂**

**Support me on PayPal 🤗**
https://www.paypal.com/paypalme/amr396