teleren/devto huggingface dataset:
When You Know, You (Don’t) Know
Tags: beginners, programming, webdev, codenewbie
Published: 2023-12-05 00:06:12


If you’ve ever wanted to know how much you don’t know, give coding a try! Are we all just masochists thrilled by our own defeat? Perhaps… but, I’d like to believe we aspiring web developers and software engineers, are mostly curious and filled with wonder at all there is still to learn in our endeavor! Self-awareness for me is key as I learn.

I’ve learned to recognize my perfectionistic tendencies which look like me not starting something or not showing my skills, because I don’t feel ready yet. In the past, I have continued to take classes upon classes to show some unknown (my own brain) that I deserve to be in the room. Someone is always ready to sell you what you don’t yet know. I know because I paid them. And guess what? After I learned that thing, there was something else to learn!

I’m a former educator and therefore, I value continuing education. I find myself teetering the line of wanting to learn more for my love of learning and wanting to learn more because of self-doubt. “Maybe if I just learn this next thing, I’ll feel more confident!” 

Some things I love so far about the coding world are that there are many free resources, which allow for accessibility of learning, the encouragement to use resources as you write code, rather than memorize, and that the technology is always evolving, so even the “experts” continue to be beginners! 

Having a beginner’s mind is a beautiful thing, to approach with wonder and to explore what is new. When I notice self-doubt, I acknowledge it and try to open up to curiosity for what is to come. It’s a process, not a destination!
Is Personality More Important Than Experience?
Tags: discuss, codenewbie, beginner
Published: 2023-12-05 00:00:00

---
published_at : 2023-12-05 00:00 +0000
---
Should hiring teams prioritize qualities beyond years of experience? Share your views on building a dynamic team.
<br>
Follow the CodeNewbie Org and #codenewbie for more discussions and online camaraderie!
{% embed https://dev.to/codenewbieteam %}
Can Looking Foolish Be the Key to Success?
Tags: discuss
Published: 2023-12-05 00:00:00

---
published_at : 2023-12-05 00:00 +0000
---
Can looking foolish be the key to success in your opinion? Share your thoughts and examples.<br>
Follow the DEVteam for more discussions and online camaraderie!
{% embed https://dev.to/devteam %}
Productivity Tips for Brainstory
Published: 2023-12-05 22:49:20

---
title: Productivity Tips for Brainstory
published: true
date: 2023-12-05 00:00:00 UTC
tags: 
canonical_url: https://blog.brainstory.ai/brainstory-tips/
---

[Brainstory](https://brainstory.ai) is a tool that helps you think through and share your ideas with others. Instead of using AI to generate ideas, Brainstory uses AI as an interface to sharpen your thinking. It won’t create, do, or automate for you. It _will_ refine, encourage, and push your thinking.

## Navigating a conversation

1. In the opening conversation, tell Brainstory as much as you can about the format of your work.

> “I’d like to write our weekly team memo that’s going to cover the sections: product, marketing, and investor relations”

> “I have no clue what to do about this problem and need to talk through it.”

> “I have a side project idea, but I’m not sure how I want to build it out.”

> “I want to give a talk on a certain topic, and I have to think about my outline.”

> “I need to think through answers to a list of discussion questions I have.”

Any detail, including a lack of detail, will help Brainstory navigate the rest of the conversation. For our last example, saying you have a list will cue Brainstory to ask you about your list of questions.

1. If you get too deep into a thread, you can navigate “back” to a previous level by telling Brainstory you want to go “back”.

```
Topic A
Topic B
... Topic B1
... Topic B2
```

In the above scenario, if you’re tired of talking about `Topic B2`, you can say something like, “I don’t want to talk about this anymore. Can we go back up?“. This will bring you back to the top level topics, continuing onto `Topic C`.

If you use the “Ask me a different question!” button on `Topic B2`, you should expect to get a question about `Topic B3`.

1. If you realize while talking that something you said doesn’t make sense, **you should still send it**.

It may feel tempting to stop the recording and restart it, as if you were recording a video. Don’t! Brainstory will interpret your thought, including where you felt like it went off track, and re-phrase the question. This can be very helpful for getting you back on track.

## That’s it!

If you thought this was helpful, feel free to join our [community Discord](https://discord.gg/d2BdBbDe3U)! You’ll meet lots of other like-minded folks and it’s a great place to share ideas with each other.

As always, if you need someone to share your Brainstory with, you can find me [here](https://blog.brainstory.ai/team/lilly/).
slay the numbers
Tags: gamedev, writing
Published: 2023-12-24 16:21:36

---
title: slay the numbers
published: true
date: 2023-12-05 00:00:00 UTC
tags: [ 'gamedev', 'writing' ]
canonical_url: https://onwriting.games/daily/20231205-2121-slay-the-numbers/
---

In yesterday's email, I did a small analysis on how the **elimination of the moral dilemma** in _Slay the Princess_ manages to solve the problem of **player agency**.

Today, I want to focus on something I mentioned in that email: the branching in Slay the Princess feels sufficient to justify the game.

This caught my attention.

The game has no mechanics other than choosing options.

Moreover, there are people in its community asking for a printed version of the game in a Choose Your Own Adventure format.

That's why I'm interested in analyzing the numbers and its structure beyond its content, there's no big idea behind this email, beyond: mh... so with these numbers a branching game can work.

Obviously, there's much more to STP than this. But as a starting point, it's great.

Something to note: I haven't seen among the reviews a significant number of people saying that the game is too short, or that it lacks enough content.

The critiques have more to do with the writing itself than anything else. Later on, I might do a more concrete analysis on this.

The game has [approximately 150,000 words](https://twitter.com/blacktabbygames/status/1707845302613369112) and 2500 images.

This is not little, but it's also not enormous. It's a scale of writing that one person can handle. This is good news.

The same with the art, it's a lot, but it's also a scale that one person can tackle.

Why do I emphasize this: in the last three years I had many problems getting a publisher for my games because I didn't want to grow my team beyond three or four people. Here we have a game that sold over 100,000 copies made by two. 🤦.

The first chapter is always the same, the second, third, and fourth use the same loop, but there are things that change according to what you did in the previous chapter.

I didn't take the trouble to check everything myself, but between [the diagrams they made on Reddit](https://www.reddit.com/r/slaytheprincess/comments/17v6ftb/slay_the_princess_all_routes_voice_variations/) and the [Fandom wiki](https://slay-the-princess.fandom.com/wiki/Chapters) we can more or less see the extent of the game.

In total, there seem to be 23 chapters: chapter 1, 10 chapter 2s, 10 chapter 3s, and 2 chapter 4s. (again, I didn't check this with the game)

All chapters are designed around the game's concept: to kill or not to kill the princess, which simplifies its writing quite a bit.

Obviously, the text and images of each chapter change, but it's interesting to see how having a solid concept, it's not necessary to vary mechanics or things that take a lot of time: it's enough to vary the narration and support it with images.

Sorry for this frayed email, these are many data points I gathered and my head is processing to see if there is any structure underneath that we as writers can take advantage of in our games...

Did seeing these data spark any ideas for you?
Unleashing the Power of CSS: A Must-Use Guide for Squarespace Landing Pages 🚀🎨
Tags: squarespace, webdev, javascript, css
Published: 2023-12-04 22:55:00

Enhance the visual appeal and user experience of your Squarespace landing page with the magic of CSS. Let's explore some must-use CSS implementations along with their codes to transform your landing page into a stunning digital masterpiece!

## 1. **Background Gradient:**

Create a captivating background gradient that adds depth and sophistication to your landing page.

```css
/* Add this code to your custom CSS settings */

body {
  background: linear-gradient(to bottom, #3494e6, #ec6ead);
}
```

Feel free to customize the colors (`#3494e6` and `#ec6ead` in this example) to match your brand's palette.


![background gradient squarespace](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sbq1ec967odlt0u6hb1y.png)

## 2. **Text Shadow Effect:**

Make your text pop by adding a subtle shadow effect for a touch of elegance.

```css
/* Add this code to your custom CSS settings */

h1, h2, h3, p {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
```

Adjust the values in `text-shadow` to control the shadow's offset, blur, and color.


![Text Shadow Effect Squarespace](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6xqzighqkdim9dgsg7p1.png)

## 3. **Button Hover Animation:**

Engage your visitors with an animated button that comes to life on hover.

```css
/* Add this code to your custom CSS settings */

.button {
  transition: transform 0.3s ease-in-out;
}

.button:hover {
  transform: scale(1.1);
}
```

Apply the class `button` to the buttons you want to have the hover animation.

## Implementing the CSS Goodness:

1. Head to your Squarespace dashboard.
2. Navigate to **Design** > **Custom CSS**.
3. Paste the respective CSS code snippets.

Customize these codes according to your brand's style and preferences.


![Button Hover Squarespace](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lk961cg55iusqphk6yzy.png)


## Let's Elevate Your Squarespace Landing Page!

Connect with LoftyDevs, your Squarespace experts, to seamlessly integrate these CSS implementations into your landing page. Elevate your online presence, captivate your audience, and make a lasting impression with a visually stunning Squarespace website! 🌐✨ #SquarespaceDesign #CSSMagic #LandingPageEnhancements #LoftyDevs

**Connect with LoftyDevs:** [www.loftydevs.com](https://www.loftydevs.com) 🚀🌟

**👉 Get in touch:** info@loftydevs.com
**👉 Book a call:** https://calendly.com/loftydevs/ready-to-maximise-your-squarespace-website
**👉 View services:** https://www.loftydevs.com/services


![Squarespace](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mftuev2rxl6p39qbj4m4.png)
How to recover scammed Bitcoin or USDT | By Adware Recovery specialist
Published: 2023-12-04 22:36:07

For those who have misplaced their bitcoin wallets or have encountered other unfavorable events that have led to the loss of their priceless digital assets, recovering their bitcoin is an essential step. In case of forgotten passwords, corrupted wallets, or other technical problems, Bitcoin recovery is the process of getting lost or unaccessible Bitcoins back. Regaining access to your digital currency and making sure it is safely returned to you are the steps involved. An important asset for a lot of people and companies nowadays is bitcoin. Significant financial loss may occur if you lose access to your Bitcoin wallet. Protecting your investments and preventing restless nights full of remorse and hopelessness require effective rehabilitation. Attempting to recover your lost Bitcoins on your own can be a perilous journey. With complex encryption algorithms and the risk of permanently locking yourself out of your wallet, self-recovery can quickly turn into a nightmare. It's like trying to perform open-heart surgery on yourself – not recommended. A professional recovery process offers expertise, experience, and the necessary tools to navigate the intricate world of Bitcoin recovery securely. By entrusting the task to professionals, you save yourself from unnecessary stress, headaches, and potential mistakes that may exacerbate the situation. They sleep, dine, and dream about recovering Bitcoin at Adware Recovery Specialist. They have a group of professionals that are well-versed in finding misplaced Bitcoins. Their experts take on even the most difficult recovery cases by using cutting edge methods and their thorough understanding of blockchain technology. Contacting Adware Recovery Specialist is straightforward. You can reach out to them through their website or contact their dedicated customer support team via phone or email. They will guide you through the initial assessment process and provide you with the necessary information and next steps to initiate the Bitcoin recovery process.

Contact information below:

Email:Adwarerecoveryspecialist@ auctioneer. net

WhatsApp : +1 (937) 500‑9144

View:www.adwarerecoveryspecialist.expert 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/buobyg7v7w87aqxtj5zu.jpg)
How do I manage the codebase being worked on by a large dev team?
Tags: webdev, team, github, react
Published: 2023-12-04 22:28:11

I’m a 4th year Computer Science and Engineering student, and I’m currently working part-time at a startup company, however I’m in a weird, quite rare situation as an entry-level web developer.

I had already worked on a couple of projects on my own, however never really in a company under senior supervision. Even the startup company I’m working for is more like freelance work than it is working for a company since the dev team is basically me and two other friends of mine with basically the same amount of experience. We’re good at we do, which is why we were lucky enough to be working with this startup, however, I feel I’m missing the environment of working with a very large team under senior developers who I can learn more from.

**The Problem:**
I’m taking this Advanced Computer Lab course at University which is basically not a course but more dividing us into teams of 10 and giving us a website to work on for the entire semester (frontend and backend). Upon submission of the teams, we had to elect one of us as the “Scrum Master” who’d be basically responsible for delegating tasks, and managing the repositories and merging the branches as needed. And I had volunteered to be the Scrum Master.

Now, I was already pretty confident with the MERN stack, since I had been working with it heavily previously, React specifically, at the startup. So Uni’s work was more a walk at the park. 

However, I had met an interesting problem and never quite knew how Unicorn companies deal with it — the problem being managing a single codebase shared by many developers. (10 developers including myself in this case)

**My Approach:**
The way I approached this situation is I would create a branch for every feature/bug that needs working on, and assign each member their corresponding branch on GitHub. 

Once every one had finished their work, I went on to start the (boring) work of merging all their branches into one, resolving conflicts of course as I go. 

However, I found that highly time consuming and I wondered if this is how it’s done in Unicorn companies (cause I have quite a strong feeling it’s not). Or companies with a more than a couple of developers at least, not necessarily the scale of Unicorn companies.

So how is it actually done?
EasyReg registracija časa
Published: 2023-12-04 22:18:25

EasyReg aplikacija za registracijo časa in evidenco ur zaposlenih. Deluje na mobilnih telefonih z njo pa se lahko registrirate tudi preko browserja.

Več o aplikaciji si lahko ogledate na naši spletni strani: [registracija časa](https://evidenca-ur.si/)


![Registracija časa evidenca ur](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bqwhlkgqxzzv3pxhxp3p.jpg)
How often do you have to review large pull requests?
Published: 2023-12-04 21:31:10

Hey developers, today I have a simple question!😊

How often do you have to review large pull requests? Like 50 or 100+ files PRs?

If so, do these PRs often contain changes related to things that aren't related to the initial scope of the issue that the PR is tackling? Or it's all within scope?

Finally, would it help if the PR was split into multiple smaller PRs? So that the code reviewer could digest / merge them in smaller chunks.

Curious to hear your thoughts! 🥹
Paginating API experiments with Javascript's generators. Part 1/2
Published: 2023-12-04 21:26:07

Just for fun I am trying to create a generic paginator in Javascript.

That is just a draft, here is the function to create a 'paginator'.

 

```js
const create_paginator = function ({fetcher, viewer,items, page_size, maxitems}) {
  
  let offset = 0;
  let data = [];
  
  function fetch_data () {
    return async function* (dir) { 
        offset += 1 * dir * page_size;
        log.innerText = offset ;
        const resp = await (await fetcher(offset, page_size)).json();  
        yield resp;
    }
  }
  
  async function paginator (dir = 1) {
    const iterator = fetch_data (fetcher);
    if ((offset == 95 && dir == 1) || (offset == 0 && dir == -1)) return ;
    for await (const page of iterator(dir)) {
       data = Array.from (page[items]);
       viewer(data);  
    }
  }  
  return paginator;
};

```

Here is the way to use it :

```js
function viewer(data) {
  result.innerHTML = '';
  data.forEach (u => result.innerHTML += `
    <d-user>${u.firstName}</d-user>
  `);
}

const fetcher =  (offset = 0, pagesize = 0) => 
  fetch (`https://dummyjson.com/users?skip=${offset}&limit=${pagesize}`);

let showPage = create_paginator({
  fetcher,
  viewer,
  items: "users",
  page_size: 5,
  maxitems: 100
});
```
I will explain the code and clean it in later posts

For now, you can play with it here : [Paginator](https://flems.io/#0=N4IgtglgJlA2CmIBcA2AzAOgBwBoQGcBjAJwHtZZkBtABhxoF08AzCBfa0AOwEMxEkIDAAsALmEp5CpLqPizkIADwAjAK6jRMgAQzCsCIQDWAXgDk+YaQDuABR4BzeAAoAtAEYAlGYB8AHS5tbVsAJQBRADUApQB6dU0Zfy5VDS1AvQNjc0sbeydnAGovXwCggDkwgA0AFWi41MToqAgAN21oc1hSBzNtfFEATwQTPxBmGVFXa3gIBzEkFXIoUaSguuaWpKUN9qgRkGJ4fDVYURX11qSAkDx8eARCUQgZDkEAViQAThAAXxxuPgCIQAKw4Ugm8lEigC0i4-W0JHgPDkAH0AA6OCC8LTEbQmbTMNRcR7PQLOYDMeCiQjCeDEHDaFoQeDTekQORgfAMjFOFH4CAAL3gDLAPAAHuz4Jyfp5tMBStoFQhRLpmMw7ir8TQANxKqnaKDInh47RUBi6wKKy2E4lPHSU6nCFGG0TG5yy+WWoKHURqYiBHj4AbEglEkkyABU2mczWIHqtQUTidIao12gK+Pc2ijsez2h58D5gvgFqTSa6DgwWK4dOq8DFmtV6v1pbLQVh8MO+DRJp41h47OjfYHKodNLpzhTzdE3Mchf5Qs8ngwoJk7u1ay9ZYGzNgUG0XbRraCPwVp8tCsDwcIodtpPzmOxpFxMYguMzHoV7ZeKslxGRz4mmOToum6wF0p4x7tMw0aTqm+omPinxvNoABkqEGm+eIftoAA+uHRlOaaIdoNBoRhuYkR4S4HlSfqBFB4y4sOg7OB2KoFqq7RyP+OKvnGn5bomoEmgAgsQ-4DBgzBkGA0YFlQkqcgwkFfkmTIshOoGQZuSbnieum0b6-oPg4WIAcQFo-BaAQ2uGgQaayMZGoJ3pHCcohVlwNbEAAEtUACyAAyJpmGYragdJz5hDwNLRmoeI+LRxynF5Pn+cF6b4gABmpSgQGADh9MQhAmAAJMAahVqKTg-No1jQKIwj7CgAAsaJiqMMSrIm2yuGodzED4FVVawxD9GUgI-LEUD9YNPXZapXDnjCP4ElS47vkEcHTiadCmUcxZ7bKJhJQqwHRtlYiiGi+BIDEMRQGoYBgAMq5cBg0hgDEA10vgAD8+BGBAaLlcARFUj8qEGJAohgwWC7wD8i02Vwyp9FYdhziaiLIoWPLmXxnpBOB9IKo5dI4AqSl3YqIC-eNoxU5aBZFkKSDaG8zNBKKEocrT7g0DQAQyqjATXLc9zwPZrwgAATK1SByx4SA0L8-wgLw-CKJ9+BgiAsJyAogiLFAAxygqGIwFiDgczQGBvIcYCtiosVGA4ZBElACywG7rbSF0xBIM+PBcE4Vni1wATxGkFuWq7xge6QXvB-+YclgqizEFAdJIFwMgZyzPDW2HSBvB1EdR1ws0M3HQTNN2vsDBzKhdMYrZW80pf247UqtiLNwEFLMuKILSDuK1vxMJrgKKATT7EL8QA)
Adventofcode 🎄 : Day 4 - Handling events (React)
Tags: beginners, react, codenewbie, learning
Published: 2023-12-04 21:08:39

December 4th is all about handling events in React. So let's revise what this means...

Fundamentally, event handling in React empowers users to interact with a webpage, triggering designated actions whenever events like clicks or hovers occur. React events are initiated when users engage with an application, encompassing interactions such as mouseovers, key presses, change events and more. 

Below are distinct events in React that may occur during interactions with websites developed using React:

1. Selecting an element
2. Submitting a form
3. Scrolling the page
4. Hovering over an element
5. Loading a webpage
6. Modifying an input field
7. Keystroke by the user
8. Loading an image

**React events are named using camelCase, rather than lowercase.**

Here is an example: 

```
<button onClick={activateHello}>
  Activate Hello
</button>
```
**Conclusion**

React's event handling equips developers with the tools to craft dynamic and interactive user interfaces, enabling responsive reactions to diverse user actions. By skilfully implementing events, developers capture and respond to user interactions, ultimately adding to the overall user experience.  

Hope you have learnt something...in the meantime, KEEP CODING!!🎄👩🏼‍💻
🚀Clean Code y buenas prácticas con JavaScript - Cómo nombrar variables, funciones y clases de forma autodescriptiva
Published: 2023-12-04 21:00:24

Nombrar correctamente nuestras variables, funciones y clases es esencial para escribir un código limpio y comprensible. Aunque las reglas de nomenclatura nos dicen que evitemos detalles técnicos, es crucial que nuestros nombres reflejen la naturaleza y el propósito de cada elemento. Aquí hay algunas pautas para nombrar según el tipo de dato:

### Arrays: Lista de Elementos
Cuando trabajamos con arrays, es fundamental usar nombres de variables en plural para denotar su naturaleza de colección. Veamos la evolución de un nombre:

```javascript
// No recomendado
const user = ["Alex", "Mariana", "Jessica"];

// Regular
const userList = ["Alex", "Mariana", "Jessica"];

// Bueno
const users = ["Alex", "Mariana", "Jessica"];

// Excelente
const userNames = ["Alex", "Mariana", "Jessica"];
```
### Booleans: Valores True o False
Para variables booleanas, es útil agregar prefijos que indiquen su naturaleza. Utilizamos "is," "has," o "can" para hacer que el nombre sea más descriptivo:

```javascript
// No recomendado
const valid = true;
const read = false;
const color = true;

// Recomendado
const isValid = true;
const canRead = false;
const hasColor = true;
```

### Números: Variables que Contienen Valores Numéricos
Cuando trabajamos con números, prefijos como "max," "min," y "total" ayudan a entender el propósito de la variable:

```javascript
// No recomendado
const users = 15;

// Recomendado
const maxUsers = 50;
const minUsers = 10;
const totalUsers = 15;
```

### Funciones: Acciones en el Código
Las funciones representan acciones y deben ser concisas y descriptivas. Se sugiere que inicien con un verbo seguido de un sustantivo:

```javascript
// No recomendado
createUserIfNotExist();
updateUserIfNotEmpty();
sendEmailIfIsValid();

// Recomendado
createUser();
updateUser();
sendEmail();
```

### Funciones de Acceso, Modificación o Predicado
Cuando se trata de funciones de acceso, modificación o predicado, añadir prefijos como "get," "set," o "is" mejora la legibilidad:

```javascript
// Ejemplo
getUser();
setUser();
isValidUser();
```

### Clases: Responsabilidad Única y Sustantivos Descriptivos
En el caso de clases, es crucial seguir el principio de responsabilidad única y utilizar sustantivos descriptivos en lugar de nombres genéricos:

```javascript
// No recomendado
class Data {}
class Manager {}
class Info {}

// Recomendado
class User {}
class UserProfile {}
class Account {}
```

Siguiendo estas prácticas de nomenclatura, tu código se volverá más autodescriptivo, facilitando su mantenimiento y comprensión tanto para ti como para otros desarrolladores que puedan trabajar con él.