teleren/devto huggingface dataset:
COVID Counter (Coronavirus Case Counter)
Tags: contributorswanted, showdev
Published: 2020-03-26 18:49:08

I created a website that scrapes data off health agency websites and presents the number of COVID-19 cases in said jurisdictions. So far, I only have support for Orange County, CA (where I live), but I would like to add more, but would like suggestions from people who would use it.

It is live at [covid.josephgeis.dev](https://covid.josephgeis.dev), and the source code is [available on GitHub](https://github.com/juniorRubyist/covid-counter).

The front-end is static HTML/CSS, no JavaScript. The server-side is written in Python, and utilizes Flask for the routing. Each locale is a subclass, so then it is easy to manage, and less code to write.

I'm working on writing tests and documenting my code, and would like contributors. If you are interested, go check it out, and be sure to Star and Watch it on GitHub for updates on contributing.

Stay safe!
Your guide to Docker & Kubernetes 🐳
Tags: docker, kubernetes, architecture, anonymous
Published: 2020-03-26 18:44:32

This blog post contains docker examples on GitHub 👑 <br> https://github.com/aa-ahmed-aa/Docker-Kubernetes <br>
<br> You can find this blog here 📫
https://www.notion.so/Docker-Kubernetes-0181ef3069964e7b8848fae8cc18c7e0
Analizando un método de bypass de sistemas WAF
Tags: security, javascript, xss
Published: 2020-03-26 18:26:55


El método que se muestra en la imagen es comúnmente utilizado en ofuscación de código javascript malicioso para realizar ataques de XSS, para los que se preguntar para que ofuscar este código?, bueno los Firewalls o los sistemas conocidos como WAF por ejemplo los de Clouflare, Akamai, filtran todo tipo de código malicioso antes de que este llegue a a una servidor/servicio/gateway/proxy reverso de backend, pero gracias algunas técnicas es posible pasar alguno de estos filtros.

El código a continuación es capaz de pasar varios tipos de filtros:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/36adfw8l2ge3yjcowkwk.png)


Ahora lo interesante es saber por que este segmento de código es capaz de ejecutarse y saber que esta ocurriendo en el fondo.


### Analicemos que esta ocurriendo por partes

<br>

```javascript

// obtiene el valor unicode representado de forma decimal 
'('.charCodeAt() // 40

// se pasa de valor unicode decimal a su repretacion hexadecimal base 16
Number(charCode).toString(16) // 28

// se pasa de su valor expresado de forma hexadecimal a su presetacion decimal base 10
Number(0x0028) // 40

// representación de valores unicode hexadecimales a string, siguiendo el ejemplo anterior entoces podemos representar los valores de esta forma reemplazado "0" por "/" y "x" por "u"
'\u0028' // '(' 
'\u0029' // ')'

// ahora realicemos la representación corta y ocultemos los paréntesis ya que estos van a ser detectados por los filtros 
'\x28' // '(' 
'\x29' // ')'

// gracias a los template string incorporados en ES6, ahora las funciones pueden ser invocadas de esta forma ``, esto es algo que ya muchos saben. 
const test = (msg) => alert(msg[0])
test`hello wold`

// como todos saben el constructor de Set y de cualquier funcion es Function, por ende cada función va a heredan el comportamiento de invocación que se muestra en la función test
Set.constructor instanceof Function // true
test.constructor instanceof Function // true

// entonces si creamos una función y luego la invocamos comprenderemos que ocurre cuando se invoca al contructor de esta forma Function``
Function(['console.log("hello")', 'console.log("world")'])() // hello world

// lo que realiza el constructor de la función de arriba es algo muy similar a esto
const fn = (fns) => Function(fns.reduce((c, fn) => c += `${fn};`, ''))
fn(["console.log('hello')", "console.log('world')"])() // hello world
```

Ahora expresamos la función del principio de otra forma para que se vea todo más claro, creamos una función y pasamos como argumento un bloque de instrucciones y luego invocamos la función resultante.

![](https://dev-to-uploads.s3.amazonaws.com/i/fqbw77gz6ryenzkhk6hk.png)


<br>

Bueno como lo ven no es tan complejo, existen algunos métodos que realmente contiene bastante complejidad, pueden ver alguno de ellos en este enlace:

[xss filter evasion cheatsheet](https://owasp.org/www-community/xss-filter-evasion-cheatsheet)
A small tool for view the files of a package
Published: 2020-03-26 18:04:44

Hello everyone, this post is about an online gadget, which saves me a lot of time.

`cdn-viewer` can view the contents of packages from `NPM` or `GitHub`, It also has these features:

  - show size of each file
  - copy CDN link
  - share current package content

The project hosted on [GitHub](https://github.com/unix/cdn-viewer), I hope you will like it.

----
### Preview

![preview](https://user-images.githubusercontent.com/11304944/77679746-f0f83a80-6fcd-11ea-9a4b-edf3faed76b6.png)
Get Out, Git! - Building SaaS #33
Tags: python, django, saas, ansible
Published: 2020-03-26 18:03:58

{% youtube LI1tejZkrQg %}

In this episode, I removed the Git clone from the server.  This is some of the final cleanup to streamline the deployment process.

Before we could remove the clone completely, we had to decouple the final remaining connections that still depended on the repository clone.

The first thing to clean up was the [Let's Encrypt](https://letsencrypt.org/) certificate fetching process.  The load balancer's Ansible playbook had this task:

```yaml
- name: Create cert
  become: yes
  command: >
    /usr/bin/letsencrypt certonly --webroot
    --email "{{ secrets.conductor.email }}"
    --agree-tos
    --webroot-path "{{ client_root }}"
    -d "{{ root_domain }}"
    -d "{{ client_domain }}"
  when: deployment == "production" and certdir.stat.isdir is not defined
  notify:
    - Restart Nginx
```

The trouble was that this `client_root` pointed at a directory within the repository.  This was for historical reasons related to hosting my long-since-gone Ember client app.  We changed the `client_root`, but then had the challenge of how to test the change.

My staging environment doesn't use actual Let's Encrypt certificates.  You can observe in the Ansible task above that the task only runs `when` the deployment is `"production"`.  To get some confidence that the change would work, I deployed, the logged into the server and ran the `letsencrypt` command above, but used the `--dry-run` option to test things out.

Along the way of making this `client_root` change, I explained how Let's Encrypt works to fetch TLS certificates for your domain.  It's a really great service!

The other big change that I made centered around getting the Git SHA of the master branch.  Since this process is removing the clone, we needed a way to get the SHA because that is used as the version to pull the application from S3.

Getting the SHA from a local clone is a side effect of using the Git module in Ansible.  Without that clone, I needed another command.  Ultimately, I crafted this task:

```yaml
- name: Get the latest SHA from GitHub
  become: yes
  shell: "git ls-remote https://github.com/mblayman/conductor.git \
    refs/heads/master | cut -f1"
  register: gitsha
```

`ls-remote` lets you inspect the branches of a remote repository.  The output include more information than I needed, but the trusty old `cut` command let me extract the SHA quickly.

With the Git clone removed, I can remove the ssh deployment key for my system which will tighten up the security of my deployment process.

On the next stream, I'm thinking of using [WhiteNoise](http://whitenoise.evans.io/en/stable/) to make my static asset management even simpler and continue cleaning up deployment.

This article first appeared on [mattlayman.com](https://www.mattlayman.com/building-saas/get-out-git/).
Learn RxJS from Ben Lesh! Free RxJS Training during the JavaScript Marathon by This Dot Labs
Tags: rxjs, javascript, trai
Published: 2020-03-27 14:51:57

---
title: Learn RxJS from Ben Lesh! Free RxJS Training during the JavaScript Marathon by This Dot Labs
published: true
date: 2020-03-26 18:03:41 UTC
tags: RxJs,javascript,trai
canonical_url: https://www.thisdot.co/blog/learn-rxjs-from-ben-lesh-free-rxjs-training-during-the-javascript-marathon
---

Curious about getting better at functional programming, but haven't had the time or resources to start?

Look no further, because This Dot Labs is bringing you free training with Ben Lesh, the author of RxJS and Co-Founder at This Dot.

In celebration of our new remote, [corporate training offerings](https://labs.thisdot.co/trainings), we invite you to a few weeks of free, live RxJS courses.

These are just one of the weekly free sessions we're hosting on topics, including Vue, React, Angular, and Web Performance! Find out the full schedule at [JavaScript Marathon](https://javascriptmarathon.com).

Sign up for any of these free courses today!

![RXJS](http://images.ctfassets.net/zojzzdop0fzx/3XEFFfqMpDYSqCc7kIGEvh/ed061299e3ee274fea0178417798baf5/RXJS.jpg)

- April 1, 2020: [1 Hour to Learn RxJS](https://labs.thisdot.co/resources/1HourtoLearnRxJS) 

Learning about Observables and operators including how to build an Observable from scratch.

- April 15, 2020: [Flattening Operators 101](https://labs.thisdot.co/resources/FlatteningOperatorsInRxJS101)

Learn about mergeMap, concatMap, switchMap, exhaustMap, and which ones to use, and when.

- April 29, 2020: [Subjects 101](https://labs.thisdot.co/resources/SubjectsInRxJS101)

Learn about Subjects, multicasting, common mistakes, and how to use them properly.

You can RSVP to attend any of these amazing events, hosted by Ben Lesh, by clicking on the hyperlinks above! If you have any questions, or want to learn more about the JavaScript Marathon series, visit [javascriptmarathon.com](https://labs.thisdot.co/blog/announcing-free-javascript-training-during-the-javascript-marathon-this-dot), or email us at [hi@thisdot.co](mailto:hi@thisdot.co).

_This Dot Labs is a modern web consultancy focused on helping companies realize their digital transformation efforts. For expert architectural guidance, training, or consulting in React, Angular, Vue, Web Components, GraphQL, Node, Bazel, or Polymer, visit thisdotlabs.com._

_This Dot Media is focused on creating an inclusive and educational web for all. We keep you up to date with advancements in the modern web through events, podcasts, and free content. To learn, visit thisdot.co._
Nots.io | Keep your documentation up‑to‑date
Tags: showdev
Published: 2020-03-26 17:41:36

tl;dr check it out at [Nots.io](https://nots.io) or try a [demo](https://nots.io/demo)

![Cover image](https://notsio-covers.s3.amazonaws.com/0_Cover.png)

## 🤔 The problem: 
During my career, I saw so many times, how the company’s docs and internal knowledge pile up in some knowledge base, wiki, google docs or simply in .md files in the repo. And after a while, everything turns into a mess. It’s hard to find the right document and determine whether it actually covers the code developers are working on right now. When you find something,  it’s tedious to detect if the document is not outdated and everybody can trust it.

## 🛠 Solution:
That’s why we decided to build a tool to reflect our look at the documentation. With [Nots.io](https://nots.io/)  it’s possible to link any type of doc directly with the code. Make a short note or full-blown markdown spec right at the site. Upload an exiting image, PDF or import GoogleDoc file from your GDrive. Automatically import description and discussion from GitHub pull requests. Get links from jira issue numbers. We know that docs could be spread across many places.

Then in the system select several lines of code, whole file, commit or branch and link the doc you have with the code. Now all docs have a clear scope. It’s easy to discover what is documented from our site or right from your IDE (right now we have plugins for VSCode and IDEA). Open a file, and if there’s a document for a line(s) added before, you’ll see an icon. Click and get the documentation!


We also track the relevance of each added document. When new commits come in and the code behind the doc changes, we decrease its relevance factor (we call it the fresh-rate). This answers whether the doc is fresh today, and you may rely on it. All this keeps the documentation up-to-date.

Would love to get your feedback! 🤩

![Create project screenshot](https://notsio-covers.s3.amazonaws.com/1_Screen.png)
![Add documentation for a file](https://notsio-covers.s3.amazonaws.com/2_Screen.png)
![Document commit](https://notsio-covers.s3.amazonaws.com/3_Screen.png)
![Link a file](https://notsio-covers.s3.amazonaws.com/4_Screen.png)
![Find what is documented](https://notsio-covers.s3.amazonaws.com/5_Screen.png)
![Discover if obsolete](https://notsio-covers.s3.amazonaws.com/6_Screen.png)
![Add tags](https://notsio-covers.s3.amazonaws.com/7_Screen.png)
![Discuss](https://notsio-covers.s3.amazonaws.com/8_Screen.png)
Using Scoop to Manage My Dev Tools on Windows 10
Tags: productivity, windows, scoop, setup
Published: 2020-03-26 17:40:49

---
title: Using Scoop to Manage My Dev Tools on Windows 10
published: true
tags: productivity, windows, scoop, setup
---

Lately I've been switching between multiple machines for development, and with it comes downloading different tools for different projects many times. 

I wanted a way to easily manage the tools while also contextualizing them based on type of work (e.g. tools for Java) and making the installation scriptable to easily move from one machine to another. Enter Scoop.

## My Setup

[Scoop](https://scoop.sh/) is a "command-line installer for Windows." It's simple to use, installs the tools cleanly, and covers my use cases (reading the ["So What?" page](https://github.com/lukesampson/scoop/wiki/So-What) had me nodding and thinking "yup").

I wrote a [script](https://github.com/jcnguyen/dotfiles/tree/master/scoop) that downloads Scoop and installs my basic utility tools and development-specific ones. Scoop will raise a warning and skip over any packages that's already installed, so I can run the script on a new machine or one already setup with Scoop.

For existing dev environments, I did some (optional) manual work &mdash; Scoop installs tools in the `~/scoop/` directory in the user account, so if a program is already installed on a machine and is installed again via Scoop, the program will exist in multiple places. To keep it clean, I manually uninstalled some programs (usually utility tools like Git) before running the script.

## Scope

Scoop can be used to install non-dev programs like [Chrome or Slack](https://github.com/lukesampson/scoop-extras/tree/master/bucket) by adding [other buckets](https://github.com/lukesampson/scoop/wiki/Buckets). For now I use Scoop only in the context of development work, so the other buckets don't get much use from me. Even within a dev context, I'm holding off on using it to manage all my apps like editors and IDEs. Maybe a future project.

# Conclusion

I'm happy to off-load thinking about what to download to Scoop, and it's been a welcome addition to my workflow.
On.NET Episode: Paying it forward with mentorship
Tags: robotics, mentorship, beginners, dotnet
Published: 2020-03-26 17:17:54

While we were at the Caribbean Developers Conference, we caught up with Noe Branagan to discuss the work he does with teaching and mentoring students in robotics!

{% youtube axDTYxga75Q %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [.NET Developers YouTube Channel](https://www.youtube.com/channel/UCvtT19MZW8dq5Wwfu6B0oxw).
FIX Master Is Awesome
Tags: todayileared, finance, vscode
Published: 2020-03-26 17:09:27

---
title: FIX Master Is Awesome
published: true
description: VS Code Plugin for FIX Protocol
tags: todayileared, finance, vscode
---

#The Problem 

The Financial Information Exchange protocol (https://www.fixtrading.org/) is a communication format that defines how financial institutions communicate transactions to one another. It is a text-based format where each message consists of a bunch of numbered tags as keys and their corresponding values. An equal sign separates tags and values. The 0x01 (SOH) character separates the tag/value pairs.

For example, the simplest message that you will send or receive is a heart-beat message. The HeartBeat is a periodic message that each side sends to let the other side know that your application is still around and in a good state.
Here is an example Heart Beat:

```
8=FIX.4.2|9=74|35=0|34=4846459|49=MySystem|52=20200325-15:00:16.455|56=TargetSystem|10=195|%
```

I've replaced the SOH characters with pipes so you can see them.

As you can see, this format was created to be compact over the wire, but not necessarily easy to interpret by people. Programs use a Data Dictionary that defines what the tags mean. When troubleshooting FIX connectors, you are often having to look at large files containing thousands of these messages, against data dictionaries which have hundreds of tags defined.

#The Solution

While troubleshooting why my application failed to process some messages, I thought there has to be a better way to look at these FIX logs. I was thinking of writing a VSCode plug-in to parse these types of log files and print them in a human-readable format. It turns out that a man named Gary Huges beat me to the punch. This VSCode plug-in already exists, and it is called FIX master.
You can find it here: https://marketplace.visualstudio.com/items?itemName=geh-fixmaster.fixmaster or by searching for "FIX Master" in the Visual Studio Code Extension Marketplace.

This plug-in will pretty print your FIX messages and do the required dictionary lookup. For example, the plug-in will turn the example heart-beat above to this:

```
Heart-beat
{
 BeginString    (8) FIX.4.2
  BodyLength    (9) 74
     MsgType   (35) 0 - Heartbeat
   MsgSeqNum   (34) 4846459
SenderCompID   (49) MySystem
 SendingTime   (52) 20200325-15:00:16.455
TargetCompID   (56) TargetSystem
    CheckSum   (10) 195
} 
```

If you do any work with FIX Protocol messages, I encourage you to check out this excellent plug-in. If you like it be sure to leave a review in the Marketplace and Star the project on Github.
100daysofcode Flutter
Tags: 100daysofcode, flutter
Published: 2020-03-26 17:04:22

day 17/100 of #100daysofcode #Flutter
Belajar Flutter , dari kursus Udemy from
@maxedapps

Learning about Navigator, unknowing route, generateroute,firstWhere on list,
https://github.com/triyono777/100-days-of-code/blob/master/log.md
Trabalhando remoto
Tags: dicasdetrabalho, trabalhoremoto, remoto, covid
Published: 2020-03-27 12:26:40

---
title: Trabalhando remoto
published: true
date: 2020-03-26 14:55:46 UTC
tags: dicas de trabalho,trabalho remoto,remoto,covid
canonical_url: 
---

Eu já trabalhei remotamente e presencialmente durante anos e posso dizer que criar novos hábitos e deixar para trás os antigos é a parte mais difícil de qualquer processo de adaptação. Infelizmente períodos de crise, como a pandemia que estamos vivendo agora, pedem que façamos mais esforços para continuarmos sendo pessoas producentes na medida do possível.

Não vou te dizer que existe uma receita mágica para montar o seu home office e trabalhar no modo de fúria de todos os dias, mas existem processos que podem te ajudar a cada dia que passa se encontrar mais confortável numa rotina nova. Então vou compartilhar aqui as dicas que sigo e me ajudam a trabalhar remotamente.

---

Para continuar lendo clica no botão aqui de baixo pra seguir lá pro outro blog 👇



[![](https://jtemporal.com/images/clique-aqui-para-ler.png)](https://jtemporal.com/trabalhando-remoto/)
From Idea to Launch
Tags: react, showdev, javascript
Published: 2020-03-26 16:57:49

---
title: From Idea to Launch
published: true
description: A series where I show you how to take an idea and using React, NextJS and Now push it to production and launch it on Product Hunt.
tags: react, discuss, showdev, javascript
---

I have doing a lot of work recently on my own projects, things like: [team-img.now.sh](https://team-img.now.sh) and [PaaSsword](https://paassword.now.sh). I launch both of these on Product Hunt and realized that it was super helpful to show off work you have done. Especially work that you think would be useful for other people!

So I am creating a series of videos to showcase my process of taking an idea all the way to launch on Product Hunt. I re-built a tool that I really like to use for myself: [Wachstum.space](https://wachstum.space). I am going to walk you through how I made it and show case why I love to use React and NextJS to build all of my projects.

Hope you enjoy!

{% youtube Y2-O20RclNI %}
new header, who dis
Tags: meta, design
Published: 2020-03-26 16:55:28

**TL;DR** You may have started noticing more updates in the UI recently. And we have just updated the header!
We've been working pretty hard on building new awesome features and improvements. Some of them are meant to be invisible yet super helpful: feed improvements or upgrading some of our infra. But we've also made some changes that affected visuals.

#Frontend Codebase

Like in many projects, the front-end part of a codebase is... well... not ideal. We have tons of CSS files, lots of spaghetti code, duplicated styles, and much, much, more...

It's a classic scenario: the feature or view needs to be built. The Dev or Designer decides to write super short and simple front-end code to ship a feature fast. And 2000 lines of code later you just can't go back :)

Taking a more holistic approach is actually what we've been trying to do. We've started building our own Design System. It includes not only design guidelines, but also front-end documentation of how to use the styles and components.

Overall, this is our approach (I will write more about our Design System in the future):

- We now have real components and views built in SCSS (well, just a few of them, but that's a good start!).
- We also have utility-first classes ([TailwindCSS](https://tailwindcss.com/) - does that ring a bell?) ready to be used anywhere in the markup.
- At the same time 95% of our code is legacy code, not following any rules or guidelines. We will be slowly updating that alongside releasing new style.

Which is a good segue to...

#New header

![Header](https://dev-to-uploads.s3.amazonaws.com/i/a725mkkizo8bzzfkzlkl.png)

One of the very first elements that we've decided to update is our header. You may notice it looks slightly different than couple days ago (if not, hit the hard refresh... If still nothing, I could have broken something and we had to roll it back :D). It's just a refresh, not complete redesign or anything. But we hope you'll like it! There's much more coming and this header update is just a teaser.
Let's play this
Tags: html, css, vscode
Published: 2020-03-26 16:54:40

Front-End developers -
Guess what is it
template>(header>ul>li*3>a)+footer ?

Ans: Its called Emmet
Output for the above Emmet:
```
   <template>
       <header>
           <ul>
               <li><a href=""></a></li>
               <li><a href=""></a></li>
               <li><a href=""></a></li>
           </ul>
       </header>
       <footer></footer>
   </template>
```

How cool is it ?

Check how to use it
https://docs.emmet.io/
Cheat-sheet
https://docs.emmet.io/cheat-sheet/
How to effectively build and manage a remote development team
Tags: webdev, hiring
Published: 2020-03-26 16:24:31

In February of 2020, our COO, Alexey Likhachev, presented a report at the TeamLead Conf 2020 in Moscow. He shared Evrone’s experiences of successfully managing remote teams. We hope that this article will become your guide to 20 best practices that will help you build, grow, and manage a team that is fully remote and spread around the world. 

From the day Evrone was founded, it was designed for remote development. Even the two founders of the company work from different cities. Over the past ten years, we have conducted a lot of experiments and built all the necessary processes to work efficiently with a completely remote team.

https://evrone.com/remote-teams-management