teleren/devto huggingface dataset:
The 4 Principles of Pragmatic Engineering
Tags: management, leadership, startup, career
Published: 2022-08-24 19:27:06

I’ve had the opportunity to build and lead tech organizations across companies of various sizes and stages. If you want to discuss leadership, I can try to help.

I was interviewed by Heroku/Salesforce on engineering leadership where I talked about 4 principles I have come to rely on. 

Full interview and transcript here: https://www.heroku.com/podcasts/codeish/principles-of-pragmatic-engineering

Pragmatic engineering is when the tech you build has an oversized impact on the business. It’s about applying the right technology solution at the right time at the right cost. It’s about prioritizing practical concerns.

If you are a software engineering leader, you work within tight constraints and competition. The following principles will save you time, money, energy, and increase the probability of your organization’s success. They are in descending order of importance. Find balance among them, and apply common sense.

#### The Four Fs:
Fast > Function > Form > Fabrication

### 1. Be fast
The #1 thing that will move the needle for most teams is a culture of speed. It spurs ownership, decisiveness, and creativity.
a. Get your work out quickly. Think fast. Be decisive and have a bias for action.
b. Get me to what I want as fast as possible. Customer’s experience should be faster than anyone else, including checkout and customer service.
c. Websites and Apps should be high-performance.
d. UX should feel fast, and get out of the way.

### 2. Build impactful features
a. Build what truly matters. And nothing else.
b. Verbosity kills engagement. Balance text with imagery, when communicating with the customer, and for internal communication.

### 3. Be pleasant to use
a. Make it beautiful, but not unnecessarily. Never at the expense of the above two.
b. Less is more. Reduce cognitive load, reduce verbiage.

### 4. Be beautiful inside.
a. The process matters. Get rid of systems which hold you back.
b. Write good, clean code. PRs should be descriptive, respecting the reviewer’s time. Smaller PRs are quicker to review, test and push to prod.
c. Quick hacks are totally fine, but they should still have some elegance to them. Include a story in the backlog with reasoning and steps to get to a better longer-term solution.
d. Keep infra costs in mind.
e. Improve tooling for everyone.


This is the TLDR version of a longer post at https://medium.com/@karanmg/the-4-principles-of-pragmatic-engineering-c41eb6ef389f
Get GC Content
Tags: perl, bioinformatics, genomics
Published: 2022-08-24 19:21:43


I wrote a Perl script that calculates GC content for all the sequences in a fasta file back in 2010 for the Reysenbach Lab, and it was made publicly available soon after. You can find get_gc_content.pl on GitHub (https://github.com/jmeneghin/perl-for-reysenbach-lab)

Here is a published article that uses my script:
Schilling, T., Hoppert, M., and Hertel, R. 2018. Genomic Analysis of the Recent Viral Isolate vB_BthP-Goe4 Reveals Increased Diversity of φ29-Like Phages. Viruses, 10(11), 624, doi: 10.3390/v10110624.

And also a PhD Dissertation:
Quistad, S. D. 2015. Viruses, Corals and the Origin of Metazoans. UC San Diego, San Diego, CA.

From a programming prospective, A DNA sequence is a sequence of As, Gs, Cs and Ts. The GC content of a sequence is the number of Gs + the number of Cs divided by the total number of As, Gs, Cs and Ts in the sequence (i.e. the length of the sequence), multiplied by 100% to get a percentage.

Actual DNA is double stranded, but when we look at the sequence on a computer, we don’t need to look at the second strand because base pairs only form naturally between G and C, and A and T. So if you have a G on one strand you know you have a C on the other at the same location.

If you are counting both strands, the total number of Gs and Cs should be the same, overall. Similarly, the total number of As and Ts should be the same, overall. And since there are only two groups here, if I give you the percentage of Gs and Cs on the first strand, it will be the same as the second strand, and also equal to 1 minus the percentage of As and Ts on the first and second strand. So it’s a nice summary statistic.

This script takes a fasta file as its first (and only) parameter. It returns a tab delimited file (gc_out.txt): column 1 = header ID (everything between “>” and the first space in the header), column 2 = gc content for the fasta entry, column 3 = the total nucleotide count, and columns 4, 5, 6, and 7 = the number of A’s, G’s, C’s and T’s for each fasta record. Any other extraneous symbols (such as spaces or Ns that stand for unknown) are not included in the calculation.

Many articles have been published about the role of GC content in the evolution of genomes, including studies on bacteria, plants, and animals including humans.
Day 2
Published: 2022-08-24 19:09:32

This is the first time I've worked on html in a couple months; noticed myself googling or referencing my previous work for just about every line of code that I type. It would save me so much time if I had even a fraction of this memorized. New routine: flash-cards. 

Also:

I'm following a step-by-step tutorial for building a portfolio site. I know that this is a far-cry from building anything from a blank slate, but it's helping me get in some much-needed repetitions.
Life Saving VS code Hack
Tags: vscode, python, productivity, github
Published: 2022-08-24 18:05:20

**Make Debugging more easier**

![CodeSnippet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v06xumch0e8a2tuqxfzq.png)

  `"debug.inlineValues": "on",`

_Add this line of javascript in setting.json of VS code and Thanks me later 🎉_
Docker error "failed to solve with frontend dockerfile.v0"
Published: 2022-08-24 17:54:00

Si aparece un error `failed to solve with frontend dockerfile.v0` 
 cambiar **"buildkit": false'** dentro de **Settings / Docker Engine**,
corresponde a una característica que construye las imágenes por defecto

```
{
  "builder": {
    "gc": {
      "defaultKeepStorage": "20GB",
      "enabled": true
    }
  },
  "experimental": false,
  "features": {
    "buildkit": false
  }
}
```
JavaScript functions - JavaScript funksiyalar haqida bilishingiz kerak bo'lgan ko'nikmalar
Published: 2022-08-24 17:51:00

## 

1. KIRISH
Funksiyalar Javascriptning eng asosiy tushunchalaridir biri hisoblanadi. Dasturlashni endi o'raganayotganlar uchun Funksiyalar biroz qiyindek tuyulishi mumkin, sababi funksiyalar turli ko'rinishlarda keladi. Ushbu maqolada Javascript da funksiyani ta'riflash yo'llari va ularni qo'llanilishni batafsil yoritamiz.

Maqolani yaxshilab o'qib, tushunib, o'zlashtirib olsangiz, keyin React va Angular kabi framework larni o'rganishingizda katta foyda beradi.

Ushbu maqolani davom ettirishdan avval, Javascript Object haqidagi maqolamni o'qishni tavsiya qilaman.

## 

2. Funksiya o'zi nima?
Javascript da funksiya, bu buyruqlarni ketma ketlikda bajaradigan sintakslar to'plami desak ham bo'ladi.

## 

3. Oddiygina Funksiya
Oddiygina funksiya 'function' kalit so'zi, undan keyin funksiyaga berilgan nom, qavs (), va qiyshiq qavs {} dan tashkil topadi. Qavs ichiga funksiyada ishlatidagidan parameter lar yoziladi (pastroqda parameter lar haqida), qiyshiq qavs {} ichi esa funksiyaning asosiy qismi hisoblanadi, va bajarilishi kerak bo'lgan buyruqlar shuning ichida yoziladi. Misolda ko'ramiz:

Batafsil ma'lumot ushbu pastki havolada
https://saidbek.dev/javascript-functions-javascript-funksiyalar-haqida-bilishingiz-kerak-bolgan-konikmalar
HTML Tips And Trick For Everyone
Tags: html, webdev, web3, beginners
Published: 2022-08-24 17:38:26



## **Title Bar `Add Icon`**
The many beginners have no any idea to about title bar's icon. But this is vary simple trick to add any icon on title bar just download any letter image for practice and do follow my code.

```html
<head>
  <title>Sayyed Asad Ullah</title>
  <link rel="icon" href="letter-A.png">
</head>
```
``
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pd68q85fspzevthcj1rj.png)

## **Add Video in Website `Video Tag`**
When we need to add a video in our site. So then we  need to use video element. But in HTML 5 we can add a video using with video element. But in this case we apply using with source element and source attribute. Because the reason is about that to add a video we need both these mark code.

```html
<video>
   <source src="hello-wold.mp4">
</video>
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7fm6598ju26tv9rgt8wu.gif)

## **video and audio `controls attribute`**
We can control our audio and video volume as low or high as we want with using controls attribute.In addition, we can also pause or play our video and audio with using controls attribute.

```html
<video controls>
   <source src="hello-wold.mp4">
</video>
```



## Meta tag `SEO META tag`
Add meta descriptions in the head of your Html to have an indirect impact on search engine optimization meta description represents the text that appears beneath the site name on search engine result page. like when you search on google any text or any content.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9pf9j0dqq99l7a86nncq.png)
JSON
Tags: webdev, javascript, api, beginners
Published: 2022-08-24 17:33:00

## What is JSON ?
 - JavaScript Object Notation.
 - Lightweight data-interchange format.
 - Based on a subset of JavaScript.
 - Easy to read and write.
 - Often used with AJAX(Asynchronous JavaScript XML).
 - Can be used with most modern languages.
  
## Data Types

**Number** : No difference between integer and floats.
**String** : string of Unicode characters. Use double quotes.
**Boolean** : True or False.
**Array** : Ordered list of 0 or more values.
**Object** : Unordered collection of key/value pairs.
**Null** : Empty values.

> :bulb: **Tip** One way to remember JSON-valid data types: **BASONN**:

 > - Booleans
 > - Arrays
 > - Strings
 > - Objects
 > - Numbers
 > - Null

## JSON Syntax Rules 
 
- Use key/value pairs - {"name":"John"}
- Uses double quotes around KEY and VALUES.
- Must use the specific data types.
- File type is ".json".
- MIME type is "Application/json".

## JSON Example 

```js
{
    "name": "John",
    "age": 35,
    "address":{
        "street":"5 main street",
        "city": "Boston"
    },
    "children": ["Michel","Nick"]
}
```
Automate Anything: Power Automate + Trello + IFTTT
Tags: lowcode, serverless, showdev, productivity
Published: 2022-08-24 17:28:00

## Video

<iframe width="560" height="315" src="https://www.youtube.com/embed/KhrRVrCmtIw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## Long Version

I am currently starting some new open-source projects and I feel it is tedious to do some recurrent tasks. For example:

* Promote this blog post in social media
* Announce a new release.

[Power Automate](https://powerautomate.microsoft.com/en-us/) & [IFTTT](https://ifttt.com/) integrations allow just this, by a process of action and reaction.  
![](https://github.com/kanekotic/diagrams/blob/main/automate.drawio.png?raw=true)

These systems provide:

* **Triggers**: they are the starting point of what will happen after.
* **Actions**: they react to previous steps on the described flow.

An example of this is the next flow:

![image](https://user-images.githubusercontent.com/3071208/186482177-7b6eb6c0-8632-4cd2-87c9-613788f553f8.png)

![image](https://user-images.githubusercontent.com/3071208/186478753-1ebcf35c-eb1e-492a-b41c-ac67a749d7f5.png)

* In IFTTT, if a new feed item exists in the RSS of my blog, it's posted as a card in a Trello board.
* The Power automate flow looks for new cards on that column.
* Retrieve the content
* post it into medium
* Post into Twitter and LinkedIn about the new blog post.

As you can see, automation is cool and can save us a lot of effort by increasing our productivity.
Creating a simple Chrome extension using React-Js
Tags: javascript, react, chromeextension, webdev
Published: 2022-08-24 17:21:00

Github link - 

```
https://github.com/karthiktrp/Chrome-Extension-React-JS.git
```

In this projetc i am just showing the prerequisite for create a chrome extension in react js 

**step 1 :**

```
npx create-react-app chrome-react-seo-extension --template typescript
```

**step 2 :** 

edit the manifest file in public folder


![inside project folder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9mc4pyl3buv7t6nkuhdv.png)

```
{
  "name": "Chrome React SEO Extension",
  "description": "The power of React and TypeScript for building interactive Chrome extensions",
  "version": "1.0",
  "manifest_version": 3,
  "action": {
      "default_popup": "index.html",
      "default_title": "Open the popup"
  },
  "icons": {
      "16": "logo192.png",
      "48": "logo192.png",
      "128": "logo192.png"
  }
}
```
**step 3 :** 
 edit package.json file      

![inside project folder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0riifmbf02si0wnwjn6g.png)

**step 4 :**

npm run build

**step 5: **

turn on Developer mode 
click load unpacked extension


![chrome extension tools](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kjdnx73ecpnyckgbhive.png)

**step 6 :**

choose build folder


![inside project folder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pe6omn6y3idd4zb3gkzw.png)

that's it 

your extension is ready 

in next article we will add some functionalities


![chrome extension tools](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bgciqdo8zko15aewflmh.png)
Undoing Things with Git.
Tags: javascript, git, tutorial, productivity
Published: 2022-08-24 17:14:21

Google search **Youtube@Let'sProgramIt** 

## Part #1: Undoing Uncommitted Local Changes.

![undoing local changes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h9cb556703x3bdjz65he.jpeg)

![git checkout](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjl6uhlmefbovg4srbph.jpeg)

![git reset](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8eit9i8y4lm74rot3prp.jpeg)

![Follow and like](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i27jrj6j3x1ektdcrgb9.jpeg)
How should I write my first post ⁉
Tags: welcome, beginners, firstpost, blogging
Published: 2022-08-24 17:05:56

## Greeting 👋 !
Hi all, my name is Alexander! Lately, I worked for a software development company. I share my knowledge and experience here, which I have gained over the years of work in the software development area for the end-user. I start this blog to structure my existing knowledge and consolidate new ones.
## What is going on ⁉
I have recently been interested in web development, particularly html5 games and front-end. I use GitHub with its features and components to host my projects and find it very convenient. I also use Gulp to run tasks in small projects and Webpack when I need to work with a large number of JavaScript files. I have worked with game engines such as Unity, Godot, Defold, and Phaser JS. I settled on Phaser JS and used it along with Phaser Editor 2D as an IDE. I will write about this in more detail in my future posts.
## Benefit ☝
This blog will help me structure my existing knowledge and consolidate new ones. As a reader, you will be able to learn something new for yourself and look at the available solutions to upcoming or already solved problems.
___
Glad to see you among the readers of this blog. Follow me! It will motivate me to create more valuable content for you and me. Thank you for taking the time to read this post. I am looking forward to your feedback and comments 💭. Stay safe and Have Fun!
UI with one input field that accepts only numbers in Javascript
Tags: javascript, webdev, programming, html
Published: 2022-08-24 17:01:00

Create a simple UI with one input field that accepts only numbers.

If the user types negative numbers, show "enter a positive value".
If the user types an even number, show the next 3 even numbers.
If the user types an odd number, show the next 3 odd numbers.
Welcome Thread - v188
Tags: welcome
Published: 2022-08-24 16:51:40

---
title: Welcome Thread - v188
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![Man welcoming you into his pickup truck](https://media.giphy.com/media/WqFt2ZxqVDfv7NWQ8H/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
Optimizely HttpErrors
Tags: episerver, httperrors, webconfig, optimizely
Published: 2022-08-24 16:48:00

I was recently investigating an issue reported by our team during development that they were unable to create certain blocks in our environments.

This reminded me of a Optimizely support article ['409 conflict Creating page/block'](https://support.optimizely.com/hc/en-us/articles/360002910312-409-conflict-Creating-page-block?_gl=1*1mb1k8b*_ga*MTk2NjI0ODYyNi4xNjU5MDIyOTkw*_ga_C7SLJ6HMJ5*MTY2MTM1ODk4Ni4xMy4wLjE2NjEzNTg5ODYuNjAuMC4w)

The suggestions listed on the site suggested to completely stop using the existingResponse="Replace" attribute upon HttpErrors section and use an alternative method.

Rather then implement this I decide to handle the HttpErrors differently only upon the scenario where we needed to.

To do this I decided to use the web.config location element to specify for a location e.g. 'episerver/cms' how I would like to handle the HttpErrors using snippet below.

`<location path="episerver/cms">
		<system.webServer>
			<httpErrors errorMode="Custom" existingResponse="PassThrough" />
		</system.webServer>
	</location>
`

Now on the front-end of the site we can use HttpErrors as we wish, and within the admin we can handle this differently and receive back the original HTTP response.
Accountability in Network Security
Tags: accountability, network, security, networksecurity
Published: 2022-08-24 16:16:23

Do you know what Accountability in Network Security is? It is a logging and audit trail. The idea is that someone is responsible for maintaining the security and control of tools, materials, and data and is liable to the appropriate authorities in case any of those items is lost or misused. 

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

#Accountability #network #security

Read more at:

https://hecodesit.com/accountability-in-network-security/
MySQL Port Connection: An Easy Guide on How to Use It
Tags: mysql, database
Published: 2022-08-24 16:13:10

---
title: MySQL Port Connection: An Easy Guide on How to Use It
published: true
description: This guide contains illustrated answers to various questions related to the MySQL port.
tags: #mysql #databases
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---
Let's review what kinds of ports exist, what is the default port in MySQL, and how to connect to a MySQL port using the command line - https://www.devart.com/dbforge/mysql/studio/mysql-port.html
Javascript: My way to learn javascript
Tags: javascript, webdev, beginners, programming
Published: 2022-08-24 16:09:45

I am a self-taught programmer. I had many questions about where to start, how to start initially. I wasted a lot of time going through different sources to gain knowledge. Then I figured out the following path for learning javascript in the best way.

Every programming language has the same set of features more or less. If you know at least one programming language then getting familiar with other languages will be easy. 

Here we are going to see what are different features that javascript provides and what is the best way in which we need to learn.

To give a little context about javascript:

Primarily javascript is for the web. So, When you go to any website or web application there you will see all the content that will get populated using HTML (layout) & CSS (Design). 

Whereas javascript plays a role when you try to interact with that application. Let's say you want to fill the form, upload/download a file, enter details, etc. everything is the interaction that you do with that application handled by javascript (behavior).

Hope that clarifies what can javascript actually does.

Let's move on to what is present in javascript and how to learn it:

Starting with basics is always important as it is essential to get familiar with the syntax. Which includes:

- Variables
- Syntax
- data types
- operators
- conditional statements - if, if-else, switch.. etc.
- comments
- Loops - while, for, etc.

Learning one time would suffice.

Several language-specific frequently used features. Which includes:

- String and methods
- Arrays and methods
- Date and methods
- Math
- Regex

Practicing several examples and several times make you an expert in using them.

Building blocks of language. Which includes:

- All about Functions
- All about objects
- Classes
- Handling DOM
- All about JSON
- Async javascript
- Modules
- any other javascript-specific handling like using this, coercion, errors, hoisting, style guide, etc.

Getting the concept of these items is very much important. Learning and practicing with simple examples for 1-2 times enough. You would easily grasp what each one does as per its context.

Knowing internals. Which includes:

- Browser APIs
- Web APIs
- javascript execution context
- Memory handling
- Interpreter/compiler

Go through them once and keep in mind what each topic does.

Keep practicing below items

- Array methods
- String methods
- Date methods
- Regex methods
- Math methods

There are couple more things we usually have to follow:

- Trying any programming paradigms like functional programming
- Going through different javascript articles 
- Going through interview questions or programming examples
- Doing simple projects

This path makes you an expert in javascript. 

Do follow only one website or tutorial or youtube channel where all these contents are covered. 
Going through each of them in order will be very much helpful.

All the very best.

Thank you.
What keeps ya coming back to DEV?
Tags: meta, discuss
Published: 2022-08-24 16:09:33

Hey folks! 

We recently posted the DEV Community Satisfaction Survey and would love for y’all’s participation. ❤️

{% embed https://dev.to/devteam/take-the-dev-community-satisfaction-survey-3gja %}

However, along with the survey, we’re hoping to gather some more qualitative feedback about what brought you here and what keeps you coming back.

So, with that in mind, would you please describe why you joined DEV and why you’ve stuck around? You may make your answer as long or short as you’d like.

Thanks so much for being part of the DEV community! 🙌