teleren/devto huggingface dataset:
Chatting Via the Command Line (ssh)
Tags: ssh, go, showdev
Published: 2021-07-07 16:33:43

Hello devs, trust you're doing great. 

I came across this cool repository on GitHub Made by Ishan Goel.

It's called Devzat

Devzat is chat over SSH: [devzat](github.com/quackduck/devzat) (GitHub Link).
Because there's SSH apps on all platforms, even on mobile, you can join from anywhere.

To use, just open your command prompt and run this command:
`ssh devzat.hackclub.com`
make sure you're connected to the internet, of course.

Run cmds to see a list of commands.

**Interesting features:**
• Rooms! Run cd to see all rooms and use cd #foo to join a new room.
• Markdown support! Tables, headers, italics and everything. Just use \n in place of newlines.
• Code syntax highlighting. Use Markdown fences to send code. Run eg-code to see an example.
• Direct messages! Send a quick DM using =user <msg> or stay in DMs by running cd @user.
• Timezone support, use tz Continent/City to set your timezone.
• Built in Tic Tac Toe and Hangman! Run tic or hang <word> to start new games.
• Emoji replacements! :rocket: =>  (like on Slack and Discord)

_Devs this is cool, come try it out, and drop your feedback._
Stuck with draw()
Tags: javascript
Published: 2021-07-07 16:00:09

I have a problem with the draw function in my tutorial. I'm following a video where I will do a game on canvas. When I made the projectile function/class and tried to draw it on the screen, I failed to show up. I can see it in the console but not on the net. Do anyone 'have a suggestion on what could be wrong. The js code is below. I would appreciate feedback!
Here is the code:

const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d");
canvas.width = window.innerWidth / 2;
canvas.height = window.innerHeight / 2;

//Klasser
// Klass player
class Player {
    constructor(x, y, radius, word, color) {
        this.x = x
        this.y = y
        this.radius = radius
        this.color = color
        this.word = word
    }
    draw() {
        ctx.beginPath()
        ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false)
        ctx.fillStyle = this.color
        ctx.fill()
        ctx.strokeStyle = "red"
        ctx.stroke()
    }
}

class Projectile {
    constructor(x, y, radius, color, velocity) {
        this.x = x
        this.radius = radius
        this.color = color
        this.velocity = velocity
    }
    draw() {
        ctx.beginPath()
        ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false)
        ctx.fillStyle = this.color
        ctx.fill()
            }
}

const x = canvas.width / 2
const y = canvas.height / 2
const player = new Player(x, y, 30, "Hej", "blue", )
player.draw()

//Event listener

addEventListener('click', (event) => {

    const projectile = new Projectile(event.clientX,
        event.clientY,
        5, 'red',
        null)
        
    console.log(projectile)
    projectile.draw()
   

});
Ajustee and twelve-factor app methodology
Tags: beginners, cloud
Published: 2021-07-07 15:44:31

In the modern era, software is commonly delivered as a service: called web apps, or software-as-a-service.

The [twelve-factor app](https://12factor.net/) is a methodology for building software-as-a-service apps that:
* Use declarative formats for setup automation, to minimize time and cost for new developers joining the project.
* Have a clean contract with the underlying operating system, offering maximum portability between execution environments.
* Are suitable for deployment on modern cloud platforms, obviating the need for servers and systems administration.
* Minimize divergence between development and production, enabling continuous deployment for maximum agility.
* And can scale up without significant changes to tooling, architecture, or development practices.

The twelve-factor methodology can be applied to apps written in any programming language, and which use any combination of backing services (database, queue, memory cache, etc).

[One of those twelve-factors](https://12factor.net/config) describes the best way to manage app configuration. One of the requirements listed there is “strict separation of config form code”. Config varies substantially across deploys, code does not.

[Ajustee](https://ajustee.com) allows to move settings from codebase to a secure cloud storage with lot of extra functionality. That approach allows you to share your code without a risk of compromising some credentials. You can easily manage settings using [Ajustee](https://ajustee.com) console between deployments, change configuration values on a run, partially replace config values for subset of users or use cases.

[Ajustee](https://ajustee.com) uses HTTP REST API that can be accessed using any language from any platform. On top of REST API [Ajustee](https://ajustee.com) has several SDKs in your languages that wraps REST API calls into language-friendly modules.

This article was first published on Medium 
{% medium https://ajustee.medium.com/ajustee-and-twelve-factor-app-methodology-12b951a0dee1 %}

Visit [Ajustee Blog](https://ajustee.medium.com/) for more articles on how to manage configuration.
How happy are we as software developers?
Tags: discuss, watercooler, career
Published: 2021-07-07 15:43:33

I have been working in the IT industry for 13 years now. I started as junior developer and after that I pursued different paths for several years from consultant,  researcher, presales engineer, team leader to scrum master - the whole list on [Linkedin](https://www.linkedin.com/in/adrianmatei-me). Then I've come back to software development for the past 8 years and I haven't look back. Why? See in my comment. 

Have you been also tried other paths within the IT industry besides development or do you come to software development from a completely different industry? How do you feel as software developer? Looking forward to your comments below.
Wednesday Links - Edition 2021-07-07
Tags: java, jvm, spring, microservices
Published: 2021-07-07 15:36:49

Running operations eagerly just in case: Reactor FAQ (3 min read)☢️
https://nurkiewicz.com/2021/06/reactor-eager-concurrent.html

Internal JDK Elements Strongly Encapsulated in JDK 17 (3 min read)🏰
https://www.infoq.com/news/2021/06/internals-encapsulated-jdk17

How the JIT compiler boosts Java performance in OpenJDK (11 min read)💨
https://developers.redhat.com/articles/2021/06/23/how-jit-compiler-boosts-java-performance-openjdk

Spring Tips: Spring Cloud Square (15 min)☁️
https://www.youtube.com/watch?v=G8R-tEK18BY

Spring Data JPA MongoDB Expressions (2 min read)🔣
https://github.com/mhewedy/spring-data-jpa-mongodb-expressions

Hello, Spring GraphQL (3 min read)📊
https://spring.io/blog/2021/07/06/hello-spring-graphql

Privilege escalation with polkit: How to get root on Linux with a seven-year-old bug (11 min read)🐱‍💻
https://github.blog/2021-06-10-privilege-escalation-polkit-root-on-linux-with-bug/

Not All Microservices Need to Be REST — 3 Alternatives to the Classic (8 min read)🩰
https://blog.bitsrc.io/not-all-microservices-need-to-be-rest-3-alternatives-to-the-classic-41cedbf1a907

Why use a single domain for the backend and the frontend (3 min read)🖖
https://advancedweb.hu/why-use-a-single-domain-for-the-backend-and-the-frontend/

AWS Introduces AWS Bugbust - a Global Competition to Fix One Million Bugs (2 min read)🐛
https://www.infoq.com/news/2021/07/introducing-aws-bugbust-game/

Follower Reads (7 min read)🤲
https://martinfowler.com/articles/patterns-of-distributed-systems/follower-reads.html
Why is React Still the #1 Framework?!
Tags: react, webdev, podcast
Published: 2021-07-07 15:10:56

{% spotify spotify:episode:0CyKeNgprbsahe6FoDIqma %}

## What is HTML All The Things

HTML All The Things is a [web development podcast](https://podcast.htmlallthethings.com/) and [discord community](https://discord.com/invite/jweMCx9) which was started by Matt and Mike, developers based in Ontario, Canada. 

The podcast speaks to web development topics as well as running a small business, self-employment and time management. You can join them for both their successes and their struggles as they try to manage expanding their Web Development business without stretching themselves too thin.

## What's This One About?

In this episode Matt and Mike discuss why [React](https://reactjs.org/) is still the #1 framework, despite all the praise and admiration that Mike has dished out for Vue in recent episodes. The duo talks about the advantages of Facebook maintaining React, why it has such a big community, JSX, the huge developer ecosystem (ie [Next.js](https://nextjs.org/), [Gatsby](https://www.gatsbyjs.com/), etc), and much more! 

## Show Notes

2:17 - Introduction
4:15 - Maintained by Facebook
18:50 - Huge developer ecosystem
26:50 - React native
31:15 - JSX
44:40 - Massive community & More job opportunities


##Key Takeaways

* React is the number 1 framework not because it's the best, it's because it's the most popular. 
* There's a lot of tools because it's popular and its popular because there's a lot of tools.
* Local markets show 8 pages of jobs for Vue vs 22 pages of jobs for React (275% more React Jobs!)

You can find us on all the podcast platforms out there as well as

[Instagram (@htmlallthethings)](https://www.instagram.com/htmlallthethings/)
[Twitter (@htmleverything)](https://twitter.com/htmleverything)
[TikTok (Html All The Things)](https://www.tiktok.com/@htmlallthethings)
Starting with Flutter: Channels
Published: 2021-07-07 15:07:26

### Starting with Flutter: Channels

Hi guys, in this brief guide I’ll show how to manage flutter channels. Why? because navigating into channels can be fun and also helpful to test some future feature that maybe your team will need to implement. Without further ado, let’s dive into Flutter Channels!

### Channel types

Flutter has 4 channels:

- Stable
- Beta
- Dev
- Master

Next up: Let’s check out all the channels!

#### [Continue reading!](https://theotherdevs.com/starting-with-flutter/starting-with-flutter-channels/)
What will we lose if we use regular link instead of React routing in SPA
Tags: javascript, react, typescript
Published: 2021-07-07 14:59:01

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/avl9sft8u6easmpsx4f0.PNG)

According some requirements from client to replace routing with real links, as we work Single Page Application there are some features we will lose :

### 1- Shared UI Components : 
Routing in react is like show and hide some components without reload page so the only part that loaded is the new part only using (virtual Dom), so the transforming between components smooth and easy.
If we use real links instead, the application will reload again every time we click on the link even we are still in the same page and nothing changed.

### 2- Shared data by using state and state management:
In single page application one of the main concepts is to share data with all components that will use it, so we load it one time and use it many times.
If we use real links we will need to reload the same data many times to use it.

### 3- Authorization process  
Every time we access any page the application will call again all services that need to call to manage this page although it is called before among of this connecting with Keycloak to get new token even the first not expired 


#### Some references about that :
• https://reacttraining.com/blog/reach-react-router-future/
• https://www.pluralsight.com/guides/understanding-links-in-reactjs
• https://www.quora.com/What-is-the-difference-between-the-href-and-routerLink
• https://reactjs.org/docs/faq-internals.html
• https://stackoverflow.com/questions/23975199/when-to-use-client-side-routing-or-server-side-routing
What is IT staff augmentation?
Tags: testing, outsourcing
Published: 2021-07-07 14:53:36

Have you already checked out the awesome guest article from our friends the Ubiminds team? How does IT staff augmentation work? How does the process look like? What are the top pros and cons of IT staff augmentation? What’s the difference between staff augmentation and dedicated teams, software outsourcing, R&D center?
Comprehensive answers to these and many other questions you'll find following the link:
https://lnkd.in/dzQ7maP
Dedicated QA team
Tags: testing
Published: 2021-07-07 14:52:40

You have a group of developers and a long-term project but no QA department? Let the right people be responsible for the final quality of your product. Being experts in software testing, we can become your remote dedicated QA team.

Benefits from cooperation with us:
• Manual and automation testing at one place
• Dedicated QA manager
• Flexible working model
• Saving your time and money.

Don’t hesitate to read more about our strength and values, following this link: http://hire-tester.com
Pros of manual testing
Tags: testing
Published: 2021-07-07 14:50:15

Still considering whether it is worth trying manual testing? Check out pros of this type of testing we've gathered for you:

🔎 Lower short-term investments. There’s no need to write test scripts for one-time test cases.
🔎 Human-oriented in terms of usability and UI user-friendliness. Manual testing considers human factors, while pre-scripted tests can’t predict human behavior and UI perception.
🔎 Flexible. Based on the tester’s knowledge and skills, manual testing allows checking software from different angles.
🔎 Programming free. Manual testing does not require a tester to code and allows testing on the fly.
🔎 Purpose specific. Manual testing is a perfect match for testing functionalities and business usability. These include functionality testing, user interface (UI)/user experience (UX)/ user acceptance, and ad-hock testing.

Have something to add to the list?

https://hire-tester.com/
Win a ticket to RabbitMQ Summit 2021
Tags: messagebroker, rabbitmq, conference
Published: 2021-07-07 14:47:19

---
title: Win a ticket to RabbitMQ Summit 2021
published: true
description: Join the biggest names in tech at RabbitMQ Summit 2021
tags: messagebroker, rabbitMQ, conference
//cover_image: https://direct_url_to_image.jpg
---

We're proud to be bringing together the biggest names in tech to champion RabbitMQ, the most deployed open source message broker in the world. We have a limited number of free tickets to giveaway as guests of Erlang Solutions. If you'd like to join us, alongside speakers, sponsors and attendees from AWS, Github, Bloomberg and many more sign up for your chance [here](https://www.surveymonkey.co.uk/r/7DJL2PX)
Software testing for startups
Tags: testing
Published: 2021-07-07 14:40:23

You have founded a groundbreaking startup and are on the verge of the first solution release? Great, but with what purpose? To proof the value of the product? To conquer the world and win the customers' hearts?

Oddly enough, none of the above.

The real goal of the first release is to show yourself to the world and get real-life feedback:

➡ Does anyone really need our product?
➡ How will it be used and what problems customers may encounter?
➡ What direction should you take for further development?

How to ensure it?

=> Carefully examine user scenarios: what problems your solution will solve?
=> Start software testing in the early stages. The sooner you find and fix critical bugs, the cheaper it will be to implement new features and the faster to launch the solution to live.
=️> Of course, you can do testing on your own, but such a decision is almost always wrong. The unbiased QA conducted by the team specializing in software testing is what your product needs.

Get it touch with the HireTester team, and we'll find and provide the QA support that perfectly matches your product and your business goals.

http://ow.ly/CBND50AB0Hv
Integrated software testing 
Tags: testing
Published: 2021-07-07 14:39:26

What is integrated software testing from the HireTester Team?
This all-inclusive service is the best option for big complex projects working on which you need to get a full range of testing services at one place, get rid of a distributed range of vendors per service, and even involve an experienced manager who will supervise QA engineers work and report you on results.

Integrated software testing includes:
-End-to-end manual testing.
-UI automation testing.
-Back-end (API) automation testing.
-DevOps services.
-Dedicated QA analyst.

Want to discuss the details? We'll be glad to hear from you at info@hire-tester.com
http://hire-tester.com
Manual testing
Published: 2021-07-07 14:38:24

Need to test a web, mobile or desktop solution? Types of manual testing we perform:
-Functional testing
-Cross-browser testing
-Usability testing
-Compatibility testing
-Regression testing
-Multi-platform testing
-Load testing.
Reach out to get a comprehensive consultation and develop a testing strategy that best fits your goals and expectations: https://hire-tester.com/
How we perform manual testing step by step
Published: 2021-07-07 14:34:13

How we perform manual testing step by step. Manual testing procedure at the HireTester team.
✔️ Stage 1. At this stage, we gather specifications, instructions or any other documentation where both functional and non-functional requirements to the application are described.
✔️ Stage 2. Once the information is received, our team analyzes it, identifies testing types, techniques, and environment, necessary for the full product coverage and makes timeline and costs estimation.
✔️ Stage 3. We develop a full test strategy, create test plans and test cases as well as agree everything with you.
✔️ Stage 4. Testing environment setup necessary for the product testing.
✔️ Stage 5. We start executing test cases in the testing environment and tracking all possible bugs.
✔️ Stage 6. After the testing is done, our team provides you a detailed bug report in the most suitable format.
https://hire-tester.com/
Mood Selector Component
Tags: html, css, webdev, showdev
Published: 2021-07-07 14:33:38

Throughout this week, the “Star (rating) Wars” have run here on dev.to.

With proposals by @inhuofficial, @lapstjup, @link2twenty , @afif, @siddharthshyniben and possisble others – dev.to has been plastered in “Star Rating” components!

My proposal was [a single input solution](https://dev.to/madsstoumann/star-rating-using-a-single-input-i0l), allowing for any number of stars, also half- and quarter-stars – without adding extra markup.

All the other solutions use groups of `<input type="radio">`-tags, so I decided to do a component with just that, but not with **stars**. 

Instead, pick your mood after these dramatic days – no JavaScript required:

{% codepen https://codepen.io/stoumann/pen/QWvNrwq %}

Thanks for reading 😁
How to add custom font file to your React App?
Tags: react, javascript, webdev, css
Published: 2021-07-07 14:24:20

> Before everything gets started, go ahead and run the following code in your terminal.
```terminal
npx create-react-app [app-name]
cd [app-name]
code .
```

***
## Step 1: Create a font folder in src
> > In this case, I will name it as fonts.

> ![create a folder named 'fonts'](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jfimpe41qjtv5sg9ted6.png)


***
## Step 2: Download a font family file from the Internet
> In this case, I will download Airbnb Cereal App font from this website: [Airbnb Cereal App Font](https://www.cufonfonts.com/font/airbnb-cereal-app).


***
## Step 3: Extract the .zip folder
> > Copy the .ttf file or .woff file from the folder and paste it to your fonts folder in the React project.

> ![paste the .ttf file to your fonts folder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/99abpgiwaxeyyoiofp7s.jpg)


***
## Step 4: Create `@font-face` in your App.css/index.css
> > In this case, I will create `@font-face` in my App.css file. Open your App.css and write: 

> ```css
@font-face {
  font-family: "Light";   /*Can be any text*/
  src: local("AirbnbCerealLight"),
    url("./font/AirbnbCerealLight.ttf") format("truetype");
}
```

> ![@font-face in css](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36z7sr9tsy5gydn9a79j.jpg)

> > Continue to write for the other font files in the same format.

> > Notice that if your font file is .woff format, you should write the format if woff like this:

> ```css
@font-face {
  font-family: "Medium";   /*Can be any text*/
  src: local("AirbnbCerealMedium"),
    url("./font/AirbnbCerealMedium.woff") format("woff");
}
```

***
## Step 5: Import it into your project
> > In this case, I will import it to my App.js file, which can then access by all the components.


> ![Import to App.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5suqasx7at1bwyyfumu5.jpg)

> > then you can use the font in your CSS code like this:

> .css file

> ```css
.container {
  font-family: "Light"; //"Medium"
}
```

> styled-components
> ```javascript
const Container = styled.div`
  font-family: "Light"; //"Medium"
`;
```
***
Thanks for reading; I hope you are getting excited and finding this helpful. 

Further research:
[CSS-Tricks-font-face](https://css-tricks.com/snippets/css/using-font-face/)
[CSS-Tricks-best-font-loading-strategies](https://css-tricks.com/the-best-font-loading-strategies-and-how-to-execute-them/)

See you in the next post.
QA processes setup for an online store
Published: 2021-07-07 14:24:08

QA processes setup for an online store selling a variety of digital items like top-up, Internet and time-cards, Skype vouchers, iTunes and Google Play cards, premium accounts for file sharing services, etc.

Task: QA processes setup and automation testing of an online store selling a variety of digital items like top-up, Internet and time-cards, etc.

How: To uncover possible bugs and ensure seamless interaction between built-in subsystems, our team has developed and conducted a set of automated regression tests using the Selenium WebDriver and TeamCity tool. We have also implemented continuous integration with Jenkins that automatically run tests each time a new code was published. It allowed considerable reduce time and cost expenses and eliminate the need to deploy tests manually.

Environment: Selenium WebDriver, TeamCity.

https://hire-tester.com/
Diving Into DevSecOps (Part 1) w/ John Willis
Tags: devops, devsecops, devteam, security
Published: 2021-07-07 14:06:49

John Willis is a legendary DevOps speaker, mentor and author of [The DevOps Handbook](https://www.google.com/search?q=the+devops+handbook&rlz=1C1CHBF_enUS949US949&sxsrf=ALeKk029-roPGTB6J_bWkBb9WvzA5-1z8g:1624995751185&ei=p3fbYI7wCs6m-wSwn7fIBA&start=0&sa=N&ved=2ahUKEwjO34r0zL3xAhVO054KHbDPDUk4ChDy0wN6BQgBEJkB&biw=1920&bih=937). He even helped coin the term DevSecOps.

But DevSecOps is one of those buzzwords that can mean a lot of things or nothing at all.

In this special 2-part series of [Dev Interrupted](https://devinterrupted.com/podcast/diving-into-devsecops-part-1/), John takes us on a DevSecOps journey from the origin of the term all the way to how software developers at the team level can implement the practice.

#**Listen to the full episode**
{% spotify spotify:episode:06Z0rH2S1zOVKccTpI800f %}

#**Episode Highlights include:**
* What DevSecOps means at the team-level
* First steps for implementing DevSecOps strategies at your organization
* Why it’s critical to start thinking about security more holistically
* The difference between Security, Compliance, Governance & Risk
* What is coming next for software development security

#**Join the Dev Interrupted Discord Server**
With over 1200 members, the Dev Interrupted Discord Community is the best place for Engineering Leaders to engage in daily conversation. No sales people allowed. [Join the community >>](https://discord.gg/tpkmwM6c3g)
![Join the Dev Interrupted Discord Community!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/19j3dzgz4r4kzav3w6z8.png)
What Is Software Testing and What Is It Used For?
Published: 2021-07-07 14:22:53

What is software testing and what is it used for? Who are the people involved in the software testing and QA process: software tester, QA Engineer, SDET Engineer?

https://lnkd.in/dPWxtU3

#testing #QA #ubiminds #hiretester #QAengineer, #SDET #AQA