teleren/devto huggingface dataset:
Universal Data Tool Weekly Update 3
Tags: computerscience, datascience, machinelearning
Published: 2020-08-21 17:43:16


If you haven’t heard of the Universal Data Tool, it’s an open-source web or desktop program to collaborate, build and edit text, image, video, and audio datasets with labels and annotations. You can get started with [the Universal Data Tool](http://universaldatatool.com)

This is our third community update! We’re hoping by releasing these we can better engage the community and encourage new contributors. Let’s get started…

To watch full video click [here] (https://youtu.be/uQ1ITe88TM8)  

# New Feature: Two different AWS authentication methods

Universal Data Tool now supports 2 methods of the authentication, you can either use Incognito mode or regular IAM mode.

To use the IAM mode, you just need to enter your Access Key ID, your Secret Access Key, and the region of your S3 bucket and you’re good to go.

The CORS proxy allows you to make requests of the things where the CORS origin security rules don’t allow you to use access to the resource. We introduced this week because it will allow us to use AWS S3 API. There are 2 new options to upload that’s IAM and S3.

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

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

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

# New Feature: Fixes for Login with Cognito and import via S3 (Cognito)

We also have the fixes for Login With Cognito including the detection of the upload state, So when anyone logs in and refreshes the page, it remembers to keep logged in.

We also fixed import via S3 (Cognito), so it loads automatically from the bucket. Another fix is for the local directory import.

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

That’s it for our third community update, be sure to follow us on [Twitter](http://twitter.com/UniversalDataTl), or join our [Slack](https://workaroundon.slack.com) to hear more!
Page briefly appears without formatting before website loads
Tags: help, webdev, html, jquery
Published: 2020-08-21 17:34:19

I've been struggling along with a bug on my personal website. When I load any of the pages, the page briefly displays the contents without any formatting (as seen on the left) before the page fully loads and seemingly applies the formatting (as seen on the right). To try to remedy this, I added a loading screen that waits for the page to fully load using jQuery using `$(window).on("load",function())`, but the non-formatted content still loads briefly before the loading screen even renders. I'm currently using Bootstrap and my own stylesheet, and I have downloaded and stored Bootstrap as a local stylesheet in an attempt to fix the problem (I think that the unformatted page displays for a shorter amount of time when the stylesheet is being imported locally rather than from the Bootstrap website). 

Does anyone know how to fix this or have any advice on why this is happening? I have a hunch that this might have to do with my internet being slow and somehow loading the content of the page before the styling - so maybe I'm making a big deal out of nothing here, but I have no way of substantiating that claim. Also, [here is a link to my website (jasondamico.me) for your reference](jasondamico.me).

Thank you for your time.
What Book(s) Are You Currently Reading To Be a Better Programmer?
Tags: productivity, career, books, beginners
Published: 2020-08-21 17:26:56

I just started *The Pragmatic Programmer* by Andy Hunt and Dave Thomas.

You can view the list of tips to become a better programmer from *The Pragmatic Programmer* [here](https://pragprog.com/tips/).

What book(s) are you reading right now?
Practising CSS - Cloning a Web Site
Tags: css, learning, webdev
Published: 2020-08-21 17:23:29

## Introduction

I've almost finished my second week of learning CSS, with the main (beginner) topics that are left are flexbox and responsive design.  My plan is to get to them next week.  To finish this week off though, I've decided to make a clone of the [Hyde Jekyll template](https://hyde.getpoole.com/).

This article is part of my 30 Days of CSS.  You can follow my progress on Twitter at @cloudblogaas.

## Hyde

Hyde is a theme that can be used within Jekyll websites, the main feature being the strong left hand side bar (which can be on the right if you want) and clean content.  You can see an image of it below.

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

In making a copy of this, I've not looked at the CSS for the original (apart from obtaining the names of the fonts). I've tried to make a similar clone, but not an exact copy.

## Welcoming Seek - The Clone of Hyde

Looking at my clone below, you can see that its very similar.  Its not a 100% copy, for example the padding is a bit different in places, but this is my first experience of copying a web site design and I'm very pleased with how it turned out.

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

I'm not going to go through the entire codebase of how I developed this, but here are some of the keypoints.

* To make things easier, I did all the HTML first and then styled it after.
* The layout is based on a floating column to the left of the screen.
* The floating column contains a div with a `position: fixed` attribute.  This allows the left hand side to remain constant whilst the rest of the page is scrolled.
* The navigation components in the sidebar are all stored within a html `nav` element as a `ul`.  From what I can read, this seems to be a standard way of doing navigation links.
* All the sizes are fixed and do not change when the page is resized.  The page isn't responsive.  This is on my list to implement.

You can get the full source code for this on my CodePen.

{% codepen https://codepen.io/cloudblogaas/pen/QWNGrzj %}

## What did I learn doing this?

The main thing that I learned was that watching no amount of videos will make you good at CSS.  You have to practice.  There are no complicated images or effects in this page, it's more of an exercise in CSS layout.

You need to understand CSS Selector precedence.  Doing this has shown me the sort of problems you can experience with css precedence if you're not careful with naming and ordering of elements.

Above all, I enjoyed doing this, and am looking forward to my next attempt.

## Credits

[Hyde Theme](https://hyde.getpoole.com/)

<span>Photo by <a href="https://unsplash.com/@bedeviere?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Bimata Prathama</a> on <a href="https://unsplash.com/s/photos/clone?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
Building API Automation Framework in Rest Assured
Tags: tutorial, maven, testing, restassured
Published: 2020-08-21 17:05:31

In this video of Rest Assured For beginners, We are going to Start creating our Folder Structure of API Automation in Rest Assured.

This video is part of 30 Days API Testing with Rest Assured. Where we learn How to get started in Rest Assured and Create our own API Automation From Start.

You can download the MindMap and source code below to Get started.
👉Source Code - https://go.scrolltest.com/raw-start
👉 Mindmap - https://go.scrolltest.com/raw-mm
👉https://github.com/topics/restassured

{% youtube hwb0IPGi6DI %}

✅ Rest Assured MasterClass (build your Own API Automation Framework from Scratch even as a complete beginner
 👉 https://apitesting.co/enroll
What was your win this week?
Tags: discuss, weeklyretro
Published: 2020-08-21 16:52:17

---
title: What was your win this week?
published: true
description: Got to all your meetings on time? Started a new project? Fixed a tricky bug?
tags: discuss, weeklyretro
cover_image: https://cl.ly/188e843c2985/download/Image%202019-02-15%20at%202.36.37%20PM.png
---

👋👋👋👋

Looking back on your week — what was something you're proud of?

All wins count — big or small 🎉

Examples of 'wins' include:

- Getting a promotion!
- Starting a new project
- Fixing a tricky bug
- Cleaning your house...or whatever else that may spark joy 😄


**Have a great weekend!**

![Friday](https://media.giphy.com/media/upg0i1m4DLe5q/giphy.gif)
Assessores em Javascript
Tags: javascript, angular, react, vue
Published: 2020-08-21 16:43:56

Antes de mais nada vamos tentar de uma forma simples nivelar o conhecimento sobre o assunto do nosso post.

Muita gente pode não conhecer em nível de detalhes, mas tenho certeza que já usou, e usou muito nos seus códigos javascript pela vida ~

*O que são assessores?*
> Segundo MDN — Mozilla Developer Network:
Os assessores de propriedade fornecem acesso as propriedades de um objeto usando a notação de ponto ou a notação de colchetes.
[Link MDN](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Operators/Property_Accessors)

A linguagem javascript nos fornece duas (2) notações para acessar propriedades de um objeto, são elas:

* *Notação de ponto "."*
* *Nota de colchete "[]"*

# Notação de ponto "."

Quando falamos da notação de ponto object.prop nos referimos as propriedades estáticas, ou seja, com o nome exato.

Pontos importantes

* Identificadores só podem ser alfanuméricos. (Permitido `_` e `$`)
* Não utilize caracteres especiais. (`"~" / "," / "-"/` entre outros)
* Não nomeie uma propriedade começando com número
* As propriedades não podem conter variáveis

Dado a estrutura de dados:

```
let user = {
  "name": "John",
  "age": 28,
  "city": "New York",
  "tel_1": "1143845554",
  "isActive$": true
}
```

Podemos acessar as propriedades da seguinte maneira:

```
user.name
// John

user.age
// 28

user.city
// New York

user.tel_1
// 1143845554

user.isActive$
// true

```

# Notação de colchete "[]"

A notação de colchete "[]" object["prop"]é um pouco mais flexível se comparada com a notação de ponto "." object.prop .

Nesse caso podemos ter propriedades dinâmicas, não existem problemas em usar variáveis, aliás, aqui elas são bem vindas, espaços e strings que começam com números também são.

Dado a estrutura de dados:

```
let user = {
  "name": "John",
  "1tel": "9985554475"
  "age": 28,
  "address": {
    "postal Code": "3334444",
    "country": "USA"
    "city": "New York"
  }
}
```

Podemos acessar as propriedades da seguinte maneira:

```
let ageUser = "age";
user[ageUser]
// 28

user["name"]
// John

user["1tel"]
// 9985554475

user["address"]["postal code"]
// 3334444

user["address"]["city"]
// New York
```

# Dicas

* Evite criar propriedades que iniciem com números, por exemplo `1tel`
* Evite criar nomes de propriedades com espaços, por exemplo `full name`
* Não crie propriedades com caracteres especiais `"~" / "," / "-"` entre outras

Muito obrigado pela sua leitura, nos falamos em breve!
Proof of concept for How They Voted
Tags: opensource, javascript, architecture, contributorswanted
Published: 2020-08-21 16:40:52

## A project I am working on - How They Voted

**TL;DR** - Check out [How They Voted](https://howtheyvoted.ie) and the [How They Voted organisation on Github](https://github.com/How-They-Voted-Ireland)

This is an app to easily see how TDs (elected representatives in Ireland) have voted on issues in the Dáil (Irish parliament).

It is very early stages now but the goal is to create something to allow users to easily answer the question:

> How did _{my-local-td}_ vote on that issue/bill/motion?

This is what the mobile version of the app looks like:

<img src="https://boxitoff.s3-eu-west-1.amazonaws.com/images/how-they-voted-v0-mobile.jpg" class="image-center" title="Screenshot of mobile version of the How They Voted app">

And this is the desktop version:

<img src="https://boxitoff.s3-eu-west-1.amazonaws.com/images/how-they-voted-v0-desktop.jpg" class="image-center" title="Screenshot of desktop version of the How They Voted app">

## Built with Svelte and Sapper

I've been using Svelte and Sapper a lot lately - this site was recently migrated from Gatsby to these in a few days.

The How They Voted app is built to run as a statically generated site using Sapper's `export` script.

It's hosted on Github Pages and is deployed on a merge to Master using Github Actions.

I'm really happy with it. It is very early days now but the main page of the app has a Lighthouse score of 95 - Performance, 100 - Accessibility, 100 - Best Practices, 100 - SEO.

The app is a PWA by default. I haven't done anything with this though yet, it's just built using the default Sapper settings.

## Using public APIs

All the data used in the app is pulled from the oireachtas.ie servers unless stated as coming from elsewhere.

The APIs provided by the team there are very good and any questions I have had have been answered in good time and always with extra info.

I wasn't able to retrieve some data through the API so I created some scraping tools with Node and Puppeteer.

## Idea and goals

The main goal for this project is to give a non-partisan view of the public dealings of our government. I believe that the more engaged and informed we are of what is happening in government, the more we can influence what happens there and can hold our elected officials to account.

I have a few ideas about where to go next with the app:
 - Better design
 - TD stats - how they tend to vote, what issues they engage with, etc...
 - Services to automate collection of data (currently happens manually)
 - Peer reviewed contributions for naming, tagging, summarising votes and debates

## Contributing

There is a lot of work needed to make this app achieve all its goals. These contributions will be for code, content, ideas, governance and probably a hundred other things I haven't thought of yet.

It's my first time working on a project like this and I've regularly questioned my motives and the whole concept but it has also been fun to work on. I'm looking forward to seeing where this all goes :D
Why are we using single file components in the first place?
Tags: vue, svelte, discuss, typescript
Published: 2020-08-21 16:36:35

Be it Vue, Svelte or Riot; I feel that VSCode has hard time check for TypeScript inside it...

Vue's [Vetur](https://github.com/vuejs/vetur) is shit. It doesn't support monorepos at the very least.

JavaScript-based, e.g. JSX, hyperscript, have none of these problems...

Angular, being multiple files in a single folder, doesn't have these problems also.
Dendron – a Roam like, open source, markdown based note taking app built on top of VSCode (dendron.so)
Tags: productivity, vscode, typescript, github
Published: 2020-08-21 16:31:52

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

Dendron is a knowledge management tool that focuses on hierarchal note taking. It provides the freedom of Roam’s every note exists everywhere philosophy while layering on top flexible hierarchies to keep track of it all.

While Dendron works with knowledge bases of any size, it really shines once you’ve accumulated a few hundred notes. I created it to handle my personal knowledge base of 20k+ markdown notes - Dendron lets me track and find any specific note in it in seconds.

Notes created in dendron can be published using github pages. Dendron's [homepage](https://dendron.so) is published from this [github repo](https://github.com/dendronhq/dendron-template).

Dendron is currently in preview and under active development. If you are looking for a better way of taking notes, I encourage you to give Dendron a try. 

For folks coming from DEV, I'm also offering a [30min onboarding](https://calendly.com/thence/dendron) to help get started and setup a workspace that matches your note taking goals :)
Funny Section Title
Tags: programming, documentation, funny
Published: 2020-08-21 16:22:42

---
title: Funny Section Title
published: true
description: 
tags: programming, documentation, funny
---
(Way) Back in the day, I was revising the TOPS-10 Utilities Manual.  It had tabbed sections, including one called "Miscellaneous," which I thought a worthless section title.

I found homes in other sections for all but two utilities, which were:
- PAT: Modify (patch) compiled object code.
- ZAP: Modify running machine code.

I figured these belonged together, but didn't have a good idea for the section title. So I asked an OS developer.

His answer:
- Section title: "Read Me Last!"
- Illustration: Dev with gun pointed at own head.
How to Use Excel INT Function in Office 365? – [with Examples]
Tags: excelfunctions, excelintfunctioninof
Published: 2020-08-21 16:55:01

---
title: How to Use Excel INT Function in Office 365? – [with Examples]
published: true
date: 2020-08-21 16:20:57 UTC
tags: ExcelFunctions,ExcelINTFunctioninOf
canonical_url: https://geekexcel.com/how-to-use-excel-int-function-in-office-365-with-examples/
---

## INT Function in Excel:

This article explains the usage of **Excel INT Function in Office 365** with its basic syntax, explanation, and examples. Let’s get into this article!! Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

 ## INT Function – Explanation:

- This function will **round a given integer number down to the nearest integer**.
- You can use both positive and negative integer values.
- For example, **INT(6.2)** returns **6** , **INT(-1.2)** returns **-2**.

## Basic Syntax:

**=INT(number)**

### **Parameter Definition:**

**Number** – The input number which you want to round down to the nearest integer.

### Note:

- If you give non-numeric values such as letters and special characters to the argument, it will return **#VALUE!** Error.

## Examples:

Let’s see an example to know this function.

### Example 1:

- You can see the below example image. In that, the input value is in the **cell A2** , and its output is in the **cell B2**.
- The number **12.5** rounded down and display the output as **12**.

![INT Function in Excel](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/1-57.png)<figcaption id="caption-attachment-12188">INT Function in Excel</figcaption>

### Example 2:

- If you give any non-numeric values such as letters and special characters in the argument, it will return **#VALUE!** Error.

![Example 2](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/2-42.png)<figcaption id="caption-attachment-12189">Example 2</figcaption>

## End of the Article:

In the above article, you can clearly understand the usage of **Excel INT Function in Office 365** with its syntax, explanation, and examples. Leave your **queries or suggestions** in the below comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!

### Keep Reading:

- [How to use Excel TEXT Function in Office 365?](https://geekexcel.com/how-to-use-text-function-in-microsoft-excel-365/)
- [How to Use Excel SHEETS Function in Office 365? – [With Examples]](https://geekexcel.com/how-to-use-excel-sheets-function-in-office-365-with-examples/)
How to Use Excel LCM Function in Office 365? – {with Examples}
Tags: excelfunctions, excellcmfunctioninof
Published: 2020-08-21 16:55:14

---
title: How to Use Excel LCM Function in Office 365? – {with Examples}
published: true
date: 2020-08-21 16:18:06 UTC
tags: ExcelFunctions,ExcelLCMFunctioninOf
canonical_url: https://geekexcel.com/how-to-use-excel-lcm-function-in-office-365-with-examples/
---

## LCM Function in Excel:

In this article, we will discuss the **Excel LCM Function in Office 365** using the syntax, definition, and examples. Let’s step into this article!! Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

 

## LCM Function – Definition:

- This function **returns the least common multiple of the given integer value**.
- **LCM** is the smallest positive integer that is a multiple of all given input numbers.
- For example, **LCM(6,12)** returns the output value as **12**.

## Syntax:

**=LCM(number1, [number2],…)**

### Arguments Description:

**Number 1** – The first input number.

**Number 2** – It is optional. The second number.

### Note:

- If any argument is non-numeric, it returns **#VALUE!** Error.
- If you give any argument as less than zero, it returns **#NUM!** Error value.

## Examples:

Let’s see some examples to make it clear.

### Example 1:

- Refer to the below example image.
- You can see the input numbers in **Column A, B, and C**. The result is listed in **Column D**.

![Example 1](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/1-58.png)<figcaption id="caption-attachment-12193">Example 1</figcaption>

### Example 2:

- If any argument is non-numeric, it returns **#VALUE!** Error.

![Example 2](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/2-43.png)<figcaption id="caption-attachment-12194">Example 2</figcaption>

### Example 3:

- If you give any argument as less than zero, it returns **#NUM!** Error value.

![Example 3](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/3-35.png)<figcaption id="caption-attachment-12195">Example 3</figcaption>

Hence, you can learn the LCM Function in Excel with the help of the above examples.

## Bottom-Line:

In this article, you can understand the **Excel LCM Function in Office 365** with its syntax, definition, and clear cut examples. Give your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!

### Similar Functions:

- **GCD Function in Excel**

### Read Ahead:

- [How to Use IMREAL Function in Excel 365? – [With Examples]](https://geekexcel.com/how-to-use-imreal-function-in-excel-365-with-examples/)
- [How to Use DEC2BIN Function in Excel 365? – {With Examples}](https://geekexcel.com/how-to-use-dec2bin-function-in-excel-365-with-examples/)