teleren/devto huggingface dataset:
Being a Developer Advocate: Week 12
Tags: devrel, learninpublic
Published: 2022-11-25 15:30:33

Content creation is one of the main activities of a Developer Advocate. And that was what I was doing half the week. And I finished my first video. It should be out next week 🥳

Then we had a devastating [Developer Experience Audit](https://www.apollographql.com/blog/community/devrel/dx-audits-a-framework-for-developer-advocacy/) which motivated me to do better!

And the content syndication efforts are starting. Let's do this! I will keep you posted on what platforms we ended on and how that is working out 🤓

## Recording and Postproduction
Everybody thinks that standing in front of a camera is easy to work. It took me 1.5 days to finish the recordings and another day to do the postproduction of my first video tutorial.

Things I learned:

* A solid grip on the structure before recording is advised
* Some things just do not work out on camera. That is why you have to do many takes
* I noticed a lot of holes and prerequisites I was not aware of when teaching the stuff. That is nothing new and also happens when I _write_ a tutorial.
* Postproduction takes a long time
* Recording with OBS and editing with Da Vinci Resolve gives you the most flexibility. But is also the most time-consuming!
* Next time I will do an outtake-reel 😂

## Devastating Developer Experience Audit
A new colleague with a less technical background joined and we took the chance to do a Developer Experience Audit.

With his specific setup, he got hard stuck and could not complete the onboarding 😢

Fortunately, he provided a thorough write-down of all the problems he encountered and what would have helped him. And also some nice suggestions on how to improve!

To everybody who needs to hear this

> Do Developer Experience Audits regularly!

## Internal Advocating
The experience above also motivated us to better understand internal advocating for our developer users (That is the other part of the job nobody sees 🥰).

I am confident we can improve the whole Developer Experience in the next weeks.

What it also highlighted was, that is crucial in DevRel to be able to speak to nearly everybody in their language. I had talk to Development, Sales and Product to get the feedback and also to get the fixes into the pipeline.

I truly can say I love doing that! Talking to people with different views on things, understanding their challenges, and working towards a shared goal together: Building a great product!
Introducing Klepto: Sharing and Stealing Great Ideas
Tags: svelte, sveltekit, mongodb, javascript
Published: 2022-11-25 15:16:59

## What I built

Klepto - a platform for sharing and stealing great ideas

### App Link

https://klepto.vercel.app

### Screenshots

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

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

![Edit/delete idea](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2r54o6vgwb270b25fqng.png)

### Description

Ever had an amazing idea, but no clue what to do with it? Do you maybe want to build a new project, but are out of ideas?

Well, I have just the solution for you: Klepto!

Klepto is a platform for freely sharing and stealing great ideas, a place where dreamers and doers can have a constructive exchange, an initiative to help bring more innovation to the world. 

If you're a dreamer, let go of your ideas by releasing them to the public on Klepto and have someone else work out the kinks and make them come alive. 

If you're a doer, go ahead and check out the latest, the most popular, or random ideas out there. Love them, steal them, and get to work.

Even if you're just a watcher, you can vote for ideas, link to them, and just enjoy the creativity of the human mind.

### Link to Source Code

https://github.com/wunderdogsw/klepto

### Permissive License

MIT

## Background

I was in between projects for my employer [Wunderdog](https://www.wunderdog.fi) and wanted to learn some Svelte and MongoDB. 

So, I asked my colleagues to come up with ideas, and this meta idea of having a web app for ideas was my top pick.

Since my time on the bench was limited, and I like a lean approach, I built an MVP with the core functionality of the website that provides the most value to the user. There is a lot more that could be implemented, contributions are welcome!


### How I built it

Klepto is built with Svelte, SvelteKit, Svelte Material UI, and MongoDB. 

I used MongoDB Atlas since it made it easy to get going with a MongoDB setup for free and very quickly. 

Since this was my first attempt at coding with this stack, I learned it all on the job. 

With SvelteKit I especially learned how to retrieve and pass data in pages, as well as how to create API endpoints.

On the MongoDB side, I learned how to use update documents and aggregation pipelines so that data is updated correctly and in the most efficient way.

### Additional Resources/Info

Klepto is inspired by String (no typo) who said: if you love some idea, set it free!
Ashoka Park Extn Pin Code| Delhi
Published: 2022-11-25 14:59:29

<p><span face="Cambay, &quot;Noto Sans&quot;, &quot;Hind Siliguri&quot;, &quot;Hind Vadodara&quot;, &quot;Baloo Paaji 2&quot;, sans-serif" style="background-color: white; font-size: 17px;">Ashoka Park Extn Pin Code is&nbsp;</span><span face="Cambay, &quot;Noto Sans&quot;, &quot;Hind Siliguri&quot;, &quot;Hind Vadodara&quot;, &quot;Baloo Paaji 2&quot;, sans-serif" style="background-color: white; box-sizing: border-box; font-size: 17px; font-weight: bolder; margin: 0px; padding: 0px;">110026</span><span face="Cambay, &quot;Noto Sans&quot;, &quot;Hind Siliguri&quot;, &quot;Hind Vadodara&quot;, &quot;Baloo Paaji 2&quot;, sans-serif" style="background-color: white; font-size: 17px;">. Ashoka Park Extn comes area West Delhi district. PIN Code is&nbsp; known as Zip Code or Postal Code.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4SyZLtMKSncAIG0gK9Ftib6AI0xFz_nycsqRhOZFX2C3tCmCyFpuvXKaFOk2HOekfrZ0NKYeHJITgAY0F6_1DqRvWr4AXd3VctJIx_4u08zeN367kPsj6f6xDVY-V93uWBYO2ZHpOwV5lUeyua33aV7AD5-l6cWfZ231EuLlvtbbkq1iErAvH2jps/s240/Capture.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="220" data-original-width="240" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4SyZLtMKSncAIG0gK9Ftib6AI0xFz_nycsqRhOZFX2C3tCmCyFpuvXKaFOk2HOekfrZ0NKYeHJITgAY0F6_1DqRvWr4AXd3VctJIx_4u08zeN367kPsj6f6xDVY-V93uWBYO2ZHpOwV5lUeyua33aV7AD5-l6cWfZ231EuLlvtbbkq1iErAvH2jps/w260-h238/Capture.PNG" width="260" /></a></div><br /><span face="Cambay, &quot;Noto Sans&quot;, &quot;Hind Siliguri&quot;, &quot;Hind Vadodara&quot;, &quot;Baloo Paaji 2&quot;, sans-serif" style="background-color: white; font-size: 17px;"><br /></span><p></p><p>Office&nbsp; &nbsp; Ashoka Park Extn</p><p>Pincode&nbsp; &nbsp; &nbsp;<b>110026</b></p><p>Taluk.&nbsp; &nbsp; &nbsp; &nbsp; New Delhi</p><p>Divison&nbsp; &nbsp; New Delhi West</p><p>District.&nbsp; &nbsp; West Delhi</p><p>Region.&nbsp; &nbsp; &nbsp; Delhi</p><p>Office type&nbsp; S. o</p><p>Related Sub office.&nbsp; &nbsp; &nbsp; NA</p><p>Related Head office.&nbsp; Ramesh Nagar H. O</p><p>State.&nbsp; &nbsp; &nbsp; &nbsp;Delhi</p><p>Country&nbsp; &nbsp;INDIA</p>
[[More Read]](https://pinecodeallindia.blogspot.com/)
Operadores lógico vs ternario en react
Tags: react, falsy, debug, zero
Published: 2022-11-25 14:53:44

El titulo tal vez sea vago, pero basicamente estas en una vista, usando un `falsy/truthy` con [renderizado condicional](https://reactjs.org/docs/conditional-rendering.html) `&&` y ves un 0 colado.
ejemplo: `{count && <div>Más de cero</div>}`
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zcdd817xyxc6wwejr8p5.png)
Depende del contexto queras que aparezca el 0, ejemplo: un carrito de articulos, pero la mayoria es solo para mostrar o no mostrar x o y componente.

Habra gente que diria q usar [operadores logico](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#logical_operators) es mala practica, y que deberia usar un [ternario](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator), usando el anterior codigo de ejemplo: `{count ? <div>Más de cero</div> : null}` esto funciona, pero si lo ves muy verboso escribir, agregar null y a veces peor si vas a insertar otro ternario dentro de otro ternario, haciendo que sea mucho mas dificil de leer y en algunos casos aumentar la carga cognitiva.

¿Cual usarias un operador logico o ternario? Siguiendo la regla del `yingyang ☯️` ambas dependiendo del caso, si vas a usar un falsy/truty en un operador logico para mostrar un elemento en react mayoria de los casos castearlo a un boolean ( da igual el metodo doble bang `!!` o el metodo `Boolean()` ) asi te aseguras q si el falsy es un number 0 no se mostrara en pantalla y si quieres mas explicito o no quieres castearlo usa un ternario como el ejemplo anterior donde falsy retorna null.
AWS Training in Chennai | AWS Certification Course | Placement
Published: 2022-11-25 14:34:22

About Us
We offer thorough [AWS Training in Chennai](https://www.slainstitute.com/aws-training-in-chennai) at SLA to assist you in managing cloud ecosystems and building adaptable cloud apps without worrying about infrastructure provisioning and administration. Our instructors give students with AWS products, solutions, pricing, documentation, and services so that they may understand the specific needs of their clients and provide solutions appropriately. In our AWS Training Institute in Chennai, we provide classroom and instructor-led online teaching with hands-on experience ranging from the foundation to the advanced level, as well as 100% placement assistance.

Description
We offer complete practical implementations of AWS Cloud Computing services in trending technologies such as blockchain, manageable cloud migration, content delivery, containers, data lakes, edge computing, front-end web application development, mobile app development, modern application development, remote learning and work, serverless computing, and digital marketing, among others, for startups, enterprises, and government agencies. 

Conclusion
Join our AWS Course in Chennai, which includes all required programs with the most recent updates and plugins, as well as limitless lab hours for practice, study materials, and free software installation on your systems.
Hand cricket against AI using python openCV
Tags: python, opencv, computervision, programming
Published: 2022-11-25 14:51:15

PROJECT 6

Hand cricket against AI using hand gestures is a program (game) developed using python openCV, CVzone and mediapipe.

Hand cricket is a game we used to play among students in schools and colleges, A game in which two players show scores on their respective fingers where both can bat or bowl. If their both fingers count matches then considered as out and their roles switches. Here you can play hand cricket with AI using your hand gestures through webcam.

Following Gestures represent the runs scored👆 - 1 ✌ - 2 👌 - 3 🖖 - 4 🖐 - 5 👍 - 6

Future works involve developing this program as a EXE application.

More details on GitHub:
https://github.com/0EnIgma1/Hand-Cricket


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gwgcktdanbcrvt4uhxia.PNG)
Res API
Published: 2022-11-25 14:48:59

Muhammad Khoirul Anam
A11.2021.13244

<?php

$file_db = "antik.db";

try {
    $pdo = new PDO('sqlite:$file_db');
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $pdo->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);

    $sql_create = "CREATE TABLE IF NOT EXISTS 'antik'(
        'id' integer NOT NULL PRIMARY KEY AUTOINCREMENT,
        'nama' text NOT NULL, 
        'created_at' datetime NOT NULL DEFAULT CURRENT_TIMESTAMP)";
    $pdo->exec($sql_create);
} catch (PDOException $e) {
    throw new PDOException($e->getMessage(), (int)$e->getCode());
}

header('Content-Type: application/json');

if ($_SERVER['REQUEST_METHOD'] === 'GET') {
    $query = 'select * from antik order by created_at desc';
    $stmt = $pdo->prepare($query);
    $stmt->execute();
    $data = $stmt->fetchAll(PDO::FETCH_ASSOC);
    echo json_encode($data);
} elseif ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $nama = $_POST['nama'];
    $konten = $_POST['konten'];
    $query = "insert into antik(nama, konten) values (?, ?";
    $stmt = $pdo->prepare($query);
    $res = $stmt->execute($nama, $konten);
    if ($res) {
        $data = ['nama' => $nama, 'konten' => $konten];
        echo json_encode($data);
    } else {
        echo json_encode(['error' => $stmt->errorCode()]);
    }
} elseif ($_SERVER['REQUEST_METHOD'] === 'DELETE') {
    # untuk menghapus data dari server
    $id = $_GET['id'];
    $query = "delete from antik where id = ?";
    $stmt = $pdo->prepare($query);
    $res = $stmt->execute($id);
    if ($res) {
        $data = ['id' => $id];
        echo json_encode($data);
    } else {
        echo json_encode(['error' => $stmt->errorCode()]);
    }
}
What was your win this week?
Tags: discuss, weeklyretro
Published: 2022-11-25 14:35:30

Heyo! 👋

Hope y'all all are having a fantastic Friday and that you enjoy your weekends!

Looking back on this past week, what was something you were proud of accomplishing?

All wins count — big or small 🎉

Examples of 'wins' include:

- Starting a new project
- Fixing a tricky bug
- Playing video games until your thumbs are sore! 🎮  

---

![Shaq shimmying with excitement](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f4bwpac40wyupqefatlo.gif)
Mint StackOverflow NFTs
Tags: stackoverflow, nft, opensource, web3
Published: 2022-11-25 14:32:39

For the first time ever, you can now export your Stack Overflow reputation to on-chain era!

Go and mint your code tag reputation scores in Kleoverse and prove your knowledge in web3! 🧙🏼🔮


## Why StackOverflow?

@stackoverflow is arguably the number one source to help any stuck developer to move forward. In good and bad, it's the global copy-paste source for devs. It’s also the place where devs recognize true knowledge in programming.

Earning reputation plays nicely in StackOverflow. Your SO reputation is a rough measurement of how much the community trusts you. It is earned by convincing your peers that you know what you’re talking about.

The more reputation you earn, the more privileges you gain and the more tools you'll have access to. It's also an effective way to showcase to recruiters that you're talented in a particular coding language. 🧘🏽




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

## SO Wizard Badges

This is how Proof-of-Talent badges for Stack Overflow reputation work 👇

There are five levels for each coding language:
Apprentice < Wizard < Sorcerer < Merlin < Hecate

Each with the following score levels:
500 < 1k < 5k < 10k < 30k




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

## Mint your SO Passport NFT

Similar to @github Passport, you can now prove your ownership with SO Passport. Authenticate in Kleoverse and prove your account ownership throughout the web.





## Grow your Skill scores

Claiming badges increases your Proof-of-Talent Skill Scores ⚡️ Be sure to mint all the badges you're eligible to and prove your talent in the best possible way!

Read more about protocol: https://proofoftalent.org/

Claim badges at: https://klv.rs/badges
REST API
Published: 2022-11-25 14:26:10

Imanuel Khrisna Ananda
A11.2020.13030

<?php

$file_db = "jasainaja.db";

try {
    $pdo = new PDO("sqlite:$file_db");
    $pdo -> setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $pdo -> setAtrribute(PDO::ATTR_EMULATE_PREPARES, false);

    $sql_create = "CREATE TABLE IF NOT EXISTS 'jasainaja'(
        'id' integer NOT NULL PRIMARY KEY AUTOINCREMENT,
        'username' text NOT NULL, 
        'password' text NOT NULL,
        'created_at' datetime NOT NULL DEFAULT CURRENT_TIMESTAMP)";
    $pdo -> exec($sql_create);
} catch (PDOException $e) {
    throw new PDOException($e -> getMessage(), (int)$e -> getCode());
}

header('Content-Type: application/json');

if ($_SERVER['REQUEST_METHOD'] === 'GET') {
    $query = 'select * from jasainaja order by created_at desc';
    $stmt = $pdo -> prepare($query);
    $stmt -> execute();
    $data = $stmt -> fetchAll(PDO::FETCH_ASSOC);
    echo json_encode($data);
} elseif ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = $_POST['username'];
    $password = $_POST['password'];
    $query = "insert into jasainaja (username, password) values(?, ?)";
    $stmt = $pdo -> prepare($query);
    $res = $stmt -> execute([$username, $password]);
    if ($res) {
        $data = ['username' => $username, 'password' => $password];
        echo json_encode($data);
    } else {
        echo json_encode(['error' =>$stmt -> errorCode()]);
    }
} elseif ($_SERVER['REQUEST_METHOD'] === 'DELETE') {
    $id = $_GET['id'];
    $query = "delete from jasainaja where id = ?";
    $stmt = $pdo -> prepare ($query);
    $res = $stmt -> execute(['id']);
    if ($res) {
        $data = ['id' => $id];
        echo json_encode($data);
    } else {
        echo json_encode(['error' =>$stmt -> errorCode()]);
    }
}
Remote Jobs that don’t require a degree - RevampedCP
Tags: webdev
Published: 2022-11-25 14:17:54

####   Original Tweet From  [@RevampedCP](https://twitter.com/RevampedCP)
{% embed https://twitter.com/RevampedCP/status/1595152819618648065 %}


###1| Executive Assistant Manager, Square
https://jobs.smartrecruiters.com/Square/743999864204926-executive-assistant-manager-square

 
###2| Senior Customer Success Manager
https://boards.greenhouse.io/wizinc/jobs/4006069006?gh_src=b63024e56us 


###3| Customer Success Manager
https://jobs.smartrecruiters.com/Shopify/743999863804443-customer-success-manager
AdSpace Here!!

###4| Executive Assistant
https://boards.greenhouse.io/coalition/jobs/4115935005?gh_src=d8d5ac1b5us&source=LinkedIn

###5| Executive Assistant
https://careers.servicenow.com/careers/jobs/743999861922111EXT?lang=en-us

###6| Executive Assistant
https://overzero.applytojob.com/apply/MofJtxS1e7/Executive-Assistant?vq_campaign=c0914a3c-a82d-556b-8f72-2d8d1df2c78e&vq_source=89
AdSpace Here!!

###7| Customer Success Manager, CPG (Eversight)
https://instacart.careers/job/?gh_jid=4645317&gh_src=26e143c51

###8| Customer Success Manager
https://boards.greenhouse.io/cobaltio/jobs/6270920002?gh_src=2a143fb22us 

###9| Customer Success Manager
https://jobs.lever.co/logrocket/33167fd3-1178-4129-ac28-9b7d18e7372d/apply?lever-source=Job+postings+feed
AdSpace Here!!

##10| Customer Success Manager
https://boards.greenhouse.io/embed/job_app?token=4195809&source=LinkedIn

##11| Sr. Campaign Performance, Optimization & Insights Manager
https://careers.docusign.com/jobs/20916?lang=en-us&iis=Job+board&iisn=LinkedIn

##12| Account Executive
https://jobs.lever.co/ezcater/250ce92f-93d5-4cf6-86a6-6085ce83fb1c
AdSpace Here!!

##13| Account Executive
https://boards.greenhouse.io/coalition/jobs/4139481005?gh_src=d8d5ac1b5us

###14| Account Executive
https://flowhub.com/careers/77e63849-75c4-4b5a-8120-cd21632ddd6e

AdSpace Here!!

Click [Here](https://www.knowledge-twitter.com/?utm_source=dev.to)  For More Posts Like This [https://www.knowledge-twitter.com](https://www.knowledge-twitter.com/?utm_source=dev.to)
Understanding the Differences Between JavaScript's var, let, and const
Tags: javascript, variables
Published: 2022-11-25 14:13:38

|  | var | let | const |
| --- | --- | --- | --- |
| global scoped | yes | no | no |
| function scoped | yes | yes | yes |
| block scoped | no | yes | yes |
| can reassignable | yes | yes | no |
| can be redeclarable | yes | no | no |
| can be hoisted | yes | no | no |

### Global Scoped :

Variables declared **Globally** (outside any function).

```jsx
//var
a = 4;
var a;
console.log(a);

//let
a = 4;
let a;
console.log(a); // Uncaught ReferenceError: Cannot access 'a' before initialization

//const
a = 4;
const a;
console.log(a); // Uncaught SyntaxError: Missing initializer in const declaration
```

### Function Scoped :

Variables defined inside a function are not accessible (visible) from outside the function.

```jsx
//var
function myFunction() {
    var a = 10;
}
myFunction()
console.log(a);

//let
function myFunction() {
    let a = 10;
}
myFunction()
console.log(a);

//const
function myFunction() {
    const a = 10;
}
myFunction()
console.log(a);
```

### Block Scoped :

This scope restricts the variable that is declared inside a specific block, from access by the outside of the block.

```jsx
//var
function myFunction () {
    if(true) {
        var a = 10; // it exists in function scope
    }
    console.log(a);
}
myFunction();

//let
function myFunction () {
    if(true) {
        let a = 10; // it exists in block scope
    }
    console.log(a);
}
myFunction();

//const
function myFunction () {
    if(true) {
        const a = 10; // it exists in block scope
    }
    console.log(a);
}
myFunction();
```

### Can be reassignable :

```jsx
//var
var a = 1;
a = 30;
console.log(a); // 30

//let
let b = 1;
b = 30;
console.log(b); // 30

//const
const c = 1;
c = 30;
console.log(c); // Uncaught TypeError: Assignment to constant variable.

```

### Can be redeclarable :

```jsx
//var
var a = 10;
console.log(a); // 10
var a = 12;
console.log(a); // 12

//let
let b = 10;
console.log(b); // 10
let b = 12;
console.log(b); // Uncaught SyntaxError: Identifier 'b' has already been declared

//const
const c = 10;
console.log(c); // 10
const c = 12;
console.log(c); // Uncaught SyntaxError: Identifier 'c' has already been declared
```

### Can be hoisted :

```jsx
//var
console.log(a);
var a = 10; // undefined

//let
console.log(b);
let b = 10; // Uncaught ReferenceError: b is not defined

//const
console.log(c);
const c = 10; // Uncaught ReferenceError: c is not defined
```
CAN IA WRITE MY DOCUMENTACION OF MY CODE?
Tags: programming, webdev, javascript, beginners
Published: 2022-11-25 14:13:29

¡of course yes!

This IA write my code , it´s a extesion for our Visual Studio Code, you just have to download it  and  click right and click generate documentacion 

LINK:https://mintlify.com/



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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sfdnmfchk87rxkibrftr.png)
Split Draw Precision
Tags: openlayers
Published: 2022-11-25 14:12:31

Through the split function I divide a pre-selected polygonal area.

But the precision is too strict and therefore the selection ends if the next selected point is too close
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i37dbudp57q9vdictel6.png)

How do I set a different split precision?