teleren/devto huggingface dataset:
What are your goals for the week of July 24?
Tags: discuss, motivation
Published: 2023-07-24 14:41:38

## What are your goals for this week?


- What are you building? 
- What will be a good result by week's end?
- Are you attending any events this week? 
  * Any suggestions of events to attend?
- Did you meet your goals last week?


### Last Week's Goals


- [:white_check_mark:] Continue Job Search.
- [:x:] Blog
  * Figure out some kind of images to add to these posts. 
-  [:white_check_mark:] Code Challenges Did more CSS Battles. Did lose my daily streak. Just forgot to do it one day. 18 days in a row. 
-  [:white_check_mark:] Project work. Worked on the frontend of a cool tool for use on social Media. Finally got the share to a site to work. 
- Events
  * [:white_check_mark:] Attend Virtual Coffee(VC) Thursday.
  * [:white_check_mark:] Other VC events if I can.
  * Attend Other events. Didn't find any thing local last week.
- [:x:] Build some LEGO sets. 



### This Week's Goals

- Continue Job Search.
- Blog
  * Figure out some kind of images to add to these posts.
- Code Challenges
- Project work
- Events
  * Attend [Virtual Coffee(VC)](https://dev.to/virtualcoffee) Thursday.
  * Other VC events if I can.
  * Virtual job fair Tuesday. Just found out about it need to research companies and openings.
- Build some LEGO sets. Maybe add images of those builds here.
- Last week of early voting for the county. Got to figure out what council members to vote for.

### Your Goals for the week


You've read my goals so I'll throw the questions back to you.


- What are you building? 
- What will be a good result by week's end?
- Are you attending any events this week? 
  * Any suggestions of events to attend?
- Did you meet your goals last week?



```html
-$JarvisScript git push
```
Quit your job to change your life
Tags: development, career, programming
Published: 2023-07-24 14:35:44

Just over two years ago I chose to change my professional life.
I wondered a lot about the **lack of motivation** I was feeling in my job at this moment.

I didn't know if it was the job, the company or if it was just temporary.

So I decided to do a **skills assessment**, during which I had an epiphany: **I want to be a developer!**

---

## Quit My Company
I talked with my managers, trying to get an educational leave, but they declined.

They suggested me a convective fracture, in fact, they asked me to quit but with benefits.

OK, I saw they don't try to keep me in the company, even for another position as a developer, so I accepted their proposal and **I leave on April '23.**

---
## Do A Web Dev Training
From September '21 to March '22, I followed a training course at **O'clock School.** A remote school, but with real courses in videoconference.

That was a very good period of my professional transition.
I learned many things, from zero to hero ^^

In the end, we have developed **a complete web application for bikers to organize their journey, hotels, and restaurants, choosing the type of road they want.**
That was a big work but we worked together and realized a very cool application.

---
## Algorithm Training
When I tried to find a CDI job, **I understand that I wasn't good enough at algorithms and understanding how code works.**

I found, thanks to a friend, a course built in another way than others.
I was the first to begin it and the first to finish it.
I passed 2 months to work on it and begin better.

---
## Back-End
In my precedent job, I was a graphic designer (with other tasks too), who mainly did catalogues and other print files.

After 10 years of doing that, changing just a little thing that nobody cares about, trying several changes, and returning to the first try, depending on someone's tastes, I didn't want to do this again...

**I needed more technical tasks, and obviously, I decided to become a back-end developer.**

---
## And Now?
Today, I have changed my way of learning Python skills.
Why? You will discover that in another article on this blog.

---
And you?

Tell me if you have chosen, or you want to quit your job to change your career in the comments.
Learn how to access webcam and take photo with JavaScript
Tags: javascript, webcam, computervision, demo
Published: 2023-07-24 14:20:12

To contribute to the JavaScript open source community, I had built a npm module called ‘webcam-easy‘, which provides an easy to use JavaScript module that can access webcam and take photo. 
Github : [https://github.com/bensonruan/webcam-easy](https://github.com/bensonruan/webcam-easy)
npm : [https://www.npmjs.com/package/webcam-easy](https://www.npmjs.com/package/webcam-easy)
Blog : [https://bensonruan.com/how-to-access-webcam-and-take-photo-with-javascript/](https://bensonruan.com/how-to-access-webcam-and-take-photo-with-javascript/)
Primary features of the Zed Run Clone Script
Published: 2023-07-24 13:54:31

Zed Run Clone Script is a replicated version of the original Zed Run platform loaded with original functionalities. Within the Zed Run clone script, users can create, buy, sell, and trade virtual digital horses in the form of NFTs. Each horse has unique features and characteristics. The users can breed their horses and their genetic attributes. The Zed Run Clone script Platform allows users to manage horse health, and stats, and train to improve horse performance. Let me elaborate on the primary features of the zed run clone script.

Primary features of Zed run clone script:

User Profiles and Stats:
Users can create their profiles and it displays their owned horses stats, History, Achievements, and performing information among users. It's simply a showcase of user information.

Social Connections
The software is also loaded with social features like chat functions, forums, leaderboard rankings, and follow options to interact with other users. Users can share thoughts and ideas which will make a healthy community among users.

Marketplace:
A marketplace is a must-have feature that allows users to list their horses for buy, sale, set prices, and browse available horses for purchase.

Wallet Integration:
Users can have integrated crypto wallets(ex. MetaMask) which can store and handle their NFTs and cryptocurrencies securely.

Admin Panel:
Admin can manage the user accounts, history, transaction data, racing schedules, and other information. Admin can easily analyze the user's data with this feature.

Conclusion:
Zed Run is a highly competitive gaming platform in the current gaming era.  So before picking the [NFT Game Development Company](https://breedcoins.com/blog/zed-run-clone-script
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1pj3xvalxxuhbpjntvsi.png)), you should understand the gaming industry stats, player's thoughts, and competitor analysis which will lead to success for your business.
Raku Blog Posts 2023.30
Published: 2023-07-24 13:41:37

- [Easy-peasy Service From A Role](https://vrurg.github.io/2023/07/19/easy-peasy-service-from-a-role)

*Vadim Belman* shows how the mixing in of a Role in the Raku Programming Language can make all of the difference.

- [LLM-Functions](https://rakuforprediction.wordpress.com/2023/07/21/llmfunctions/)

*Anton Antonov* introduces their new module for working with Large Language Models.

- [Rakudo Weekly News 2023.30](https://rakudoweekly.blog/2023/07/24/2023-30-morevids/)

*Elizabeth Mattijsen* reports on all recent developments around Rakudo, an implementation of the [Raku Programming Language](https://raku.org).
Custom Chatbots in Seconds
Tags: chatgpt, webdev, programming, beginners
Published: 2023-07-24 13:30:00

**[LlamaBot](https://www.aiforme.wiki/ai/tools/llamabot) offers an innovative platform that allows users to create their own chatbots with custom personalities and functions.**

The platform empowers users to train their chatbots using their own data, such as FAQ pages, documentation, course content, and more. With LlamaBot, users can easily embed chatbots directly into their websites, enhancing user experiences and streamlining customer interactions.

## Key Features of LlamaBot:

**Custom Personality and Function:**
LlamaBot provides users with the flexibility to design chatbots with unique personalities and specific functions tailored to their business needs. This customization ensures that the chatbot aligns seamlessly with the brand's identity and objectives.

**Training on User's Own Data:**
By allowing users to train chatbots using their own data, LlamaBot ensures that the chatbot's responses are relevant and accurate. Whether it's FAQ pages, documentation, or course content, the chatbot learns from the user's own information, improving user satisfaction.

**Seamless Website Embedding:**
LlamaBot makes it effortless to integrate chatbots directly into websites. With easy embedding options, businesses can deploy chatbots instantly, enhancing website functionality and user engagement.

**Unlimited Chatbots Creation:**
With LlamaBot, users can create unlimited chatbots, catering to various use cases and customer interactions. This versatility empowers businesses to address diverse user needs efficiently.

**Explore User's Questions:**
LlamaBot allows users to explore user questions, gaining insights into customer queries, preferences, and pain points. This valuable data helps businesses improve their products, services, and overall customer experience.

**Rapid Chatbot Creation:**
With LlamaBot's user-friendly interface and intuitive design, users can create their chatbots in just 15 seconds. This quick setup process ensures that businesses can deploy chatbots swiftly without any technical hurdles.

**Conclusion:**
[LlamaBot](https://www.aiforme.wiki/ai/tools/llamabot) revolutionizes the way businesses integrate chatbots into their websites. By offering custom personality and function options, training on user data, seamless website embedding, and rapid chatbot creation, LlamaBot empowers businesses to enhance customer interactions and streamline support processes. Embrace LlamaBot to unlock the potential of AI-driven chatbots and create engaging and personalized experiences for your website visitors. With LlamaBot's innovative platform, you can build chatbots that truly reflect your brand and cater to your users' needs, transforming your website into a dynamic and user-friendly platform.
What are node_modules in React?
Published: 2023-07-24 13:18:43

When creating a new React app your project will be populated with a bunch of new folders and files, and you may have noticed a **node_modules** folder that contains an insane amount of folders. 

If you're nosy like me you may have wondered what is this node_modules folder, and what is its purpose? Well wonder no more!

###  What are node_modules?

node_modules are one of the most important directories in your React project as React requires node_modules to run. The node_modules directory is where all the dependancies packages are stored that are used to build and run your react project. 

So this is you'll find packages like React and React-DOM, your build packages like Vite, Babal or Webpack, and linters like ESLint or Prettier to name just a few. This directory can contain hundreds of dependancies! 


### Why aren't they included in version control?

So if node_modules is such a crucial directory for your react project, why isn't it tracked with version control and included in the project repo? 

The main reason is the sheer size of this directory. Rather than including hundreds of package dependancies in version control, we can instead track a file called **package.json** which contains information about the project, and a list of dependencies required by the app. Other developers can use the package.json file and  **npm install** to regenerate the node_modules.

![Heaviest objects in the universe - node modules](https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf8075dc-9d40-4d54-8762-b8643a4be8a8_1193x790.png)


### 😱 I've accidentally tracked node_modules

Best practice would be to include the node_modules in the **.gitignore** file in your project before pushing any code, which will prevent version control from tracking this folder - but if you've accidentally tracked and pushed the node_modules to GitHub, like I did in my first project 🤦🏻‍♀️, simply follow the steps below.

#### Remove node_modules from version control

1. Create a **.gitignore** file in your project and add **node_modules**

2. Remove the node_modules:

    ```bash
     git rm -r --cached node_modules
     ```

3. Commit and push without the node_modules. The node_modules should now be deleted from your repository.
Node.js Morsel for today: creating symbolic links to your packages locally using `npm link`
Tags: node, npm, symlink
Published: 2023-07-24 13:07:39

## What is a symbolic link?

Symbolic links are operating system operations that facilitate the creation of shortcuts to files or folders. The shortcuts help the user access the folder in places other than the original file location.

Node.js package managers provide the `link` command to help developers access the folder as packages locally as they would when published on the registry or from git.

## How to create a symbolic link with an npm link?
As stated before, `npm` has a command called a `link`. For example, I have a project called `@terk/color-utils`, a library package, but I want to test this package on other projects locally before publishing it on the npm registry. The npm `link` helps with this.

Start with running the command `npm link` in the root of the `@terk/color-utils` folder.

![screenshot to show how the command looks in the package](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n4ob7j6a03gvwlkswzme.png)

This command with no arguments will create a symbolic link in the global `node_modules` folder `.nvm/versions/node/v18.16.0/lib/node_modules/@terk/color-utils`.

Something to note is that the folder name in the global node\_module is the name on the package.json name property.

Verify that the link was created using `npm ls -g`.


![screenshot to verify that a symlink has been created](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/15krtgz2osmug3f12nfh.png)

Then proceed to the project that intends to use the package and run the command npm link `@terk/color-utils` in the project root folder.


![screenshot to show how the linked package is installed in an application](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fthgcxpz6krwjuabhe6f.png)

This action installs the package from the global node\_module into the project.


![screenshot to show the installed package in the node_module](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k4cuo6ub9tbtv6pkhco8.png)
#Remote work isn't just a #trend: it's a transformative force.
Tags: community, remote
Published: 2023-07-24 13:00:55

📈🌍💻  Explore how #European #companies are embracing this shift and driving digital #innovation in [our latest article on The European #Business Review.](https://www.europeanbusinessreview.com/the-rise-of-remotework-digital-transformation-of-europes-leading-companies/)
Weekly AI News and Discussion Thread
Tags: ai, discuss, news
Published: 2023-07-24 13:00:00

Hey everyone, the past few months have been pretty electric in terms of advancements in AI and actual/imagined changes to our workflow and industry.

This is a regular open thread where everyone is encouraged to share...

* Notable news in the field of AI
* Personal experiences and insights
* Concerns and fears
* Success stories and demos
* And any other related discussions you'd like to bring to the table

This thread will go out every week.
Music Monday — What are you listening to? (Wrestler Entrance Songs Edition)
Tags: watercooler, discuss, music
Published: 2023-07-24 13:00:00

_cover image source: [Giphy](https://giphy.com/gifs/wwe-wrestling-3krqx030coATyUIdXq)_

**Alright y'all, we're getting into some goofy editions here, but hang with me... I wanna know if you were a wrestler, what would your entrance song be? If you're unfamiliar with wrestling culture and the importance of entrance songs, you can get a sense of things from [this YouTube video](https://youtu.be/wOEI3tOdv1Y). So, with that in mind, what would your entrance song be?**


![Hulk Hogan bobbing up and down while strumming a Stratocaster guitar with an American flag painted on it. He is superimposed in front of a bunch of fireworks going off.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e8wxfai0gdvpn1k781xp.gif)

***

## How we do 

In this weekly series, folks can chime in and drop links to whatever it is they've been listening to recently + browse others suggestions. You can follow the suggested genre if you'd like, but don't feel confined to it; you're free to suggest whatever you wanna. 🙌  

If you're interested in having other discussions about music, consider following the aptly named [#music discussions](https://dev.to/music-discussions) organization.

{% embed https://dev.to/music-discussions %}  

***

Alright, let's get ready to ruuuuuumble some speakers. 😝 _Note: you can embed a link to your song using the following syntax `{% embed https://... %}`. This should work for most common platforms!_

Looking forward to listening to y'all's suggestions! 🎶
Day 11: This
Tags: day11, javascript, 100daysofcode
Published: 2023-07-24 12:30:00



## What is `this`?

In JavaScript, `this` is a special keyword that refers to the context in which a function is executed. The value of `this` is determined dynamically based on how a function is called, rather than how it is defined. The context can be the global object, the object that owns the method being invoked, or even explicitly set using `call`, `apply`, or `bind`.

## Understanding `this` in Different Contexts:

#### Global Context:

When `this` is referenced in the global scope (outside any function or object), it refers to the global object. In browsers, the global object is the `window` object.
```javascript
console.log(this === window); // Output: true
```

#### Function Context:
When `this` is used within a regular function, its value depends on how the function is called.

```javascript
function sayHello() {
  console.log(this);
}

sayHello(); // Output: window (in non-strict mode), undefined (in strict mode)
```

#### Method Context:
When `this` is used inside an object's method, it refers to the object itself.

```javascript
const person = {
  name: 'John',
  greet: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.greet(); // Output: Hello, my name is John
```

## Strict Mode:

In JavaScript strict mode, the value of `this` is not automatically coerced to the global object when calling a function in the global scope. Instead, it remains `undefined`.

```javascript
'use strict';

function showThis() {
  console.log(this);
}

showThis(); // Output: undefined
```

#### Arrow Functions:

Arrow functions do not have their own `this` binding. Instead, they inherit the `this` value from the surrounding lexical scope. This behavior makes arrow functions particularly useful in callback functions or when you want to preserve the `this` context.

```javascript
const person = {
  name: 'Alice',
  greet: function() {
    const innerFunc = () => {
      console.log(`Hello, I'm ${this.name}`);
    };
    innerFunc();
  }
};

person.greet(); // Output: Hello, I'm Alice
```


## Summary

- Global Context: this refers to the `global` object.
- Function Context: this refers to the `global` object in non-strict mode. In strict mode, it is `undefined`.
- Method Context: this refers to the `object` the method is called on.
- Arrow Functions: this is inherited from the `surrounding context` and is not bound to the function.
K8s Operator - Index with name ... does not exist
Tags: devops, kubernetes, sre, french
Published: 2023-07-24 13:00:00

Au cours de vos développements avec un opérateur Kubernetes, vous êtes peut être tombé sur cette erreur en voulant chercher des objets sur un champ particulier.

```
can not retrieve list of objects using index : Index with name [field path] does not exist
```

---

## Qu'est-ce qui cause ce problème?
De ce que j'ai pu voir, par défaut les champs qui sont indexés sont ceux qui sont constamment présents comme les champs obligatoires de votre spec.

Par conséquent dès que vous voulez ajouter un filtre sur un autre champ, il y a de grandes chances que vous obteniez l'erreur évoquée précédemment.

---

## Comment résoudre ce problème?
Pour résoudre ce problème, vous pouvez déclarer un nouvel index via votre instance du manager et de votre contexte.

Cet index va vous demander :
- le **type d'objet** concerné par cet indexation
- le **nom de l'index** *(correspondant généralement au chemin vers le champ désiré)*
- la **fonction vous retournant la valeur associée de l'index**

*Exemple*
```go
package main

import (
	"context"
	
    k8sruntime "k8s.io/apimachinery/pkg/runtime"
    "example.com/example-operator/pkg/apis/example/v1alpha1"  
	"sigs.k8s.io/controller-runtime/pkg/client"
    // ...
)

function main() {
    // ...

    cache := mgr.GetCache()

    indexFunc := func(obj client.Object) []string {
        return []string{obj.(*v1alpha1.Example).Spec.SomeField}
    }

    if err := cache.IndexField(ctx, &v1alpha1.Example{}, "spec.someField", indexFunc); err != nil {
        panic(err)
    }

    // ...
}
```

Par conséquent, bien que ça soit généralement utilisé pour exposer un champ supplémentaire, vous pouvez **créer un index qui renverra une valeur dynamique**. *(Ce qui peut toujours être utile dans certains cas)*

---

J'espère que ça vous aidera et si jamais vous avez des questions, quelles qu'elles soient *(Il n'y a jamais de questions bêtes!)* ou des points qui ne sont pas clairs pour vous, n'hésitez pas à laisser un message dans les commentaires ou à me joindre directement sur [LinkedIn](https://www.linkedin.com/in/maxime-guilbert-14b6a5128/) *(même pour parler d'autres sujets!)*.

---

<center><h3>Vous voulez me supporter?</h3></center>
<a href="https://www.buymeacoffee.com/mxguilbert7" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>