teleren/devto huggingface dataset:
Who I am, for the third time...
Published: 2021-08-30 01:48:47

Because I've taken this class three times now, but some things have changed. Mainly, I am now a web developer for THON! I am a developer for our THON Weekend Dashboard, a system that is used by hundreds of volunteers for tracking and building entry for our events through the year. I also have created one joke of a web component (b-r) and a serious one (barcode-reader). b-r just inserts <br> tags for conditional rendering purposes. barcode-reader can read and interoperate qr codes and barcodes through a user's camera. That one was a challenge, but I am proud of the tag.

I have been interested in web development ever since the Design to Make a Difference competition my senior year of high school. It was my first experience with web development, and I was the backend developer and system admin for a mental health chat website that two of us created from scratch. We used GitHub for all of our development and hosting needs, and Pusher Chatkit of the chat feature. Since then, I have been keeping my programming and web development skills sharp with online tutorials. I have primarily focused on Django, a Python web framework. Python is one of my favorite languages since I have a lot of Raspberry Pis. As for my current experience, as I mentioned I am a THON Tech captain. We use Django and Vue for our websites, so my Python and JavaScript skills are tested every day. I have also been continuing development with my mental health website, just under a new name and a new plan. Hopefully that's enough to understand my programming background, and maybe you get a sense of how much I yell at my computer when I work.
Don't use SNS-SQS, Amazon Kinesis is a much better option.
Tags: aws, awscommunitybuilders
Published: 2021-08-30 00:41:57

Before Kinesis, SNS with SQS was preferred for most use cases unless we don't need to guarantee FIFO on messages,
The main advantage of Kinesis is:
We can read the same message from multiple applications and re-read messages.

To manage spike load, it's pain in  Kinesis,
we need to increase the number of shards where SQS is infinitely scalable.

Kinesis is preferred when data in the stream are related or not related to each other,
While SNS/SQS is preferred when data in the stream are not related to each other.

Pricing models are different,
SQS charges per message while Kinesis charges per hard per hour,
Total charges of SNS-SQS is higher than Kinesis,

Real-time analytics of data is only possible with Kinesis while SNS-SQS is good for batch messages for future processing.

Some points are missing, Please add those points or suggest me required changes in my post.
Web API with python
Published: 2021-08-30 00:07:16

**Using flask to create a rest api with python.**

```
import json
from flask import Flask, request, jsonify


app = Flask(__name__)
data = json.load(open('stock.json'))

@app.route('/')
def index():
    return 'Stock API'

@app.route('/api/v1/info', methods=['GET'])
def api_home():
    return jsonify(data)


@app.route('/api/v1/stocks', methods=['GET'])
def api_stocks():
    if 'symbol' in request.args:
        symbol = request.args['symbol']
    else:
        return "Error: No name field provided. Please specify a name."
        
    data_list = data['quotedata']

    for i in data_list:
        # sym = i["symbol"]

        if i['symbol'] == symbol:
            details = {
                "name": i["longname"],
                "datatype": i["datatype"],
                "exchange": i["exchange"],
                "price_data": i["pricedata"]
            }

    return jsonify(details)  


if __name__ == '__main__':
    app.run(debug=True)

```
Which HTML element tag can be used to represent and show header or introductory content to the user?
Tags: html
Published: 2021-08-30 00:00:00

---
  title: Which HTML element tag can be used to represent and show header or introductory content to the user?
  published: true
  tags: HTML5
  date: Mon Aug 30 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/html-element-tag-to-represent-and-show-header-introductory-content-user
  cover_image: https://melvingeorge.me/_next/static/images/main-c149c016b61e7667ea44b512e6dfa0bf.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/html-element-tag-to-represent-and-show-header-introductory-content-user)
  
**The best HTML element to represent and show header or introductory content to the user is the `header` HTML element tag.**

For example, the `header` HTML elements tag is used to add header parts of a website like `nav` (navigation element), `h1` (heading level 1 element), etc. HTML element tags that are seen by the user as introductory content on the website.

The `header` HTML element tag can be written like this,

```html
<!-- Usage of the 'header' HTML element tag -->

<!DOCTYPE html>
<html>
  <body>
    <!-- 'header' HTML element tag  -->
    <header>
      <nav>
        <li>Home</li>
        <li>About</li>
      </nav>
      <h1>Hello World</h1>
    </header>
  </body>
</html>
```

As you see from the above code we have used the `nav` (navigation element tag) and `h1` (heading level 1 tag) HTML tags inside the `header` HTML element tag that are introductory content when a user visits the website.

Some common use cases for the `header` HTML element tags are to hold:

- Navigation links
- Top-level Headings (h1)
- Logo of the website
- A search bar
- A menu Icon
- Hero image

etc. and everything that is introductory to the user who visits the website.

See the above code live in [JSBin](https://jsbin.com/wudiwovoxa/2/edit?html,output).

That's all 😃!

### Feel free to share if you found this useful 😃.

---
That one time I fired our QA team
Tags: qa, testing, codequality
Published: 2021-09-07 08:26:20

---
title: That one time I fired our QA team
published: true
date: 2021-08-30 00:00:00 UTC
tags: qa,testing,quality
canonical_url: https://jhall.io/archive/2021/08/30/that-one-time-i-fired-our-qa-team/
---

A few short years ago I was managing a small number of scrum teams building some software. Each scrum team had designated “QA Engineer”, who was responsible for manually testing the work each developer did before the end of the sprint.

This lead to two big problems:

1. The first half of each sprint, our QA engineers were mostly idle, and the second half the devs were mostly idle
2. There was an adversarial relationship between devs and engineers

To complicate matters further, most of these QA engineers were contracted through an off-shore staff augmentation service, and most of our developers were in house. So there were different and complicated reporting structures, and different incentives in play as well. This also meant that the off-shore QA engineers were actively opposed to any form of test automation, since it meant less work for them.

How did we solve the problem?

I hired a test automation consultant to spend 6 months with us. She helped us build automation where it made sense, and trained our in-house QA engineer and the developers on how to use it, and we gave the off-shore QA team notice.

Then we prepared, with baited breath for the next day. Everyone was nervious. Surely we’d have more bugs get through to our end users. Surely the sh\*t would hit the fan!

I scheduled extra regular meetings with our freelance automation engineer, and our in-house QA engineer to handle all the problems we knew would come up after the transition.

Then…

## nothing

Our extra scheduled meetings were complete unnecessary. Nothing else broke. Quality didn’t drop.

What’s more, developers were no longer waiting on QA.

I did get a few isolated complaints from developers who didn’t enjoy splitting focus between development and testing, but they did admit that this was better than before when they were splitting focus between development and _waiting on someone else_.

Does this mean QA engineers or a QA team are bad?

Of course not. We still had QA, just more on a consultative basis.

I also have no reason to believe this is the only arrangement that would work, or even that it would work for this same company forever. It was simply an incremental improvement over what we had before. Everyone was happier (even the QA engineers we let go, who were assigned to other projects within their agency).

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
How to install open-wc
Published: 2021-08-29 23:44:00

To start, install the latest version of [Node LTS](https://nodejs.org/en/) by first going to the prior link.
After the download is finished, run the installer. Follow the instructions in the Node.js Setup Wizard (this should also install npm along with Node, which is what we need).

Now install yarn which can be done by entering the following command into the Windows Command Prompt:
```
npm install --global yarn
```

Now navigate to whatever folder you are going to use in your command prompt, then type the following command in:
```
npm init @open-wc
```
This may take a minute to setup, but once options appear select the following (using the arrow keys and enter key):
* Scaffold a new project
* Web component
* Linting
* No (no typescript)
* Enter the name of your web component (in our case, "hello-world")
* Look over the file location, if it looks right select "Yes"
* Select "Yes, with yarn" for the dependencies install

And you're all set!
The Dysfunctional Back Button
Tags: webdev, ux, design
Published: 2021-08-29 22:58:46

Visit this <a target="_blank" href="https://www.searchenginewatch.com/2013/08/09/10-google-analytics-custom-events-that-track-the-untrackable/" rel="nofollow noreferrer">website</a> and you’ll be infiltrated by three separate popup modals and two banners urging you to sign up for something. You’ll be forced to sequentially close the popups and banners to actually see the text on the page. One modal, fine - but three of them? *And* two banners? A bit excessive. The worst is yet to come though - reserved for when you try to hit the *back* button to return to whatever page you were previously on. No, it’s not an alert box asking you to confirm that you want to leave, or a case of the infinitely-refreshing page. This site decided to opt for a far more bold and dubious infringement of good UX. Potentially the “holy-grail” of annoying website practices: hitting back on this site will scroll you up about a ¼ of a centimeter. 

If you clicked on this site from a Google search and were hoping to go back to the results, you can kiss that dream goodbye. You’ll be clicking the back button for at least five minutes, potentially years. If you dare stay on the site in a last-ditch attempt to salvage your tab, you’ll be solicited once again with a popup requesting permission to send you push notifications. Which, I can only assume would lead to never-ending push notifications, too. Either way, the authors of this site have clearly chosen *one* method of retaining users: through force.

With all jokes aside, this site is a great example of web developers going too far in the name of conversions. Like, way too far. This site is so intrusive I thought I accidentally clicked on a satirical site made to highlight frustrating UX by reddit user ...

**Keep Reading: [https://snappywebdesign.net/blog/the-dysfunctional-back-button/](https://snappywebdesign.net/blog/the-dysfunctional-back-button/)**
Searching Better In Google Using 5 Tricks!
Tags: tutorial, beginners, codenewbie, programming
Published: 2021-08-29 22:56:40

Hello everybody, I'm [Aya Bouchiha](developer.aya.b@gmail.com), today, I'm going to share with you 5 useful tips & tricks to search better on google and find what you want easily.

##  related

+ related:www.website.com

related: is a keyword used to find the websites that are like the specified one

![how to search in google](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ghy4jk2zouk4uuwckc7r.PNG)


## "" (double quotes)

+ "sentence"

"": helps you to tell the search engine that the results have to include the exact sentence between quotes.

![how to search in google](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gvez8s9sjjjsas7pn3a7.PNG)

## site

+ site:www.website.com

site: is used for searching for something on a specific website.

![how to search in google](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z305egl146np950r7psz.PNG)
 
## - (minus)

+ -word

minus: used for excluding and ignoring specific words

![how to search in google](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k1432cwuxogsjyqhvj4z.PNG)

## filetype

+ filetype:extension

filetype: used for specifying the file type of the wanted results

![how to search in google](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i6yk4xfhzx702cf3iexf.PNG)
 

### Reference

+ [https://www.youtube.com/watch?v=eg3wHwXDIEc](https://www.youtube.com/watch?v=eg3wHwXDIEc)

Have a good day
HTML dropdown boxes explained
Tags: html, javascript, codenewbie, beginners
Published: 2021-08-29 22:50:02

Inside of a form that you are collecting user data, you may find the need to use a dropdown box.  This is where you want the user to only be able to select one of the options that are provided. 

Dropdown boxes in HTML are created inside a `<form>` with a `<select>` element. The `<select>` element is what creates the dropdown list box. `<select>` has attributes such as 'name'. Without the name attribute nothing would show up inside the dropdown list. Inside of the 'select' element use the `<option>` element.  Its used to give the user the choices (options) to choose from in the  dropdown box. Use 'value' element is used inside the 'select' element and it indicates what is being sent to the server along with the 'name'. 

Example:

`<form action="http://www.123example.com/profile.php">`
 `<p>Which state is your favorite?</p>`
  `<select name="states">`
   `<option value="california">California</option>`
   `<option value="maine">Maine</option>`
   `<option value="texas">Texas</option>`
   `<option value="florida">Florida</option>`
  `</select>`
`</form>`  

Happy Coding!
Validating Phone Numbers with JavaScript 
Tags: javascript, tutorial, beginners, devops
Published: 2021-08-29 22:44:26

* Here they want us to return true if the passed string looks like a valid US phone number. The person can fill out the form any way they choose as long as it has the valid format for a US Number.
* The person may fill out the form field any way they want as long as it has the format of a valid US number. The following are examples of valid formats for US numbers.
```
555-555-5555
(555)555-5555
(555) 555-5555
555 555 5555
5555555555
1 555 555 5555
```
* Code:
```JavaScript
function numberCheck(str) {
  return true;
}

numberCheck("555-555-5555");


```

* Answer:

```JavaScript
//   1- ^ beginning of the string.
//   2- (1\s?)? allows for "1" or "1 " if there is one.
//   3- \d{n} checks for exactly n number of digits so \d{3}
//   checks for three digits
//   4. - x|y checks for either x or y so (\(\d{3}\)|\d{3}
//   checks for either three digits surrounded by parentheses or three digits by themselves with no parentheses
//   5. [\s\-]? checks for spaces or dashes between the groups of digits.
//   6. $ end of the string

function numberCheck(str) {
  const regex = /^(1\s?)?(\d{3}|\(\d{3}\))[\s\-]?\d{3}[\s\-]?\d{4}$/
  return regex.test(str)
}

numberCheck("1 555-555-5555"); will display true
```

“Freecodecamp.org.” Edited by Quincy Larson, Telephone Number ValidatorPassed, Quincy Larson, 2014, www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.
El amor  por el código sí existe
Tags: programming, codequality, spanish, codereview
Published: 2021-08-29 22:11:24

Holaaaa Programador... No se trata de cosas banales o simplemente de un enamoramiento pasajero, el código te hace crear, te hace vivir, el código es como el pincel para el pintor, una herramienta capaz de hacernos crear cosas maravillosas, de la nada a algo que muchas personas pueden ver, usar, disfrutar, aprender, trabajar, en fin hacer que sus vidas sean más fáciles.

Nosotros los programadores somos los Da Vinci del siglo XXI, con nuestros código hemos mantenido a la gente en contacto gracias a las redes sociales, los hemos entretenido y hasta enseñado muchas cosas con videos, hemos ayudado a millones de empresas a mostrar sus productos y servicios, hemos y hemos y hemos... la lista es interminable, pero ¿cómo inició esta historia de amor?

Todo inició con un Hola Mundo, que alegría sentimos esa primera vez cuando el Hola Mundo apareció en nuestro navegador, fue amor a primera vista, eso no quiere decir que todo sea color de rosa, porque como en cualquier relación hay altas y bajas, como esa primera cuando nos salió Error 500, aaaarrrr me acuerdo y me lleno de coraje, porque son esas cosas incomprensibles que nunca lograremos entender, pero bueno unas cuantas respiraciones y unas cuantas caricias (ajustes) y ohalaaaa todo vuelve a la normalidad.

Durante nuestra vida como programador conoceremos diferentes personas con idiomas diferentes (lenguajes de programación) y con personalidades diferentes (frameworks), algunos les gustan las tradicionales y con mucha experiencia y otros se la pasan de mujeriegos saltando de una en una, pero esta bien, porque a diferencia de la vida real, en nuestro mundo de programadores esta bien enamorarse de mucha gente, claro está siempre existirá una que será nuestra favorita.

Así es como esta historia de amor, vive en nuestra computadora y en nuestra mente, yo solo espero seguir escribiendo código por muchísimos años hasta que sea un viejito, me imagino que ya para entonces si mis mano no dan para escribir pueda dictarle a algún both lo que pasa por mi mente.

Saludos,

Eloy Manuel
Tooling post
Published: 2021-08-29 22:08:05

Here is how to install open-wc from scratch.

1. Download Install Node LTS (https://nodejs.org/en/) (should install npm too).
2. Download yarn (https://yarnpkg.com/).
3. Open the terminal on your machine.
4. After navigating to the folder that you are going to use. Type the command npm init @open-wc
5. When the options arrive click -
a new project scaffold > web component > linting, testing, and demoing (check the boxes using the space bar) > Does not use typescript > type hello-world > clicked install using yarn.
6. The install is complete.
Primeiros vídeos no Youtube
Published: 2021-08-29 22:01:46

Aoba! Postei 3 vídeos no Youtube com algumas técnicas no QGIS 3.10 e no LibreCAD. Dê uma conferida:

https://www.youtube.com/watch?v=YVCHUwJ_Tfg
https://www.youtube.com/watch?v=omstjhLI2Vg
https://www.youtube.com/watch?v=kanunQoRgMA
How To: Open WC on macOS
Published: 2021-08-29 21:58:08

Hello! Today will be a blog post on how to instal and set up the appropriate tools to be able to use web components on macOS.

## NodeJS
The first step will be to install nodeJS LTS for more stability at the link here: https://nodejs.org/en/. All this download takes is a simple file and you are good to go.

## Homebrew
installing home-brew will make the rest of this process and future downloads much faster due to avoiding sudo access that could possibly come with making installations through npm. First, enter this into your terminal window: */bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"* Follow the instructions on the terminal window and wait till installation is done. *Note* This installation will require sudo access so make sure you know your password. 

## Yarn
Now installing yarn with node is simple, just type: brew install yarn, into your terminal window.

## Git
Also now is a good time to install Git while everything else is installing. Go to your terminal window and type: brew install git.

## Creating a Directory
Create a directory however you want on your machine, either through the command Lind or just the desktop. I made a new folder through the desktop by right clicking, then hitting new folder and naming it git. From there I created a new folder inside of it named edtechjoker, but you can name it whatever you want.

## Web Component
Now it is time to create your first web component.
1. go to terminal window and type: npm init @open-wc
2. Hit enter to select scaffold a new project
3. Hit enter to select Web Component
4. Hit A to select all then hit enter
5. Hit enter to select no to typescript
6. Type in "hello-world" no capital or spaces as the name of the web component.
7. Hit enter to select yes to writing to disk
8. Hit enter to install dependencies with yarn
9. After it is done building the web component, type in "cd hello-world"
10. Type in "npm run start"

Congratulations! you have just built your first web component!
Announcing Filecoin-Polygon Bridge and Free Storage for Developers
Published: 2021-08-29 21:55:52

The collaboration kicks off with the recently-created Filecoin-Polygon Bridge by the Textile team. To further encourage developers to try out and build on the bridge, Filecoin and Polygon are offering free storage costs for any projects using the Textile bridge. Both projects have also lined up two upcoming joint hackathons where developers can try their hands at the bridge and try building new applications.

Filecoin-Polygon Storage Bridge and the Vision of Web3 Interoperability
Textile’s release offers a fully functional storage bridge that allows developers to easily store data from any Polygon address without any new signups, secrets, or API keys — a first for the network. The bridge enables a simple, permissionless storage endpoint for developers and their Polygon application users. Currently it is operational on the Polygon mainnet and Mumbai testnet. In addition, Textile has a roadmap to gradually increase the usability of the bridge, and eventually, to decentralize governance of the bridge.

This is just the beginning.

Interoperability will enable a whole host of new Web3 applications, by allowing developers to combine capabilities from different blockchains to meet their particular needs. On the first level, Filecoin will bring greater functionality to Polygon applications that require decentralized and verifiable storage. This may be especially relevant to the 170+ and growing NFT and gaming projects building on Polygon. Eventually, new applications will emerge from the collective communities, driving towards new kinds of product-market fit in the decentralized world. Both Polygon and Filecoin are only just beginning to explore the possibilities of their respective protocols. Filecoin is more than just storage and Polygon is rapidly developing new functionalities..

Next Steps: Try out the Bridge and join us at the upcoming joint hackathons
Starting today, you can use the Polygon bridge on Mumbai and Mainnet.

To get started on the bridge deployment on Polygon, simply visit the instructions and documentation at: https://eth.storage. (All storage costs using the bridge are free!)

Stay tuned for more details of the Filecoin and Polygon collaboration, as well as joint Polygon x Filecoin challenges at hackathons!
Blog Intro
Published: 2021-08-29 21:52:44

Hello everyone!
My name is Andrew Theiller and I'm a senior studying Cybersecurity Analytics and Operations with a focus in application development. I've had a decent bit of experience with Java, but I have never coded in a scripting language so I am looking forward to that. I had an internship over the summer, but I did not do any programming in it. I look forward to learning another programming language and learning more about web design!