teleren/devto huggingface dataset:
Resumo da 5º semana de Jornada DEV 5/52
Tags: javascript, beginners, css, html
Published: 2022-04-07 00:34:42

###A Realidade
Esse primeiro mês de estudos rendeu bastante dor de cabeça como já era de se esperar! Consegui avançar bastante com as aulas do curso em vídeo, e assim como o professor Guanabara sempre diz em todo vídeo, a prática é um favor que você faz pra você mesmo!!!
***
####Status dos cursos:
- Algoritmo - 38%
- HTML5 e CSS3 módulo 3 (o 1º e 2º já foram concluídos) - 22%
- JavaScript (Dei uma pausa dos estudos, pois estava apanhando horrores, então estou focando em Algoritmo que já esta ajudando bastante a entender )- 79% 

***

####Projetos:

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

- Projeto do Curso em vídeo - Confesso que demorei para postar, mas aqui [está](https://gracielle-sampaio.github.io/Sobre-Mim/). O objetivo era ser simples e conter os links de contato, pretendo continuar fazendo atualizações e adicionar outras páginas, ainda tentando decidir se transformarei em um portfólio ou se deixarei como site de "links"

***

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

- We Heart It - Esse site que já fui viciada por bastante tempo, foi obviamente meu alvo de inspiração novamente, e sim ficou bem simples, mas nostálgico! [Confira](https://github.com/Gracielle-Sampaio/sweet-questions-weheartit)

***

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

- Comfort Food - Sem dúvidas o projeto mais ambicioso de todos, esta longe de ser finalizado e sim, tenho que assumir os bugs de responsividade e layout. A ideia era uma página de receitas, e eu realmente acreditei que a parte mais difícil seria o fundo (foi, mas acabei substituindo por uma imagem). Fora isso já penso em fazer algumas alterações, outras nem sei como arrumar ou substituir. De todo modo gostei bastante e realmente tem sido DESAFIADOR! Clique [aqui](https://gracielle-sampaio.github.io/comfort-food/) para conferir com seus próprios olhos(E me de uma mãozinha se puder <3)

***

####Obrigada por me acompanhar!
Me acompanhe no [GitHub](https://github.com/Gracielle-Sampaio)
Two years on Dev.to
Tags: watercooler
Published: 2022-04-07 00:27:30

Wow, time flies. Today marks my two year mark on the platform. I appreciate this community. I've learned so much since joining. A big thank you to the Dev.to team for doing what you do!

What have I been up to? I started a new blog/portfolio and have wrote some posts over there. Check it out [here](jasonfritsche.dev).
Need help with project
Tags: javascript, beginners, help
Published: 2022-04-07 00:22:36

So I have been working on the FrontendMentor [Interactive rating component](https://www.frontendmentor.io/challenges/interactive-rating-component-koxpeBUmI) project and I am stuck!!!

So far I am able to change between the rating display and the thank you display. My struggle is figuring out how to select a different rating and displaying the corresponding messages. For example: if you select a rating of 3 the message should say: "You selected 3 out of 5". But so far, no. matter which rating you choose, the message only says "You selected 1 out of 5". Here I have my [repository](https://github.com/taepal467/interactive_rating_component) along with the [live site](https://taepal467.github.io/interactive_rating_component/) so you can get a better understanding of what it is I am actually trying to explain.

I will really appreciate the help!
[Solved] Error: Cannot find module '...' node:internal/modules/cjs/loader:936
Tags: npmerrors, errorsolution, debugging, nodedebugging
Published: 2022-04-07 00:00:00

---
title: "[Solved] Error: Cannot find module '...' node:internal/modules/cjs/loader:936"
date: "2022-04-07"
lastmod: '2022-04-07'
tags: ['NPMErrors', 'ErrorSolution', 'Debugging', 'NodeDebugging']
draft: false
summary: "How to debug Error: Cannot find module '...' node:internal/modules/cjs/loader:936"
layout: PostSimple
bibliography: references-data.bib
canonicalUrl: https://tailwind-nextjs-starter-blog.vercel.app/blog/new-features-in-v1/
---

## Problem

Running into the following error when trying to run a React application with `npm start`:

```
$ npm start

> frontend@0.1.0 start
> react-scripts start

'ReactJSExampleApps\node-react-ecommerce\frontend\node_modules\.bin\' is not recognized as an internal or external command,
operable program or batch file.
node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'C:\Users\sheha\OneDrive\Documents\react-scripts\bin\react-scripts.js'
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
```

## Solution:

There are a number of possible causes for this problem, but in my case it was because the parent directory containing my React app was named in the format `Next&ReactApps`. The presence of the `&` caused `npm` to not be able to navigate into the React app's root directory and therefore was throwing these `Cannot find module` errors. To fix this, make sure to remove the `&` from the names of any directories in the path to your React applications.

## Conclusion

Well this is the end of the article, if you have any questions or concerns please feel free to post a comment in this article and I will get back to you if I find the time.

I hope you found this article helpful. Thanks so much for reading my article! Feel free to follow me on [Twitter](https://twitter.com/Shehan_Atuk) and [GitHub](https://github.com/ShehanAT), connect with me on [LinkedIn](https://www.linkedin.com/in/shehan-atukorala-8631491a5/) and subscribe to my [YouTube channel](https://www.youtube.com/channel/UCtxed_NljgtAXrQMMdLvhrQ).
One not-so-simple trick to reduce your time fixing bugs
Tags: cicd, qa, bugfix
Published: 2022-10-19 16:59:18

---
title: One not-so-simple trick to reduce your time fixing bugs
published: true
date: 2022-04-07 00:00:00 UTC
tags: cicd,qa,bugfix
canonical_url: https://jhall.io/archive/2022/04/07/one-not-so-simple-trick-to-reduce-your-time-fixing-bugs/
---

Yesterday I contended that the idea that a bug costs 1000x more to fix in production verses at the design stage is a bit of an odd argument for any teams doing agile software development, for the simple reason that the various “stages” of software development are intermingled, and done in a tight loop.

But how can we know if we’re working in such a way? I’m not aware of a ton of data on the topic, but there is some, and as I find more, of course I’ll be happy to share it.

The first thing I found, once again from the often-cited book [_Accelerate_](https://amzn.to/3JgtUtp):

> We alread know that [continuous delivery](https://jhall.io/posts/benefits-of-cd/#continuous-delivery-cde) predicts lower change fail rates. However, we also tested several additional proxy variables for quality [and] our analysis found that all measures were correlated with software delivery performance. However, the strongest correlation was seen in the percentage of time spent on rework or unplanned work, responding to urgent audit documentation requests, and so forth.
> 
> High performers [in continuous delivery] reported spending 49% of their time on new work and 21% on unplanned work or rework. In contrast, low performers spend 38% of their time on new work and 27% on unplanned work or rework.

So, a healthy continuous delivery practice correlates to aproximately 28% less time spent on unplanned work or rework, of which bug fixing is part.

What does _Accelerate_ count as “continuous delivery”? Well, that deserves a lot more attention than I can provide at the end of this message, but here’s a quick check list of some of the key charactaristics. Which of these are you doing?

- Version control (such as git)
- Test automation (reliable tests that automatically inform you when something breaks)
- [Trunk-based development](https://jhall.io/archive/2021/03/10/a-case-for-trunk-based-development/)
- Then obviously, implementing continuous delivery

For anyone interested, I talk in more detail about how to actually implement continuous delivery (and the related concept of continuous deployment) in my free email bootcamp on the topic: [The Lean CD Bootcamp](https://jhall.io/lean-cd-bootcamp/).

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
🤔How do you feel about low-code tools for technical users?
Tags: webdev, react, design
Published: 2022-04-06 23:18:18

No/low code has been the rage with companies like Webflow and Bubble doing some great things. But they’re targeted towards non-technical users to build new, green field projects. Technical users have been hesitant to embrace them for reasons like code quality, broken workflow, etc.

I feel like lowcode can help technical users too by automating some of the most tedious tasks like building pixel-perfect UI, for example. Clean code would be a must-have, as well as preserving the dev workflow. 

Does anybody have any requirements to embrace such a tool? What would be your cause for concern?
Beginning New Beginnings In Tech
Tags: beginners, webdev, javascript
Published: 2022-04-06 22:34:11

Hey everyone! This will be my first time posting on DEV, and it definitely will not contain anything technical yet. I feel like starting off anywhere in something you know nothing about is very challenging, and can even feel discouraging. Learning is supposed to be about messing up and falling short though, that is just apart of the journey to obtaining knowledge. That is why I am starting here with this post. As I progress through my journey my goals are to hopefully breakdown some concepts that can help anyone that is trying to break into tech get some answers to common things you'll encounter as a software developer. I have started down this path in software on numerous occasions, and have fell short multiple times. I keep coming back to it though, and this time things have never lined up so vividly. So to any of you out there who are thinking about turning your back on tech because its too arduous, I would strongly advise to collect yourself into the present moment wherever you may be and enjoy the journey. Continue to pursue your dreams, you will learn all these tough concepts. All will come with time and tons of practice. When in doubt code! code! code!

The first time I started coding in JavaScript was overwhelming, but at the same time invigorating. I’ve always been one to go outside and take to the trail, and thought that I’d be the last one to ever be staring at a computer all day trying to make sense of all these different programming languages. I did realize how rewarding building, editing, debugging, and publishing your own piece of software would be. So here I am, with only a fraction of understanding of this realm thus far, but it’s all starting to come together piece by piece, day by day. Everyday I learn something new, and want to push that concept as far as I can to see how far the rabbit hole really goes. There is no end to it all, the possibilities are endless, and I’m excited to see how far I can go.

## Current languages/specializations 

- JavaScript
- NODE.JS
- JSON
- CSS
- HTML
- DOM Manipulation (JS)
I‘m tired 🥱
Tags: beginners, webdev, devjournal, codenewbie
Published: 2022-04-06 22:28:03

Hi there! It’s Wednesday again (well, at least for another ten minutes where I live) and two weeks ago I started writing about my codeucational journey in this community. AND I almost forgot to post today. Yeah… implementing routines takes time. 🙈 

## So how‘s it going?
Slow. I think that’s the right word. With only a few hours to spare every day and for these having to choose between sleep/break and studying/practicing it is hard to stay on track. I mean I expected this but it is still unnerving me (as usual) when I can’t go about things at the pace I would like. I think I could use some professional help or better: instruction in order to keep this structured and up to standard. 

## Looking into remote bootcamp-style classes
To start: I can’t afford a full bootcamp. Timewise AND monywise. Impossible. And to be frank: It’s a jungle out there and the deeper I get in the more brilliant the marketing becomes. I mean the more I read, the less I think most of them are actually worth my scarce personal resources. 
I would have to find a class with real professionals as instructors and REAL help in the form of building a legit portfolio and interview training. Is there anything like that out there?

As for my second big obstacle: My only way to pay for that unicorn-Class would be ridiculously low monthly instalments for about half of my remaining lifetime or an ISA which I read is something like a Faustian trade-off. Do you guys have any experience in this? Any recommendations? I might just have to stay on the self-teaching track.🤷🏻‍♀️

## Did I learn anything new these last two weeks?
Not much new to be honest… I finished my first little project with freeCodeCamp and sort of cemented some more HTML and CSS concepts into my head. And I got started on some very basic JavaScript concepts like building variables (Do you even say it like this?) and arrays. And I started reading a German book on the subject to actually get an overview of what I learned so far and pick up some of that German coding vocabulary.

My little one is again in one of these developmental stages where sleep for his parents (including me, obviously) becomes a luxury. No talk of additional parental mental load here that slows my head down.
It’s hard to get my brain to work in this state of constant exhaustion (sounds a little pathetic, but still no hyperbole here). But as these phases tend to pass quite quickly, I’ll just have to work with the resources I have, going from one day to another and see where I am at in two weeks time with my next post! 

Until then! Good night and don’t forget to dream 💭🔥💙
Intro to Linked List
Published: 2022-04-06 22:26:31

**1. What is a Node?**
We can think of a node as a container for some data. It can be conceptually visualized as a circle that we can put some data inside. We can store any data type in a node. Each node has two attributes: value and next.

* `tail` - the very last node that has its next pointer pointing to nothing or has its next set to `null`.
* `head` - the very first node. A head has a position of 0. As long as we know where the list starts, we can always traverse it to access all other nodes in the list by using the next property.

**2. What is a Linked List?**
A linked list contains a bunch of nodes linked together. We can consider a linked list ordered data structure. The `head` node denotes the start of the list.

**3. Linked Lists & Arrays**
* An array must be stored contiguously (right next to each other) in memory.
* An linked list does not require its nodes stored contiguously in memory.

**Linked List Traversal**
If I want to traverse through a linked list and print out the value of every node, I would need to continually update a `current` pointer. In the context of my function, the only important variable I am going to track is `current`, which starts at the `head` of my linked list.

* Iterative Traversal
```
const printLinkedList = (head) => { 
  let current = head; 
  
  while (current !== null) { 
    console.log(current.val); 
    current = current.next; 
  }
 
}
```

* Recursive Traversal
```
const printRecursive = (head) => { 
  let current = head; 
  if (current === null) return;

  console.log(current.val);
  
  printRecursive(current.next);
} 
```
Marketing is not Easy - New Years Resolution - Dev Log 28
Tags: webdev, beginners, startup, programming
Published: 2022-04-06 22:17:47

So for the last week, I tried multiple strategies to get companies to post on my newly published job board. So far absolutely no progress has been made. I tried signing up for a partnership program with ZipRecruiter and got no response. I tried getting a paid spot on a popular YouTuber Developer's channel, no response. I attempted to give free job listings to companies, no response. So I am kind of at my wit's end in terms of actual marketing strategies.

I guess the next thing I am going to try is pretty simple. I am just going to manually create job listings for companies that already exist and have the apply button go to the form they already have set up to apply through. Then once I have a bunch of those on my site, I will pay for some marketing through Reddit or YouTube or something. My hope is that if I can get developers to apply for jobs through my website, the companies will notice, then start to use my site legitimately.

I apologize for not making the usual amount of these updates lately. I just do not have a lot to say. I am a developer, so it was easy creating updates during the development process. Since I have no experience in marketing this is really my first go in the field. Since progress is non-existent I have very little information to share with people.
How the TypeScript Required Type Works
Tags: typescript, webdev, tutorial, javascript
Published: 2022-04-06 22:14:29

In TypeScript, we sometimes need to enforce that an object has required properties, even if the original type defined some of them as optional. For that, TypeScript has a utility type called `Required`. Let's look at how it works.

## TypeScript Required Utility Type
By default, if we define a new type in TypeScript, all fields within that type are automatically required:

```javascript
type User = {
    firstName: string,
    lastName: string
}

let firstUser:User = {
    firstName: "John"
}
```

Above, `firstUser` is of type `User`, but it's missing `lastName`. As such, this code returns an error:

```
Property 'lastName' is missing in type '{ firstName: string; }' but required in type 'User'.
```

If we expect a field to be optional, we can add a question mark to the end of it in our type definition. Below, we make lastName optional by writing `lastName?` instead:

```javascript
type User = {
    firstName: string,
    lastName?: string
}

let firstUser:User = {
    firstName: "John"
}
```

As such, this code does not throw an error - lastName is optional, so the fact that firstUser doesn't contain it is fine.

Forcing optional types to be required in TypeScript
Sometimes, we have a situation where most of the time, lastName is optional, but in some circumstances we require it to do something. In these cases, we can use the utility type Required. For example, if we want lastName to be required, even if it was originally defined as optional, we can write the following:

```javascript
type User = {
    firstName: string,
    lastName?: string
}

let firstUser:User = {
    firstName: "John",
}

let secondUser:Required<User> = {
    firstName: "John"
}
```

In this example, secondUser throws an error:

```
Property 'lastName' is missing in type '{ firstName: string; }' but required in type 'Required<User>'
```

So since we've used `Required`, we have to add `lastName` to avoid the error:

```javascript
type User = {
    firstName: string,
    lastName?: string
}

let secondUser:Required<User> = {
    firstName: "John",
    lastName: "Doe"
}
```

This can give us more flexibility, while allowing us to enforce field requirements for certain functionality in an application. As with other utility types, Required is meant to work with an interface or object type, like the `User` type we defined above. As such, it doesn't work with variables. This doesn't matter much, though, since a variable cannot have an empty value anyway.
How the TypeScript Partial Type Works
Tags: typescript, webdev, tutorial, javascript
Published: 2022-04-06 22:07:54

The Partial type in TypeScript is a utility type which does the opposite of [Required](https://fjolt.com/article/typescript-required-type). It sets all properties in a type to optional.

Let's look at how it works. If you're interested in the opposite problem, try my article on how the Required type works in TypeScript.

## Partial Type in TypeScript
In TypeScript, we can define a type as optional with a ? question mark. For example, in the below code, lastName is optional. Therefore, even though firstUser has the type User, we can leave out lastName as it is not required.

```javascript
type User = {
    firstName: string,
    lastName?: string
}

let firstUser:User = {
    firstName: "John"
}
```

Sometimes, the type we inherit or use has no optional types, but we know that in certain circumstances some properties might be missing. Take a look at the following example. Here, lastName is not optional anymore, but firstUser still doesn't have it:

```javascript
type User = {
    firstName: string,
    lastName: string
}

let firstUser:User = {
    firstName: "John"
}
```

This code throws an error, since it is expecting that firstUser of type User should have a property called `lastName`:

```
Property `lastName` is missing in type `{ firstName: string; }` but required in type `User`.
```

If we want to avoid that error, we have to change firstUser's type to `Partial<User>`. That will tell TypeScript to set every property in the type User to optional:

```javascript
type User = {
    firstName: string,
    lastName: string
}

let firstUser:Partial<User> = {
    firstName: "John"
}
```

This is ultimately the same as redefining the User type to:

```javascript
type User = {
    firstName?: string,
    lastName?: string
}
```

The only difference is, we can now use both - if we want the type to have some missing properties, we can use Partial. If we don't, we can just use the normal User type:

```javascript
type User = { 
    firstName: string, 
    lastName: string 
}
let firstUser:Partial<User> = { firstName: "John" } 
let secondUser:User = { firstName: "John", lastName: "Doe" }
```

As with many other utility types in TypeScript, Partial is meant to work with interfaces or custom types defined as objects like our User type above. So it won't work on things like variables.

If you've enjoyed this quick guide, check out more [TypeScript content here](https://fjolt.com/category/typescript).
Extract Icons From Your Childhood Nintendo DS Games
Tags: javascript, showdev, react, webdev
Published: 2022-04-06 22:03:40

![Demo Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pr5rwkt60zibcoqzhq0f.png)

[Demo](https://github.com/gregorygaines/extract-nds-icons)

[Source](https://gregorygaines.github.io/extract-nds-icons/)

## Intro
I remember playing pokemon and kingdom hearts on my NDS and remember staring at that tiny icon every-time I start the console.

I thought to myself, I wonder can I extract these icons and save them. They could make for a cool ascetic for a profile picture.
 
## Tech Overview
Website is a simple react site. 

The icon is extracted by reading the ROM memory location of the icon bitmap which is defined at address ROM[`0x68`] + `0x20` and `0x200` in length.