teleren/devto huggingface dataset:
Create and configure a file with a directory.
Tags: webdev, javascript, programming, beginners
Published: 2023-12-14 23:07:24

To have easy access and load without files without delay in company that has different


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

search for storage accounts
click on +create

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

from resource group select new, give it a name and save


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

Give the storage account a name.
Set the performance to premium.
Set the redundancy zone to redundant storage.
Review and create.


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

configuring a file with a directory
under the storage account, under the data storage, 
select file share


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

select +file share and write a Name
select create.


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

To add directory marketing to the shared file
Click on the file share and select Add directory.


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

Name the new directory marketing.
Click on Browse and select the marketing directory.
upload
Learning is another full-time job.
Tags: csharp, dotnet, entityframework, fromthedrafts
Published: 2023-12-14 23:00:25

Here is a list of all the tutorials I'm following on the side to try and keep up: 
1. Codecademy's C# certificate for C# and ASP.NET review
https://www.codecademy.com/paths/build-web-apps-with-asp-net/tracks/build-web-apps-asp-net-intermediate-c-sharp/modules/learn-csharp-classes/lessons/csharp-basic-classes/exercises/basic-review
2. Microsoft's Entity Framework Tutorial (db first, MVC Core)
https://www.entityframeworktutorial.net/entityframework6/create-entity-data-model.aspx
3. Codin' Game's LINQ tutorial and overview https://www.codingame.com/playgrounds/213/using-c-linq---a-practical-overview/skip-and-take 
**Note: This post was started a while back (~2 yrs ago), but never published.**
Lessons from my first internship
Tags: webdev, beginners, productivity, fromthedrafts
Published: 2023-12-14 22:59:44

- **results count.** Review PR's (even if you don't understand them. just review them and ask questions). Close as MANY tickets as you can.
- **it's necessary to study for work after hours.** especially if you're making a career change -- you want to learn on the side as much as possible.
- **verbal communication is key.** know your terms--know how to understand and communicate what you need because even if you know code, most of the time people just want to verbalize it to you and have you understand.
- **record what you do.** in your perosnal brag doc, record everything you're proud of (even the littlest things!). in another, record everything you've learned. in another, take screenshots of what you did.
- **working with legacy code is hard.** there will be some code that's been there for ages that needs to be deleted, but no one does bc they're too afraid to. there is some code that might not make a complete amount of sense bc there weren't easier ways to do it back in the day. there is also some code that doesn't exist bc it was accidentally erased at some point. you can learn more about the code that changed by checking the `blame` on github.
- **for reviewing pr's -- going from smaller codebases (like yours, or colleagues) to a legacy codebase can be intimidating.** if you don't understand, try going commit-by-commit and learning from there. 

**Note: This post was started a while back (~2 yrs ago), but never published.**
I Understood! (Kinda)
Tags: internlife, lessonsfromanintern, fromthedrafts, beginners
Published: 2023-12-14 22:55:35

- learn what the ticket wants, not exactly what it says
- you'll sometimes run into old code that some don't want to delete or mess with. code artifacts!
- in pairing with someone on tickets, you might not understand everything. as long as you understood the gist, you're good. 

one thing you can try and do:
- try to reproduce what they did on your end. if you can't remember something exactly the way it happened, ask them!
- look through the db to observe what tables are there and what columns you get. the columns will indicate to you what kinds of things get tracked. beware--some columns aren't really used anymore! the tables will indicate the purpose of the data.

**Note: This post was started a while back (~2 yrs ago), but never published.**
Staring At Code != Caring For Code
Tags: internlife, lessonsfromanintern, fromthedrafts, beginners
Published: 2023-12-14 22:49:20

As an intern, sometimes it's hard to know what to do next. 

Manager asked me to spend more time looking at the code. 

I can spend all the time i want staring at the code, but all it does is cause anxiety when I don't know what's happening.

There are 2 ways to approach this problem:
1) Learn more about the language, framework
- con: can go down tutorial hell
- pro: you build confidence

2) learn more about the code you're looking at by pairing with someone on a PR review or tickets
- con: the discomfort of being vulnerable to communicate and ask questions
- pro: save up on time and confusion bc colleagues will likely know

Option 2 is necessary as an intern because the one thing you've got to get used to is feeling vulnerable as an entry-level developer. Odds are, your team WANTS you to ask questions rather than float along with [duck syndrome](https://psychcentral.com/blog/teens-the-duck-syndrome). 

Even in the worst case scenario, if you don't understand and the person you work with isn't helpful, it's still a good idea to get as much exposure as possible. 

You'll never ever know everything! Everyone has to go through this process to grow. Might as well jump in and be kind with yourself.

**Note: This post was started a while back (~2 yrs ago), but never published.**
MIPs Instruction SIM
Tags: mips, python, simulator, programming
Published: 2023-12-14 22:47:31

I was assigned the tasks to write a small program to mimic an aspect of how a CPU works. I decided to focus on MIPs instructions and how they are processed. I set about taking instructions (Basic ones only) and created a cache and a memory to load and store between and execute the instructions. 

If you would like to check it out, please see below on my GitHub. If you have any constructive feedback, I am always happy to hear.

[My GitHub](https://github.com/Nayr91/Codecademy/blob/master/CPU%20Simulator/cpusim.py)

Thank you!
My Must Have VSCode Plugins
Tags: webdev, productivity, vscode
Published: 2023-12-14 22:13:40

I was helping someone set up their computer for some L33T CODING 😎🤘 and after I left them to noodle around, I made a list of some of my preferred VSCode plugins that make _my_ life easier.

### Code Editing and Productivity
1. [**Auto Close Tag**](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag): Automatically generate and close HTML or XML tags as you type, reducing syntax errors and improving coding efficiency.

2. [**Auto Rename Tag**](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag): Automatically renames paired HTML/XML tags, ensuring consistency.

3. [**Code Spell Checker**](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker): Identifies and corrects spelling mistakes within code and comments, contributing to code quality, readability, and error prevention.

### Version Control and Code History
4. [**GitBlame** (part of GitLens)](https://marketplace.visualstudio.com/items?itemName=waderyan.gitblame): Provides detailed information about each line of code, including author, commit details and time stamp. (Usually you figure out the person who made the mistake was you all along.)

### HTML and Markup Language Support
5. [**DotENV**](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv): Makes reading and writing `.env` files easier through syntax highlighting, auto-completion, and error detection.

6. [**HTML End Tag Labels**](https://marketplace.visualstudio.com/items?itemName=anteprimorac.html-end-tag-labels): Enhances readability and code accessibility by visually labeling closing tags, aiding in quick identification and preventing syntax errors.

7. [**Indent Rainbows**](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow): Improves code indentation visibility by adding colorful highlighting to different levels of indentation, aiding in code readability, navigation, and error prevention.

### Visual Enhancements and User Interface
8. [**Material Icon Theme**](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme): This is a personal preference but I find these icons much easier to recognize.

9. [**Rainbow Brackets**](https://marketplace.visualstudio.com/items?itemName=tal7aouy.rainbow-bracket): Improves the visibility of nested structures, aiding in quick identification, and helps prevent bracket-related errors.

What are some of your favorite plugins?
IHC - 10 Heurísticas de Nielsen
Tags: design, softwareengineering, ux, ui
Published: 2023-12-14 22:08:25

**Resumo**
A popularização de computadores pessoais, por volta dos anos 1990, foi um avanço para a tecnologia não somente em sua produção, mas também mostrando que não seria mais uma máquina exclusiva para pessoas com conhecimento  técnico e especializado utilizar, e para isso acontecer foi necessário facilitar a usabilidade dos dispositivos. No mesmo período Jakob Nielsen e Rolf Molich, ambos cientistas da computação, propuseram as 10 (dez) heurísticas de Nielsen (visibilidade, compatibilidade, controle e liberdade para o usuário, consistência e padronização, prevenção de erros, reconhecimento, eficiência, estética, reparação de erros e ajuda), para o design de interação de um usuário com a interface. As heurísticas de Nielsen são hipóteses que precisam ser testadas, sendo uma previsão e prevenção de cuidados e necessidades que se deve ter ao projetar uma interface para o usuário com liberdade, consistência e prevenção, por exemplo. O foco principal dos estudos tratam das análises de dois portais, sendo eles o Portal Acadêmico do Centro Universitário Luterano de Palmas (CEULP/ULBRA) e o Portal de Periódicos da Coordenação de Aperfeiçoamento de Pessoal de Nível Superior (CAPES), onde foram realizados testes e verificações dos resultados baseados no conceitos das heurísticas de Nielsen, e anotações de possíveis melhorias que os portais poderiam receber.

**Palavras chave:** Heurísticas de Nielsen, interface, usuário 

**Referências**

CYBIS, Walter de Abreu, BETIOL,Adriana Holtz, FAUST Richard. **Ergonomia e Usabilidade**: Conhecimentos, Métodos e Aplicações. 3ª edição. Novatec Editora, 2015.

LIMA, Juliane Medeiros de; MENDONÇA, Simone de Queiroz; BRITO, Max Leandro de Araújo; FONSECA, Gessica Fabiely.** Avaliação da usabilidade segundo as heurísticas de Nielsen: teste de usuários do Portal de Periódicos da CAPES.**  Rev. Espacios, v. 37, n. 31, 2016. Disponível em: https://www.revistaespacios.com/a16v37n31/16373131.html. Acesso em: 12 dez. 2023.

BARROS, Arthur Pinto Cerqueira. **Avaliação da usabilidade do portal conecta apoiado pelas 10 heurísticas propostas por Jakob Nielsen.** 2017. 50 f. Trabalho de Conclusão de Curso (Bacharel em Sistemas) - Centro Universitário Luterano de Palmas (CEULP/ULBRA), Palmas (TO), 2017. Disponível em: https://ulbra-to.br/bibliotecadigital/uploads/document5c9cdd5a7e6ce.pdf. Acesso em: 12 dez. 2023.
Encode and Decode JWTs in C#
Published: 2023-12-14 16:10:14

JWT (JSON Web Tokens) have become widely adopted for securely transmitting information between parties in a compact and self-contained manner. In C#, it is relatively straightforward to encode and decode JWTs using the `System.IdentityModel.Tokens.Jwt` library. 

To encode a JWT, you need to create a `JwtSecurityToken` object with the necessary claims and signing credentials. Claims contain the relevant data, such as user information or access permissions. The signing credentials are used to ensure the integrity and authenticity of the token.

Here's a simple example for encoding a JWT:

```csharp
using System.IdentityModel.Tokens.Jwt;
using System.Security.Claims;
using System.Text;
using Microsoft.IdentityModel.Tokens;

// Create claims for the token
var claims = new[]
{
    new Claim("userId", "123"),
    new Claim("role", "admin")
};

// Create signing credentials
var key = new SymmetricSecurityKey(Encoding.UTF8.GetBytes("your_secret_key"));
var signingCredentials = new SigningCredentials(key, SecurityAlgorithms.HmacSha256);

// Create JWT
var token = new JwtSecurityToken(
    issuer: "your_issuer",
    audience: "your_audience",
    claims: claims,
    expires: DateTime.UtcNow.AddMinutes(10), // Token expiration time
    signingCredentials: signingCredentials
);

// Encode the JWT
var encodedJwt = new JwtSecurityTokenHandler().WriteToken(token);
```

Decoding the JWT is equally straightforward:

```csharp
using System.IdentityModel.Tokens.Jwt;
using Microsoft.IdentityModel.Tokens;

// Decode JWT
var handler = new JwtSecurityTokenHandler();
var token = handler.ReadToken(encodedJwt) as JwtSecurityToken;

// Validating token
var validationParameters = new TokenValidationParameters
{
    ValidIssuer = "your_issuer",
    ValidAudience = "your_audience",
    IssuerSigningKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes("your_secret_key"))
};

SecurityToken validatedToken;
var principal = handler.ValidateToken(encodedJwt, validationParameters, out validatedToken);
```

In the above example, we validate the token using parameters matching the original encoding configuration. If validation is successful, the decoded token is stored in `validatedToken`, and the principal contains the user claims.

Encoding and decoding JWTs in C# using the `System.IdentityModel.Tokens.Jwt` library allows for secure and efficient data transmission while ensuring data integrity and authenticity.
خدمات بازرگانی چیست؟
Published: 2023-12-14 21:55:35

خدمات بازرگانی شامل تمام فعالیت‌ها و خدماتی است که به منظور تسهیل تجارت و تبادلات تجاری بین افراد و شرکت‌ها ارائه می‌شود. این خدمات شامل مشاوره‌های بازرگانی، ارائه اطلاعات بازار، خدمات حمل و نقل، بسته‌بندی و بارگیری، بیمه‌نامه‌های تجاری، خدمات مالی و بانکی، خدمات مربوط به تجارت الکترونیک و ... می‌باشد.

ترخیص کالا به مراحل و فرآیندهای مربوط به واردات کالا و تسویه مالی و انجام امور گمرکی برای واردات کالاها به یک کشور اطلاق می‌شود. این فرآیند شامل ارائه مدارک مورد نیاز، پرداخت گمرکی، اخذ مجوزهای لازم و انجام سایر امور مربوط به گمرکی و نظارتی برای واردات کالاها می‌باشد. این فرآیند برای اطمینان از اینکه کالاها مطابق با قوانین و مقررات گمرکی و مالیاتی کشور وارد شده و تسویه مالی آن‌ها انجام شده است، انجام می‌شود.

انواع [خدمات بازرگانی](https://www.bespar.net/category/7/commercial-services) شامل موارد زیر می‌شود:

1. مشاوره‌های بازرگانی: ارائه مشاوره‌های مختلف مانند بازاریابی، تجارت بین‌المللی، استراتژی بازاریابی و ...
2. خدمات حمل و نقل: ارائه [خدمات حمل و نقل بین‌المللی](https://www.bespar.net/subcategory/commercial-services/transportation) کالاها از جمله حمل و نقل دریایی، هوایی، زمینی و راه‌آهنی.
3. خدمات بیمه‌نامه‌های تجاری: ارائه بیمه‌نامه‌های مربوط به حمل و نقل بین‌المللی و ریسک‌های تجاری.
4. خدمات مالی و بانکی: ارائه خدمات مالی و بانکی مرتبط با تجارت بین‌المللی از جمله اعتبارات اسنادی، اعتبارات تجاری و ...
5. خدمات گمرکی: ارائه خدمات مربوط به گمرک و تسهیلات گمرکی از جمله ترخیص کالا و انجام امور گمرکی.
6. خدمات مربوط به تجارت الکترونیک: ارائه خدمات مربوط به فروش و خرید آنلاین و تسهیل تجارت الکترونیکی.
7. خدمات بازاریابی بین‌المللی: ارائه خدمات بازاریابی و تبلیغات در بازارهای خارجی. و شرکت در [تورهای نمایشگاه خارجی](https://www.bespar.net/subcategory/commercial-services/exhibition-tours)

8. خدمات مربوط به مستندسازی و مجوزها: ارائه خدمات مربوط به تهیه مستندات صادراتی و دریافت مجوزهای لازم برای صادرات.
9. خدمات مربوط به تجارت بین‌المللی: ارائه خدمات مربوط به تسهیل تبادلات تجاری و انجام معاملات بین‌المللی.

این تعدادی از خدمات بازرگانی هستند که به منظور تسهیل تجارت بین‌المللی ارائه می‌شوند.
How effective is the Pomodoro technique?
Published: 2023-12-14 21:41:07

The Pomodoro Technique is a time management method that involves breaking work into intervals, traditionally 25 minutes in length, separated by short breaks. It's effective for several reasons:

1. **Focus:** The short, timed intervals encourage intense focus during work sprints, reducing distractions and increasing productivity.
2. **Prevents Burnout:** Regular breaks prevent burnout by giving your brain time to rest and recharge, maintaining a sustainable level of productivity.
3. **Time Awareness:** The technique improves time awareness, helping you better estimate how long tasks take and enhancing overall time management skills.
4. **Task Completion:** Breaking work into manageable chunks enhances motivation as completing each interval provides a sense of accomplishment.
5. **Adaptability:** It's a flexible technique that can be adjusted to suit individual preferences and task requirements.

The Pomodoro Technique is widely praised for its effectiveness in boosting focus and productivity. By dividing work into manageable intervals, typically 25 minutes, followed by short breaks, it enhances concentration and prevents burnout. 

If you're looking to try it out, consider using tools like the one at [Pomodoro Task Timer](https://plexcalc.com/pomodoro-task-timer). Such timers make it easy to implement the technique, helping you stay disciplined and improve your work habits. Give it a shot and experience the benefits of heightened productivity and better time management.

In conclusion, the Pomodoro Technique is effective for promoting focus, preventing burnout, improving time management, and fostering a sense of accomplishment through structured work intervals.
Você sabe a diferença entre Biblioteca , API e Framework?
Tags: lib, api, framework, braziliandevs
Published: 2023-12-14 21:40:34

**Biblioteca**
conjunto de funcionalidades genéricas. 
Exemplo: a biblioteca de classes Java Math que contém várias funcionalidades de cálculo.

**API – Interface do Programa Aplicativo**
conjunto de bibliotecas que normalmente  tem o objetivo de integração de diferentes aplicações. Exemplo: integração entre banco de dados com e uma aplicação java.

**Frameworks** são “APIs com manual de uso”, o que significa que eles servem a propósitos específicos (Web Framework, Game Development Framework, e outros). Você pode usar um conjunto de bibliotecas como quiser, APIs também são usadas como quiser, com a finalidade especifica e com o uso precisa ser de acordo com o manual. 
Exemplo: Angular é uma estrutura, se não organizar a página da web em componentes não vai funcionar.
Celebrating Small Achievements, the Key to Sustained Motivation in Your Development Projects
Tags: programming, javascript, webdev, discuss
Published: 2023-12-14 21:17:07

<p>In the exciting journey of software engineering, especially in the realm of full-stack development with JavaScript, it’s easy to get caught up in the grand scale of our projects and long-term goals. However, today I want to highlight something crucial that we often overlook: the importance of celebrating small achievements.</p>
<h2>Why Celebrate Small Achievements?</h2>
<ol>
    <li><strong>Acknowledgment of Progress:</strong> Each line of code we write, every bug we fix, and each feature we implement, are steps forward. Recognizing these moments not only provides immediate satisfaction but also reminds us that we are making progress.</li>
    <li><strong>Keeping Motivation High:</strong> In software development, challenges are a constant. Celebrating small victories keeps us motivated and energized to tackle the bigger challenges that lie ahead.</li>
    <li><strong>Creating a Positive Environment:</strong> Whether working alone or in a team, acknowledging achievements, no matter how small, creates a positive and collaborative work environment. This is essential for maintaining high levels of creativity and efficiency.</li>
</ol>
<h2>Applying It in Our Daily Work</h2>
<ul>
    <li><strong>Implement a Recognition Routine:</strong> At the end of each day, take a moment to reflect on what you have accomplished. It could be something as simple as solving a tricky bug or enhancing the performance of a function.</li>
    <li><strong>Share Your Achievements:</strong> In a team setting, sharing these achievements, no matter how small, can be tremendously motivating for everyone. Create a culture where every contribution is valued.</li>
    <li><strong>Set Small Goals:</strong> Break down your projects into smaller, manageable tasks. As you reach each of these goals, take a moment to celebrate. This not only keeps you focused but also provides a constant stream of accomplishments.</li>
</ul>
<h2>Conclusion</h2>
<p>Small achievements are the building blocks of great successes. In our journey as full-stack developers, recognizing and celebrating these moments not only boosts our productivity but also enriches our professional and personal experiences. So, the next time you complete a task, no matter how small, take a moment to celebrate. Your motivation and your career will thank you!</p>
<p>Do you agree? How do you celebrate your small achievements in development? Share your thoughts in the comments and don’t forget to like if you enjoyed the post!</p>
Which Style Training Model Looking Best Do You Think?
Tags: sdxl, stablediffusion, dreambooth, ai
Published: 2023-12-14 21:14:15

I made a Stable Diffusion XL (SDXL) Base 1.0 Style training for a client.

Here 12 different results.

Let me know which model looking best according to you.

Left images are SDXL 1.0 base output.

Last ones are the last epoch of style training.

Sources : https://github.com/FurkanGozukara/Stable-Diffusion

Sources : https://www.youtube.com/SECourses

Sources : https://discord.com/servers/software-engineering-courses-secourses-772774097734074388


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0qkvtxyvst2ldqshun29.jpg)


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


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3jpf7r38a1twji1j4tzu.jpg)


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


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fxejg59ak2s82g9hu13p.jpg)
Adventofcode 🎄: Day 14 - Set up a React Project
Tags: beginners
Published: 2023-12-14 21:02:28

Let's set up a React project.

**Step 1**
Download and install Node.js and npm

**Step 2**
Open your terminal and run:

```
npm create-react-app my-react-app

```
and then run

```
cd my-react-app

```
to change into your project directory.

**Step 3**
Run the npm install command to install the project dependancies.

**Step 4**
Start the development server with npm start to launch the app.

**Step 5**
Explore the project structure and get familiar with the _public_ and _src_ directories.

**Step 6**
Modify or create components.

**Step 7**
Learn React basics to get familiar with it.

**Step 8**
Experiment and BUILD!!

🎄