teleren/devto huggingface dataset:
Vim Tabs
Tags: vim, beginners, editor
Published: 2021-07-26 19:06:19

Just like any edit, we open can open multiples files as tab in vim as well. Let's see how it is done.

As usual open a file in vim as `vim index.html` after the file is opened, from command mode enter `:tabedit nameOfTheFile`, you want open in an other tab. This way we can open as many files we want.
```
Example:
   :tabedit style.css
   :tabedit script.js
```
Or their as another alternative way to open multiple files in tab
`vim -p firstFileName secondFileName thirdFileName...`
```
Example:
    vim -p index.html style.css script.js
```

After opening multiple files in tabs, to navigate among them we use `gt` command.
```
gt will take us to the next tab
gT will take us to the previous tab
Or we can also got a specific tab, by providing the tab number
Example:
    2gt will take us to the second tab.
```

`:quitall` in command mode, closes all the tabs & vim as well.

That's it for today, It's just introduction to the tabs in vim. If have missed anything or you wanted to add anything, please feel free comment them below. Thanks for reading.
How to write a good ReadMe.
Published: 2021-07-26 18:53:15

# What is a ReadMe?

“A README is like the face of your project. It is the first file a person should read whenencountering a source tree, and it should be written as a very brief and giving very basic introduction to the software” -  [A Beginners Guide to writing a Kickass README](https://meakaakka.medium.com/a-beginners-guide-to-writing-a-kickass-readme-7ac01da88ab)

A good quality README should:
* help people engage in the project as well
* get the attention of users better since it is a direct way to explain why this project matters, and
why people should use and contribute to the project
* help a new user get started, e.g. how to compile, how to install, and how to start integration


## So, what makes a good Readme?
* **Project Title/Motivation** – usually some sort of short concise description of the project. This can
reference other documents (like requirements) if need be.
* **Getting Started** - These instructions will get you a copy of the project up and running on your local
machine for development and testing purposes.
   * Prerequisites (any additional libraries needed to be installed)
   * Step by step guide to getting the project started in a dev environment
* **Running Tests and/or Test Strategy** - Explain how to run the automated tests in the
project/system.
* **Deployment** – Notes on how to deploy this on a live system
* **Versioning** – Any comments on versioning system, link to tags etc.
* **Contributing** – Details on code of conduct/team agreements.
* **Authors** – list of all authors (sometimes indication of who started the project).
* **Licensing** – details of licencing agreement (possible link to licensing file).
* **Acknowledgements** – details of any acknowledgements, inspiration, etc.


To start with your Readme file, why not take a look at this website? 😊 https://readme.so/editor
Who's responsible for securing software?
Tags: security
Published: 2021-07-26 18:34:25

A [Venify report](https://www.venafi.com/resource/more-solarwinds-style-attacks-whitepaper) showed that the number of companies where DevOps is responsible for the security and the number who assign this to their Infosec department is almost evenly split. But should there really be this ambiguity regarding the responsibility of software security?

When you look at the situation on paper, you might say that Information Security should find holes in the apps because they are normally penetration testing the company's running software anyway. But equally compelling is to claim that because DevOps knows how the software works and is likely one of the few units with access to the codebase, they should be at work making sure hackers cannot exploit the software.

From this perspective, it seems that both of these views are right. DevOps should patch their programs - and make sure there are none of those pesky off-by-one errors - while Infosec has the knowledge necessary to send a running program off the rails.

So for you and me, it seems obvious to us what the roles of those two departments should be. But what about who takes responsibility when a cyberattack happens?

I'm not really the one posing this question. Executives often assign this taking-in-charge to either DevOps or Infosec, provided that both exist. We don't see most businesses sharing collective blame when they are hacked, [right?](https://www.theverge.com/2017/10/3/16410806/equifax-ceo-blame-breach-patch-congress-testimony) So why don't they just make one department responsible for protecting the company from breaches?

That would be a poor approach to the problem because merely pentesting the program for vulnerabilities ignores the fact that hackers can try a completely new attack vector to enter the organization. And while DevOps can guard against basic flaws such as null dereference, they don't have the time that Infosec has to run different tests to catch new vulnerabilities continuously.

I don't believe that incident response should be a blame game and that all departments which play a part in the application interacting process should take responsibility to protect the software they use at their company and write, not only for their own company but for clients that also use the software in their products as well.

This post was originally published on [NotATether.com](https://notatether.com/code-life/whos-responsible-for-securing-software/).

Cover Image by [maxxyustas](https://elements.envato.com/user/maxxyustas) from [Envato Elements](https://elements.envato.com/computer-security-or-safety-concept-laptop-keyboar-PQ7RZZ5)
Electron Adventures: Episode 2: Frontend Code and Backend Code
Tags: electron, javascript
Published: 2021-07-26 18:18:54

An Electron app is sort of two apps in one. There's the frontend app controlling the frontend, and the backend app controlling the backend, and they communicate like they're two separate programs.

We already wrote a small backend app in the previous episode, so let's build a simple frontend app as well.

Of course we can use fancy web frameworks like Svelte, Imba, or React, but we're going to use plain old Javascript for now.

### index.html

Let's get some interaction going - the simplest kind. Just a button and a counter how many times you've pressed it.

```
<!DOCTYPE html>
<html>
  <body>
    <h1>Welcome to the Internet!</h1>
    <div id="counter"></div>
    <button>Click me</button>
    <script src="app.js"></script>
  </body>
</html>
```

### app.js

Now let's write some `app.js` to control the counter. This isn't anything Electron specific, just classic Javascript.

```
let counter = 0
let div = document.querySelector("#counter")
let button = document.querySelector("button")

let updateCounter = () => {
  div.innerHTML = `You clicked the button ${counter} times`
}

button.addEventListener("click", () => {
  counter++
  updateCounter()
})

updateCounter()
```

### The result

And here's what we got:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/093uu84sher71ctozt8l.png)

[All the code for the episode is here](https://github.com/taw/electron-adventures/tree/master/episode-02-frontend-code-and-backend-code).

In the next episode we'll talk about how we can communicate between the frontend and the backend.

### Security

But before you go, let's talk about security.

Frontend and backend code have very different security models.

* backend code has full access to your computer, but it assumes you only run code you trust
* frontend code just runs anyone's code from random sites on the internet, but it has (almost) no access to anything outside the browser, and even in-browser, (almost) only to stuff from the same domain

Writing Electron apps we need to be very careful that we don't mix those two things, or you'll be giving strangers full access to your machine, and that would be bad.

Anyway, see you in the next episode.
Jual Lakban Printing
Tags: juallakban, lakban, tunasmitracoid, distributorlakban
Published: 2021-07-26 03:17:49

Kita semua pasti sudah tau apa itu Lakban, benda serbaguna dan yang sering dipakai untuk kegiatan packing barang-barang. Dalam perkemangan waktu lakban saat ini tidak lagi hanya digunakan untuk pakcing barang-barang saja, namun juga bisa digunakan sebagai media branding suatu produk atau perusahaan.

Pasti anda bertanya-tanya, Loh memangnya ada hubungan nya branding produk dengan lakban?

Jawabannya tentu ada, Lakban saat ini bisa digunakan untuk media branding suatu produk atau perusahaan yang anda miliki. 


Lakban diatas biasanya disebut sebagai lakban printing atau lakban custom. Jika anda ingin membuat brand yang anda miliki lebih dikenal dimana-mana dan oleh siapa saja, anda harus mempertimbangkan cara branding dengan lakban printing ini. Karena cara promosi dengan menggunakan lakban printing ini akan menghemat biaya anda.

Loh bagaimana bisa menghemat biaya promosi brand atau perusahaan saya?

Jawabannya tentu saja bisa, misalnya di perusahaan anda biasanya menggunakan lakban bening biasa untuk kegiatan packing produk, maka itu tidak akan menambah brand awareness dari brand anda. Namun jika anda menggunakan lakban printing yang ada logo perusahaan, nama produk, logo produk, nama perusahaan dan nama brand anda, itu akan sangat membantu anda dalam hal promosi kepada calon pelanggan anda dan pastinya akan menambah brand awareness produk anda.

Baca juga : Jenis dan ukuran lakban 

Sangat menarik bukan?, Pertanyaan selanjutnya yaitu, lalu dimanakah dan bagaimana caranya saya dapat membuat lakban printing brand saya?

Tunas Mitra hadir untuk menjawab semua pertanyaan anda, Tunas Mitra sudah eksis dipasar lebih dari 20 tahun dengan brand TM Tape yang mendukung perusahan international di bidang elektronik, otomotif, makanan & minum, barang konsumen yang bergerak cepat dan banyak lagi.

lakban printing

Tunas Mitra telah memiliki banyak partner perusahaan yang menggunakan lakban printing untuk meningkatkan brand awareness dari suatu produk. Berikut adalah jenis dan ukuran dari lakban printing :

Lebar Produk : 12 mm, 18 mm, 24 mm, 30 mm, 36 mm, 45 mm, 48 mm, 60 mm, 72 mm, 90 mm

Panjang Produk : Sampai dengan 1000 m

Tebal Produk (mikron) : 40 µ, 42 µ, 45 µ, 47 µ, 50 µ, 55 µ

Warna Produk : Bening, Coklat, Biru, Merah, Hijau, Kuning, Hitam, Putih, Jingga.

Spesial : Cetak dengan logo perusahaan Anda (sampai dengan 4 warna)

Dengan pengalaman yang lebih dari 20 tahun, Tunas Mitra telah memiliki tim sales marketing yang berpengalaman untuk memberikan saran dan solusi terbaik tentang kebutuhan packaging material anda. 
Jika anda tertarik dan ingin membuat lakban printing, langsung saja kunjungi website kami di https://www.tunasmitra.co.id/ untuk informasi selengkapnya.

oroginal post : https://www.tunasmitra.co.id/blog/jual-lakban-printing
How to setup an SMS notification from your contact form
Published: 2021-07-26 18:00:59

How to get an SMS notification from your contact form
Prerequisite: You need to have at least one form created and one form submission received to your form on Getform. If you haven’t received your first submission yet, check out the "Collecting form submissions" section in our docs or watch our helper video here to get started.

Sign in to your Getform account here: https://getform.io/login
Click the "+" button to create a new form for our mailing list and name it as "SMS Contact Form ".
With that form created, our unique form endpoint is ready to be inserted into our HTML. Let's add our form  and start getting our first submissions. Here is how your HTML form should look like at this point:
<form action="https://getform.io/f/{your-form-endpoint-goes-here}" method="POST" accept-charset="UTF-8">
  <input type="text" name="name">
  <input type="tel" name="tel">
  <input type="message" name="message">
  <button type="submit">Send</button>
</form>
and with a little bit of styling (as in the Codepen samples listed here) our contact form looks like this:


After we send our form submission here is how our form submission data looks like:


Getform SMS Contact Form
5.Now that we received our first submission to our form, we are ready to create our contact form to SMS zap. On your Getform dashboard, click your form and navigate to "Integrations" tab, then click to "Connect with Zapier" to start setting up our Getform-SMS Zap.

6. Click to "Make a Zap", select Getform as a "Trigger" and paste your API Key you copied from the Integration tab, click  “Yes, Continue” button to connect your Getform account to your Zap. Then we will select "SMS By Zapier". At this point, here is how it should look like:


7. After you finish setting up the Trigger step, select "SMS By Zapier" as your "Action" step to can connect your Getform form endpoint with the SMS service of Zapier. At this point, Zapier will ask you to verify your phone number by sending an SMS or by calling, if you select the SMS notification, you will see an image like below:


Note that SMS by Zapier works only for US and UK phone numbers for now. If you wish to send a contact form notification to other country phone numbers. You can check the Twilio Getform Zap:

Send Twilio SMS notifications for Getform submissions
Use this Zap
powered by

8. Now our Zap is ready to test. Let's click to "Test this Step" and check your phone number to receive your first ever contact form SMS notification.  


That’s it! You have setup an SMS notification for your Getform submissions.
The Engineering Executive Operating System - Part 1
Tags: hiring, leadership, management, operations
Published: 2021-07-26 17:29:58

When starting at a new organization your first 100 days are crucial and can feel overwhelming.

In startups this onboarding is even more difficult because you often have to carve your own path forward without a lot guidance.

Tech Executive Consultant Aviv Ben-Yosef joins [Dev Interrupted](https://open.spotify.com/episode/1tWaCaHyaQignIa1FF1Al5) to explain his strategies for your first 100 days at an organization and how to make use of the "tech executive operating system" and its techniques to improve your leadership and your organization. [Get a sample chapter of Aviv's book here](https://avivbenyosef.com/tech-executive-operating-system/).

#**Listen to the full episode**
{% spotify spotify:episode:1tWaCaHyaQignIa1FF1Al5 %}

#**Episode Highlights include:**
* Key objectives to accomplish in the first 100 days
* Keeping teams stable during a period of turnover
* Tips for onboarding, hiring and firing
* Working with poor performing team members
* How to navigate a workplace where teams are "family"

{% youtube H_oyLCAX2qw %}

#**Join the Dev Interrupted Discord Server**
With over 1400 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)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ibzeasyhj4ai3oeia26t.png)
Coder vs developer vs software engineer
Tags: career, codenewbie, beginners
Published: 2021-07-26 17:28:56

There is so much jargon in the coding and software development world that it can be hard to even know what to call what you do! 

You’ll hear terms like “coder”, “developer”, “software engineer” and even the odd “ninja” - although that trend has thankfully abated!

So when are you a coder, a developer or an engineer?

Is there any difference? If there is, does it matter?

To me there is no difference between a developer and a software engineer unless you work in a country where engineer is a protected title. In which case, you may need to pass certain exams and reviews to be legally allowed to use the title. But as far as I am concerned both do the same job.

So that leaves coder vs developer…..

Every developer is a coder. But not every coder is a developer.

It comes down to where you are writing code.

## Coder - Individual
- Knows one or more programming languages
- Solves problems with code
- Works independently
- Understands relevant infrastructure/systems for application deployments
- Uses version control
- Writes tests for personal confidence in codebase

## Developer / Engineer - Team member
- Works in a team
- Writes tests for team and business confidence in code base
- Understands and engages with Agile/project management principles
- Works with project owner/manager
- Cognisant of business needs and tradeoffs
- Writes documentation for current and future team members

Neither is better than the other. A developer works as part of a team and a coder tends to work solo.

In reality the difference is minimal and while you’re learning to code you shouldn’t worry about titles like this. There is no difference in the learning path between the two so stick to your plan and don’t be thrown off course because you think one might be different (or better) than the other.

Remember, every developer is a coder. So, learn to code, solve problems and build things.
O que é JSON?
Published: 2021-07-26 17:27:20

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1uxvqi5c4roccum97erj.png)

JSON (JavaScript Object Notation), é um tipo de formatação de texto compacta que permite que aplicações troquem informações entre si de maneira simples e rápida. O JSON é usado pra estruturar dados e através dessas estrutura podemos fazer com que nossas aplicações se comuniquem.

Apesar do nome conter uma referência a linguagem de programação Javascript, o JSON pode ser usado com qualquer outra linguagem de programação e permite que aplicações desenvolvidas em diferentes linguagens se comunique entre si.

Um arquivo com o formato JSON deve ter seus dados estruturados por meio de uma coleção de pares com nome e valor. Seus valores devem ser:
 * Chave: seria o nome do conteúdo que queremos identificar. Sendo assim, deve ser uma string delimitada por aspas,
 * Valor: é o conteúdo que corresponde a uma chave podendo ser representado pelos seguintes tipos de dados: string, array, object, number, boolean ou null.
 

Exemplo:
{ 
   "estado": "São Paulo",
   "UF": "SP",
   "Municipios": 645
}
Improve Your Engineering Pipeline with Value Streams w/ Helen Beal
Tags: valuestreammanagement, engineeringpipeline, technicalwriting, devops
Published: 2021-07-26 17:23:16

Software development and delivery are critical. But how do you determine what value you get from all of that investment?

Value Stream Management helps companies improve, monitor, and manage value so they can better visualize how work flows from idea to realization. 

On this week's episode of [Dev Interrupted](https://open.spotify.com/episode/3UsLqEe5xYeS4GaBLjtQR2), we interview Helen Beal, Chair of the VSM Consortium, DevOps coach, author and "flowologist", to understand her research on Value Stream Management. Helen's research can also be found [here](https://www.vsmconsortium.org/research).

#**Listen to the full episode**
{% spotify spotify:episode:3UsLqEe5xYeS4GaBLjtQR2 %}


#**Episode Highlights include:**
* What is Value Stream Management?
* How companies can best utilize VSM in their engineering pipeline
* What is the VSM Consortium and what are its goals?
* Technical writing as a force multiplier in your career


#**Join the Dev Interrupted Discord Server**
With over 1400 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.com/invite/devinterrupted)
![Join the Dev Interrupted Discord Community!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zrzc51hhz30s20dxabmw.png)
Ubuntu Netplan Bonding ve Vlan Yapılandırması
Tags: ubuntu, bonding, linux, network
Published: 2021-07-26 17:21:48

**/etc/netplan/** altında ilgili **config yaml** dosyası içerisinde aşağıdaki gibi **bond0** altında **vlan 13** ve **14** yapılandırmasını kendi ortamlarınız için uyarlayabilirsiniz.

``` yaml
network:
  version: 2
  bonds:
    bond0:
      dhcp4: no
      interfaces: [ens1f0, ens2f0]
      mtu: 9000
      parameters:
        lacp-rate: fast
        mode: 802.3ad
        transmit-hash-policy: layer2
        mii-monitor-interval: 100
  ethernets:
    ens1f0: {}
    ens2f0: {}
    eno1: {}
  vlans:
    bond0.13:
      id: 13
      link: bond0
      mtu: 9000
      addresses: [ "10.1.13.99/24" ]
    bond0.14:
      id: 14
      link: bond0
      mtu: 1500
      addresses: [ "10.1.14.99/24" ]
      gateway4: 10.1.14.1
      nameservers:
        search: [fatlan.com]
        addresses: [ "10.1.150.150", "10.1.160.160" ]
```
Akabinde yapılandırmanın geçerli olması için
```
sudo netplan apply
```

Aşağıdaki şekilde de bonding yapılandırmalarının doğruluğunu test edebilirsiniz
```
cat /proc/net/bonding/bond0

mii-tool
```

Her ihtimale karşı ubuntu linux için sunucuyu **reboot** etmek her zaman iyidir
```
sudo reboot
```
Loopple v0.1.0 Beta - Multiple Pages Drag and Drop Dashboard Builder
Tags: html, css, webdev, javascript
Published: 2021-07-26 16:59:07

Hi,

It's been 3 months since I am working on Loopple, a Drag and Drop Dashboard Builder. Today I made a new update and the biggest feature is the option to add multiple pages to your dashboard. 🚀

Now I am looking for feedback to see what do you think about the structure of the pages and if you find it easy to use. You can try this here: [loopple](https://www.loopple.com/).

This update also comes with the following changes:

- Add option to remove elements using Delete/Backspace button
- Change sidebar grid sections design
- Add actions for tables: "add new row" & "add new column"
- Add Loopple logo
- General style changes
- General design & bugs issues fixes

Any feedback is very helpful and highly appreciated.

Thank you!
What is with all the pinned posts...did I miss something?
Tags: meta, help
Published: 2021-07-26 16:57:00

Just a super quick question but since the Forem launch announcement (great job by the way) there have been pinned posts on the home feed.

Is there an event on I have dismissed the announcement for / missed  by mistake? 

They don't seem connected in any way and I couldn't see a pattern either (likes, subject matter etc.) so was just puzzled.

And if they aren't connected what are they pinned based on (and can I hide them if this is going to be a permanent thing)?
Code-fi to Chill your Mood
Tags: codenewbie, computerscience, programming
Published: 2021-07-26 16:47:15

#What is Lo-fi Music?
Lo-fi (aka low-fi; short for low fidelity) is a music or production quality in which elements usually regarded as imperfections of a performance are audible, sometimes as a deliberate aesthetic choice.
 The standards of sound quality (fidelity) and music production have evolved throughout the decades, meaning that some older examples of lo-fi may not have been originally recognized as such. 


##Lo-fi and Coding
Lo-Fi mixes are often used as relaxing ambient music that can be left open on the side while you work on a project, or played in the background at the end of a long day to recharge. 

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


#Reason for listening Lo-fi?
Coding can become your best friend but sometimes while solving questions, you get frustrated when you don't get the optimized algorithm to solve the question and at that place, Lo-fi helps to get calm and enjoy the process.


### Lo-fi isn't only for Coding but for every mood.

Some are:
Hustle Lo-fi
Coding Lo-fi
Study or Focus Lo-fi
Sad Mood Lo-fi
3 am Lo-fi
Happy Lo-fi
Chill beat Lo-fi

#Some best Lo-fi Music for Coding:

1. Spotify Playlist: Click [HERE](https://open.spotify.com/playlist/6Q3Qo3XxSj5Cu9pQJlBfzG)

2. YouTube:
[Code-fi](https://www.youtube.com/watch?v=f02mOEt11OQ)
[3am](https://www.youtube.com/watch?v=bmVKaAV_7-A)
[Chill-Beats](https://www.youtube.com/watch?v=_ITiwPMUzho)

Personal Favourite: [Here] (https://www.youtube.com/watch?v=DvPtvfJ1_EU)

For more Genre: Try searching on YouTube for eg:
Sad mood lo-fi, coding lo-fi, sleep lo-fi, frustrated lo-fi.