teleren/devto huggingface dataset:
Visual Studio Release Update - 1.71
Tags: vscode, update, release
Published: 2022-09-20 10:53:15

No mês de Agosto/2022 foi liberado o release 1.71 do Visual Studio Code e vou trazer neste post algumas das novidades implementadas.

---

### Sticky Scroll

Dentre as diversas funcionalidades disponibilizadas gostaria de destacar uma que ajudará grande parte dos desenvolvedores que utilizam esta ferramenta.

Durante o processo de desenvolvimento é comum trabalharmos com arquivos grandes e geralmente nos perdemos entre os vários métodos contidos nesses arquivos.

Para ajudar a reduzir essa dificuldade o release de Agosto trouxe uma funcionalidade bastante interessante.

Trata-se do [Sticky Scroll]( 
https://code.visualstudio.com/updates/v1_71#_sticky-scroll).

Com ele habilitado conseguimos visualizar o escopo do método em que estamos trabalhando, conforme podemos ver no vídeo abaixo:

{% embed https://youtu.be/TUd6l5687a0 %}

Para desabilitá-lo, basta acessar as configurações do VSCode através do menu _Arquivo->Preferências->Configurações_. Em seguida, na caixa de pesquisa, basta informar 'sticky' para encontrar rapidamente a opção '_Editor->Stick Scroll_'.

:point_down:

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

---

### File name selection

A maneira mais fácil de renomear um arquivo é selecioná-lo e pressionar **F2**. Ou, se preferir, clicar duas vezes pausadamente sobre o arquivo.

Entretanto, esta ação possibilita renomear somente o arquivo e não sua extensão, obrigando-nos a um trabalho extra: selecionar manualmente a extensão caso seja necessário.

Neste release a tarefa de renomear arquivos, incluindo sua extensão, ficou mais intuitiva. Se desejar alterar somente o nome do arquivo mantendo sua extensão, basta selecionar o arquivo e pressionar **F2 **apenas uma vez.

Mas se há necessidade de mudar também a extensão, repita o processo citado logo acima e pressione **F2** duas vezes. Desta forma o nome completo incluindo sua extensão, poderá ser modificado.

Agora se somente a extensão precisar ser ajustada, basta repetir o processo mas desta vez, pressionando o **F2 **três vezes.

Logo abaixo é possível ver o comportamento desta funcionalidade:

{% embed https://youtu.be/DzJIiWcHiD4 %}

---

### Settings profiles

Entre as novidades que estão em fase de testes está a funcionalidade que permite a criação de perfis para os projetos, melhorando a organização.

Por padrão esta configuração vem desabilitada e para habilitá-la acesse o menu _Arquivo->Preferências->Configurações_. Na caixa de pesquisa que se abrir, informe 'profile' para que seja mostrada a opção desejada.

:point_down:

![Profile settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/05sivd7eo2klrzj1s9y8.jpg)

:warning:
Por se tratar de uma funcionalidade em fase de testes recomenda-se fazer uma cópia de segurança dos projetos em andamento, evitando que comportamentos inesperados comprometam suas atividades.

---

Todos os detalhes deste release podem ser encontrados [aqui](https://code.visualstudio.com/updates/v1_71).
:sunglasses:

Até breve.
What is a Feature you Think Ecommerce Platforms are Missing Out on Implementing?
Tags: programming, discuss, webdev, watercooler
Published: 2022-09-20 10:48:47

Although the number of ecommerce platforms is constantly evolving, and although these platforms are trying to provide all the necessary features to go with the latest digital trends, developers always wish a certain feature was implemented that can save them a lot of time creating the ecommerce store.

What is a feature you think more ecommerce platforms should implement? And what makes that feature important?

P.S 👀: Check out [Medusa](https://github.com/medusajs/medusa), an open source ecommerce platform that aims to provide a good developer experience with important ecommerce features.
I ported a large C++ library to the browser!
Tags: javascript, webdev, webassembly, programming
Published: 2022-09-20 10:38:52

**[pcl.js](https://github.com/luoxuhai/pcl.js)** is a Point Cloud Library (PCL) that runs in the browser, powered by Emscripten and WebAssembly. Point Cloud Library (PCL) is a standalone, large scale, open C++ project for 2D/3D image and point cloud processing.

Github: [https://github.com/luoxuhai/pcl.js](https://github.com/luoxuhai/pcl.js)
Sales Enablement
Published: 2022-09-20 10:38:33

[Sales enablement](https://slidecast.com/sales-enablement/) is an iterative process, not a one-off. Over time, you build and refine the resources that help your business’s sales team to close more deals. These resources may include content, tools, and processes to effectively sell your product or service to customers. When implemented properly, Sales Enablement empowers your sales team to engage buyers throughout the buying process, while coming away with more closed deals.
Deep Dive into Test Management Process
Tags: testing, softwaretesting, testmanagementprocess, testmanagementinsights
Published: 2022-09-20 10:30:20

Software Testing consists of a series of activities to be carried out to bring accurate results in order to make the developed Software Robust and secure. Software Testing Process plays a vital role in keeping track on the test activities and provide accurate test results. 

Software testing is considered as the final step prior to deploying the Software solution in real world use so it needs to be perfect and even a small mistake can create a issue in Software Sustainability. 

Here are the two crucial phase in Test Management process that helps in acquiring appropriate results-

## **1. Planning**

This phase involves various steps to be carried out to plan an appropriate track to gain accurate results and they are **Risk Analysis, Test estimation, Test Planning, Test Organization**.

Each of these steps are planned and carried out under the supervision of both Testers and Developers. Involvement of Tester and Developer in planning the testing lifecycle makes the steps much more firm and on track so that to achieve the accurate results.

## **2. Execution**

This phase involves the actual action part .i.e. the actually steps carried out to achieve the test results. These steps consist of Monitoring & Control, Issue Management and the Final Step- Test Reporting & Evaluation.

This phase mainly focuses on the actions taken by testers right from monitoring the entire software product n the basis of various factors, identification of issues & accordingly rectifying it still the final step of evaluating & creating the result report.

Test Management Process uses many Testing Tools that helps Testers to make their work much more quick, easier and effective.

Some of the vital tools used in Test Management Process are **Testware Management, Test Result logging, Issue Management Tool** and **Test Reporting**. All the these tools bring out the best results from the software product that is under the testing process. Each tools has its own quality potential and therefore they are best in their particular task. 

Overall, Test Management Process in Software Testing plays a vital role and is altogether a series of steps carried out to streamline the testing procedure and achieve the quality Test Results. So to get better understanding on the concept drive through this article that will walk you through to understand the vital insights on Test Management process to be adapted and accordingly will help you with the steps to streamline your testing process - https://testsigma.com/blog/test-management-process
Share your thoughts about NestJS
Tags: node, architecture, javascript, nestjs
Published: 2022-09-20 10:23:32

If you tried NestJS, please share your thoughts about this framework. It will be interesting to compare Nest with other “tools” for building architecture (principles, frameworks, design patterns).

Previously, I used Clean Architecture by Robert C. Martin, and I found it powerful, but I’d never used Nest before, and I'm curious about it. So if you have an experience with Nest, I'll be grateful for your thoughts.
How to Build a Command-Line Text Editor With Java (Part 2)
Tags: java, tutorial, programming
Published: 2022-09-20 10:10:53

Let's continue building our Java based, command-line text editor that we started here @ https://youtu.be/kT4JYQi9w4w .

This is Part 2 and we will cover: How to detect "complex" key presses like arrow up, arrow down and friends. How to move the cursor around on the screen, how to load and display text files, as well as a first, vertical scrolling implementation. 

You're going to be in for a ride!

{% embed https://youtu.be/HwPjeb2xnEo %}
Git merge vs git rebase - why you should avoid using Git merge to update your branches?
Tags: git, github, devlife, webdev
Published: 2022-09-20 09:42:47

Git is a the most popular version control system in the software engineering world. Its popularity grown even bigger with the raise of Github, Gitlab, Bitbucket and similar tools. When you think about software development Git is a crucial part of it, you just can’t live without it if you’re doing it professionally.

## Background

Imagine you’re working on some big feature that requires a lot of time to implement it properly. In the meantime your team members are developing their own tasks. They get reviewed and merged to to the branch: `master`, `main`, `develop` - you name it (I'm going to refer to it as a source branch later in the text).

At some point you realize that it would be good to update your working branch with the latest changes from the source branch. It can be tempting to do it by either running `git merge <source-branch-name>`.

**Update with merge commit** option. After doing it the list of commits is increased by a number of merge commits.

Notice, there are commits starting with **Merge branch ‘develop’ into …** those are the merge commits, but if you take a look at the branch history on Git it looks even more messy.

In the Github UI there are 12 commits, but when you’re looking into the Git history you can see there are 19 commits in total.

## Git merge is a bad idea

You might be wondering what’s the problem there? IMO, it’s bad because it messes up your work with someone else’s work. Mixing commits leads to confusion when trying to find a specific commit that introduced a specific bug or trying to squash all your commits into one with `git rebase -i HEAD~<number-of-your-commits>`.

In general, your work should be always on top of the source branch commits so you can easily find out what does your work contain and, what’s more important, you can have a flat commits history in your branch. In the last picture there are 3 levels of commits caused by using `git merge`. Which can be problematic to read sometimes. More nesting levels mean more complex graphs to read and to understand the history of changes.

Using `git rebase` will help you:

- To have a clear list of changes in your repository. You’ll know what change is an effect of another.
- To have a linear history of changes. No nested levels of commits making it difficult to read.
- To debug your code easier with `git bisect`. This command is really cool to find the exact commit that broke the code. With that you can mark which commits are good and which are broken. You can read more about it here: [https://git-scm.com/docs/git-bisect](https://git-scm.com/docs/git-bisect)

## What can you do instead?

To learn more about what can you do instead go to [the full version of this article](https://blog.piotrnalepa.pl/2022/09/19/git-merge-vs-git-rebase-why-you-should-avoid-using-git-merge-to-update-your-branches/).
A Super Easy Way to Automate Posting on LinkedIn with .Net
Published: 2022-09-20 09:39:21

(Including Business pages, Showcase Pages and Personal Account)

LinkedIn is an effective platform to boost your online branding. The more visibility you and your company have on LinkedIn, the more people will know who you are.  All this means it’s important to post regularly on LinkedIn.

Having more than 700 million active users around the world, we can say LinkedIn is a powerful marketing tool.

Let me showcase to you how easy it is to post on LinkedIn from your .Net project, not only on your personal account but as your business on your business page or showcase pages.
  
  
## Table of Contents
* Summary
* Difference between Business Page and Show Case Page
* Prerequisites
* Posting a Text Message onto a Page
* Posting an Article onto a Page  (URL)
* Posting an Image onto a Page  (URL)
* Live Example

## Difference between Business Page and Show Case Page
A **business page** is representing your (official) business, whereas a showcase page is where you showcase a product, an event, or an initiative related to your business.
  
  
## Prerequisites
* [CodeHelper.API.LinkedIn](https://www.nuget.org/packages/CodeHelper.API.LinkedIn/latest#readme-body-tab)
* Get an **Access Token** by creating an App on [Developers LinkedIn](https://www.linkedin.com/developers/apps/) with `w_organization_socia`l scope
  
  
## Features
* AuthorTypes can be **Person**, **Company** or ***ShowCase**
* VisibilityTypes can be **Public** or **Connections**
* Optional, you can add a title and description to your article
* Optional, you can add a title and description to your article
* Currently, LinkedIn accept `PNG` and `JPG` formats
  
  
## Posting a Text Message on a Page
```
LinkedInHelper _helper = new() { AccessToken = "AQVjgglPI-......” };
var _id = await _helper.GetAuthorID();
_helper.AuthorType = AuthorTypes.ShowCase;

string _textMessage =”Hello LinkedIn World!\n\rMy first automated text message”;

await _helper.ShareTextMessage(_textMessage);
```
  
  
## Posting an Image onto a Page
```
LinkedInHelper _helper = new() { AccessToken = "AQVjgglPI-......” };
var _id = await _helper.GetAuthorID();
_helper.AuthorType = AuthorTypes.Company;

string _textMessage =”Find out my latest articles…..”;

await _helper.ShareUrl(_textMessage, "https://frederik.today/codehlper/articles", VisibilityTypes.Public, "Latest .Net Articles", "The latest .Net rticles by CodeHelper, offering examples, ideas and more") ;
```
  
  
## Posting an Image onto a Page
```
LinkedInHelper _helper = new() { AccessToken = "AQVjgglPI-......” };
var _id = await _helper.GetAuthorID();
_helper.AuthorType = AuthorTypes.Company;

string _textMessage =”Posting an Image with .Net”;
byte[] _image = File.ReadAllBytes(@"c.\...\LinkedIntestImage.jpeg");

await _helper.ShareImage_textMessage,  _image, VisibilityTypes.Public, "My Image Title", "MyImage Description");
```
  
  
## LIVE EXAMPLE
* [Food Stories Now)[https://www.linkedin.com/showcase/food-web-stories/]  posts daily at 17:30 a new food recipe on LinkedIn
Office 軟體方程式更換字型與輸出成向量圖
Tags: word, powerpoint, office
Published: 2022-09-20 08:54:03

使用 Word、PowerPoint 時可能會插入方程式來展現數學算式, 但你會發現好像方程式中的字體有些運算符號與數字比例並不協調, 看起來不大美觀。另外, 若是想將方程式放到網頁上, 要怎麼做呢？本文以 PowerPoint 為例說明這些功能。

## 更改方程式的字型

要更改方程式的字體, 需要額外的步驟, 請依照以下說明：

1. 請先建立好方程式：

    ![](https://i.imgur.com/Ya0r0HT.png)

    你可以看到預設的字型會讓負號過長, 看起來和數字的 1 不成比例。
    
1. 請點一下方程式內部後, 將方程式內容全部選取：

    ![](https://i.imgur.com/olxnZOa.png)

1. 按一下『**方程式工具/方程式**』頁次左邊的**一般文字**：

    ![](https://i.imgur.com/GOHIxfw.png)

    你會發現字型已經不一樣, 現在的負號變短了。

1. 這時就可以切換到『**常用**』頁次更換字型, 像是以下就更換成 Windows 內建的等寬字 Consolas：

    ![](https://i.imgur.com/nKaFc2a.png)

這樣就可以使用你喜歡的字體來建構方程式了。

## 將方程式輸出成向量圖

要將方程式放到網頁上使用, 可以將方程式單獨會出成標準的  svg 格式向量圖, 如此即可方便嵌入網頁中, 而且因為視像量圖, 所以即使隨意縮放, 也不會因為圖片解析度而影響美觀或是閱讀。請依照以下步驟匯出：

1. 點選方程式後按滑鼠右鍵：

    ![](https://i.imgur.com/mIg5DKo.png)

    執行『**另存成圖片**』指令。
    
1. 在**存檔類型**中建議選用**可縮放向量圖形格式 \(*.svg**\)：

    ![](https://i.imgur.com/bZNMGR3.png)

    我自己測試選用 emf 格式雖然也是向量圖, 但是會有文字內容變掉的怪異現象。
    
1. 使用瀏覽器測試開啟剛剛另存的 svg 檔：

    ![](https://i.imgur.com/22qiihL.png)

    可以正常顯示。
Vanilla JavaScript doesn't make sense in real apps
Published: 2022-09-20 08:42:42

I'm working as a consultant and with my team, we refactored a huge back-office application written by another company.

## Analysis

### JavaScript vs Typescript
First thing first we didn't have any APIs/project documentation, no unit/E2E tests and the whole project was in vanilla JavaScript. This problem caused an initial week of study of the code base and the domain.
Another pain was that JavaScript is an interpreted language and it fails in the browser when it's too late... with TypeScript we are able to catch errors during the build time, prevent a lot of bugs and with the Type Inference we can have a better documented application without any extra effort.

### SSR vs SPA
This application was based on [Next.js](https://nextjs.org/) so with Server Side Rendering (SSR) architecture and this was another big mistake we noticed. As I mentioned before this application is for back-office users (not public available) so we didn't enjoy all the features of a SSR (SEO, etc. etc.) and we were struggling with slow page transitions, complex caching and server cost.
So for this particular use case a SPA is the right choice, fast interactions, caching capabilities and a better overall user experience.

## Refactoring

### From Next.js to [React](https://reactjs.org/)
We decided to migrate the project to React + [Vite](https://vitejs.dev/) because Next.js framework is based on top of React ecosystem. 
The most difficult thing was replace the router part.
We centralized all the navigation logic in one file and then we refactored this part with new React router methods.
All the refactor was an incremental activity, we moved files from the old code base to the new one, we added TypeScript for the reason we mentioned before and step by step, making sure to have an application that is always working, we completed the job.

> Usually, we load the information to render through APIs so a good tip is to start JavaScript -> TypeScript conversion from them. With this first step, the rest of the work can be trivial.

## Wrapping up
Here are some results of this refactoring:
- it's cheaper because it's hosted a cloud Storage
- less exception in production (❤️ TypeScript)
- 35% faster than its predecessor (smaller bundle size)
- CI/CD pipeline is 50% faster 🚀 
- the code base is easy to navigate and it's easier to implement new features

It was a long journey anyway benefits are massive.

You can [follow me on Twitter](https://twitter.com/giorgio_boa), where I'm posting or retweeting interesting articles.

I hope this article inspires you, don't forget to give ❤️ if you like it. Bye 👋

{% embed https://dev.to/gioboa %}
LinkedIn .Net Framework Skill Assessment Answers
Tags: linkedin, skill, dotnet, certificate
Published: 2022-09-20 08:41:53


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



LinkedIn .Net Framework Assessment Answers 2022: .Net Framework Skill Badge: .Net Framework LinkedIn Test Answers: In this post you will get all the correct answers of [LinkedIn .Net Framework quiz answers](https://www.rbtechtips.com/linkedin-net-framework-assessment-answers/) given by the experts. Get All LinkedIn Assessment Answers.
Remote 𝗶𝗻𝘁𝗲𝗿𝗻𝘀𝗵𝗶𝗽s!
Tags: internship, remotework, beginners, webdev
Published: 2022-09-20 08:35:04

## These websites can provide you internships with Remote option.

✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨

1. [Chegg](chegg.com) 
2. [Angel](angel.co)
3. [Nodesk](nodesk.co)
4. [GoAbroad](goabroad.com)
5. [Inter Match](internmatch.io)
6. [Lets Intern](letsintern.com)
7. [Hello Intern](hellointern.com)
8. [Simply Hired](simplyhired.com)
9. [Internshala](Internshala.com)
10.[MakeIntern](makeintern.com) 

✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨
Débuter avec Angular 14: #1 Initialisation de mon premier projet
Tags: angular, typescript, javascript, frontend
Published: 2022-09-20 08:32:35

---
title: Débuter avec Angular 14: #1 Initialisation de mon premier projet
published: true
description: Parmis les trois mousquetaires j'ai nommé Angular. Dans cette série de tutos tu vas apprendre à créer des SPA (pas les spas norvegiens, mais des Single Page Applications) en utilisant Angular 14.
tags: angular, typescript, javascript, frontend
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

Parmis les trois mousquetaires j'ai nommé Angular. Dans cette série de tutos tu vas apprendre à créer des SPA (pas les spas norvegiens, mais des Single Page Applications) en utilisant Angular 14.

Je vais te parler de ce dont tu as besoin pour ce cours.

## Ce qu'il me faut

- [NodeJS LTS](https://nodejs.org)
- [Visual Studio Code](https://code.visualstudio.com)
- Ainsi qu'un cerveau concentré 🧠

### On regarde si l'installation est au beau fix
```bash
node -v # Entrée
# v16.17.0
npm -v # Entrée
# 8.15.0
```

### Un dernier truc
Pour initialiser une projet Angular, il nous faut le CLI (Command Line Interface) c'est stylé en anglais hein! mais c'est juste un truc qui permet de lancer des commandes, rien d'incroyable.

Dans mon terminal je fais:
```bash
npm i -g @angular/cli # Entrée
```
Et si tout est bon, tu dois voir ca dans ton terminal:
```bash
ng --help # Entrée

# ng <command>

# Commands:
# ...
```

C'est bon je suis pret à créer mon premier projet Angular 14!
Je t'invite à naviguer dans le dossier dans lequel tu mets d'habitude tes projets. Le miens s'appelle `Dev` par example.

```bash
ng new mon-appli # Entrée

# ... on a le temps d'aller prendre un cafè ☕️
```


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qpiwpx513yn7qu7pgvx7.gif)
How to Integrate Cypress with Database in Azure Pipeline for Test cases Execution
Tags: javascript, cypress, testing, azure
Published: 2022-09-20 08:21:57

**How to Integrate Cypress with Database in Azure Pipeline for Test cases Execution**

Blog cover about integrating Cypress with Database in Azure Cloud for Test cases Execution

Please follow the below link
https://qaautomationlabs.com/how-to-setup-and-run-cypress-test-cases-in-azure-devops-pipeline-2/
Exercice sur rust au dojo ytreza.dev
Tags: rust, tdd, french, ytrezadev
Published: 2022-09-20 08:00:28

Rust est très pratique lorsqu'on fait du TDD car le compilateur nous guide énormément pour passer à la prochaine étape.

C'est ce que nous avons constaté au dojo aujourd'hui. La plupart du temps, il nous dit la syntaxe qui manque pour avancer dans la résolution du test.

Nous avons aussi pratiqué la technique du double dragon, une méthode qui permet d'appliquer TDD en mode baby step et en se laissant guider totalement par les tests. Elle nous oblige à revoir notre manière de programmer lorsqu'on n'est pas encore habitué à TDD.

On a aussi vu un peu le pattern matching de rust avec la syntaxe `if let ...` (je l'avais un peu oublié, j'ai du aller chercher comment l'écrire correctement).

Bref, rust, c'est cool, et si ça te tente, tu peux le pratiquer avec nous lors des sessions basées sur rust.

Si participer au dojo t'intéresse, contacte moi en commentaire.

Bonne journée :)
Today's Fun Joke For Developers - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes, watercooler
Published: 2022-09-20 08:00:27

---
title: "Today's Fun Joke For Developers - Daily Developer Jokes"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes, #watercooler
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258c4f0d26.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ What is a computer virus?

___A:___ A terminal illness!
 -->