teleren/devto huggingface dataset:
STEPS TO CREATE, TEST AND DEPLOY XINFIN SMART CONTRACT
Tags: blockchain
Published: 2020-11-03 10:38:43

The XinFin #Blockchain is a potential distributed infrastructure that facilitates you to complete projects using #smartcontracts. Learn the STEPS TO CREATE, TEST AND DEPLOY XINFIN SMART CONTRACT on XINFIN XDC NETWORK: https://dhritimisra10.medium.com/steps-to-create-test-and-deploy-xinfin-smart-contract-639372163c26
#XDC #XinFin
Shakespeare Insults - The add-on you didn't know that you wanted.
Tags: extension, entertainment, showdev, javascript
Published: 2020-11-03 10:37:06

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ifvysweukw4l3xr42hlw.png)
Keeping your online etiquette can be extremely hard sometimes, and that's why Shakespeare was created. Shakespeare is a browser add-on that spontaneously produces classical English insults, that aren't too rude or NSFW, and to be honest, quite funny. 
Didn't get what I meant? Here are some examples.
```dissembling dread-bolted bugbear``` ```gleeking fly-bitten pigeon-egg``` 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bjlmexu9ljza2jn371b8.png)
Now all of a sudden, you can literally curse at someone the way Shakespeare does. Colleague deployed a change into production instead of development? No problem, cuz Shakespeare's got you covered.

In all seriousness, this is my first extension and I'm happy on how it came out. Here's the link to its repository - https://github.com/JeswinSunsi/Shakespeare. The add-on has only been published to the Mozilla Marketplace, and it's at http://addons.mozilla.org/en-us/firefox/addon/shakespeare-insults. It's only a few kilobytes, so if you have the time, please do check it out. 
The languages used are HTML, CSS, and JS.

If you liked the extension, please do star it on Github, thank you!
ASP.NET Là Gì- Tìm Hiểu Lợi Ích & Cấu Trúc Của ASP.NET
Published: 2020-11-03 10:29:21

ASP.NET là gì - Đây là một trong những khái niệm quen thuộc nhất trong lĩnh vực công nghệ thông tin, phần mềm, đặc biệt với lĩnh vực phát triển Web. Xem chi tiết tại: https://blog.itnavi.com.vn/asp-net-la-gi-nhung-diem-loi-khi-dung-asp-net-mvc/
Embedded Là Gì- Tại Sao Nên Lựa Chọn Sử Dụng Embedded
Published: 2020-11-03 10:18:55

Embedded đang được các developer quan tâm và học hỏi bởi nó mang lại tiềm năng trong sự nghiệp. Vậy Embedded là gì? Hãy tham khảo qua bài sau! Xem chi tiết: https://blog.itnavi.com.vn/embedded-la-gi/
Scala Là Gì- Bước Bắt Đầu Cơ Bản Với Ngôn Ngữ Lập Trình Scala
Published: 2020-11-03 10:14:50

Scala là gì- Đây là một ngôn ngữ mà bạn cần phải dành rất nhiều thời gian để tìm hiểu và giải đáp nó. Sau đây là những điều bạn cần biết về ngôn ngữ Scala.. Xem chi tiết tại: https://blog.itnavi.com.vn/ngon-ngu-scala/
How to use Composition API in Vue 3 with simple Todos example
Tags: vue, vue3, javascript, tutorial
Published: 2020-11-03 10:05:58

## What is the Composition API
Until now, when we were creating a new component we were using Options API. Now in Vue 3, Composition API has been introduced. Just to get the obvious concern out of the way, this new API will not break current Vue 2.x options-based code! We can even continue to use the Options API in Vue 3. The Composition API is just an addition to the language that was created to address the limitations of the Options API used in Vue 2. 

Evan You, the creator of Vue, has described the Composition API as a reactive API coupled with the ability to register lifecycle hooks using globally imported functions.

{% youtube 0pwL89YdqRE %}

## Why Composition API?
There are currently three limitations you may have run into when working with Vue 2:

- As your components get larger readability gets difficult.
- The current code reuse patterns all come with drawbacks.
- Vue 2 has limited TypeScript support out of the box.

### Better extensibility and organization
One major concern among developers was that their Vue projects became hard to manage as they grew in size and complexity.
Because of this, logic isn't really grouped by feature, which can make it hard to read through a large and complex file. Readers would often have to scroll back and forth to follow what's going on. 

### Better TypeScript support
The next issue with Vue 2.x was that the sometimes confusing nature of this inside components often made it difficult to use TypeScript. The Options API relies on a lot of "magic" from the Vue compiler.
Why Scratching Your Own Itch Will Make You a Better Developer
Tags: productivity, watercooler, programming, motivation
Published: 2020-11-03 10:04:37

I have been working on the same project for a few months now, spending 4-5 hours on it almost every single day. It started with an idea during a run that it would be great to be able to organise all my resources more easily.

I have been coding daily for a while now, but only small half-finished apps for practice. Whenever I work on something I don't have (much) experience with, I bookmark everything that I can find about it: Wikipedia, Stack Overflow, blog articles, Mozilla Developer's Network, you name it. 

My list of bookmarks has grown huge and it has become impossible for me to manage them in the built-in bookmark manager. I have added [color-hex.com](https://www.color-hex.com/color-palettes/popular.php) probably five times by now.

So I started working on a bookmark manager. Since then I have learned:

- How to create browser extensions and publish them on Firefox and Chrome.
- How to implement Auth0 for authentication
- How to add PayPal buttons with React Hooks
- How to use external scripts in React with Hooks
- How to use event listeners properly
- How to use `fetch` and `axios` properly
- How to deploy my app to Heroku and link it to my custom domain. 
- How to use the useEffect-Hook properly
- How to encrypt my MongoDB Database
- How to use Git properly
- How to choose the right typography
- and so much more

I am still learning every day. It's the best motivator. I don't have to think about, which project to start next, because the ideas come automatically while coding. 

![Dr House working on computer](https://media0.giphy.com/media/cg5FwpvDmhIcM/giphy.gif)

The bigger the project gets, the more ideas are flooding in. There is so much to improve and streamline. Not only the core functionalities of the app, but also for example an FAQ site, a support form, improving performance, and so on.

A project like this will probably never be finished, but it has been live for a few days now. I am using it every day and have added so many bookmarks already. It doesn't take me longer than a few seconds to find the bookmark I am searching for, so at least for my own needs I think I have succeeded :)

## Final Words

I guess what I'm trying to say is: 

If there is something, anything, that annoys you even a little and that can be solved by an app, this is what your next coding project should be. It doesn't matter if you don't have the skills, experience, knowledge yet or that you have no idea where to start. You will learn it as you go.

If your goal is to learn to code or just to improve, start building something that you want to use yourself every day and don't stop until you love it. 

![a cat typing on a keyboard](https://media.giphy.com/media/LHZyixOnHwDDy/giphy.gif)
Node.js Crash Course - Part 3 - Clients & Servers
Tags: node
Published: 2020-11-03 10:02:08

####Creating a server in node
```
const http = require('http');

const server = http.createServer((req, res)=>{
    console.log('Everytime a request is made, I pops up.');
})

```
The callback function in the above code block runs every time a request is made.
The arguments of the callback function are `req` and `res`. In `req`, the information about incoming request is present and through `req` the response is sent back.

This alone is not doing anything. The `server` have to actively listen to the requests.
`server.listen()`
```
server.listen(3000, 'localhost', ()=>{
    console.log('Listening to port number 3000')
});
```
Won HackFinity 2020 .. Thanks to this fruitful project
Tags: webdev, react, javascript, python
Published: 2020-11-03 10:01:22

Look the Project Here : https://github.com/ShubhamChaudharyy/PeerCode_IDE

## **Are You Bored of Sharing Codes on WhatsApp and Getting them Back after your friend edits it and Still the code doesnt work this Cycle goes endless.**

#### Thats Why i built this Collaborative Coding IDE with Video Chat Feature and a Canvas Drawable Board to pen Down your thoughts on it and Best part is whatever you write on editor or whatever you draw on canvas all things are Visible to other user as well in Realtime i.e This App Provides you Realtime Collaboration on Both Canvas and Code Editor.
#### So All in all we made this App to Promote Peer Learning in Quarantine.

#### App is Live on Heroku https://peercodingide.herokuapp.com/ but first get a walkthrough to the guide Below -> How to use the WebApp;
`How To Setup the Project`

#### For Frontend Part to install dependencies run the command in root folder
> `npm install`

> `npm start`

#### For Backend Part to install dependencies run the command in root folder

> `npm install`

> `nodemon`

#### How To Use The WebApp

##### Here you have to enter Room Credentials to make a unique room 

 
### `After entering Credentials you will be redirected to Admin Page where you will have the Main App interface (Share the Unique URL above to YOUR Peer to get Connected)`
  

### `This is the interface after your sent URL is opened by another User`


### `User at other End Seeing all changes and Manipulation Live`

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/68syrra0putc4j31ajqf.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4ktdpk5l6tg35j9vhmxv.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mqmtt8e1140yqphq4zed.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/axhih13p7s4qjtn83nor.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ebo9o1n9ke546pjbefcr.png)
Keep your Documentation updated with Cypress and GitHub Actions
Tags: githubactions, automation, workflow, documentation
Published: 2020-11-03 10:04:12

---
title: Keep your Documentation updated with Cypress and GitHub Actions
published: true
date: 2020-11-03 10:01:18 UTC
tags: githubactions, automation, workflow, documentation
canonical_url: https://medium.com/@emasuriano/keep-your-documentation-updated-with-cypress-and-github-actions-f3bdafcd7ffb
---

[![](https://cdn-images-1.medium.com/max/1600/0*_FEzyLrmlvpPKzNV)](https://medium.com/@emasuriano/keep-your-documentation-updated-with-cypress-and-github-actions-f3bdafcd7ffb?source=rss-cc2fb20f639d------2)

One of my favorite ways to document projects is by adding screenshots of how it looks, to provide a quick overview of what it does and looks like. Sadly these images are quite easy to get out-dated, and I was being forced to manually update them ... In this post, how I automatize this task by using Cypress and GitHub Actions.

[Continue reading on Medium »](https://medium.com/@emasuriano/keep-your-documentation-updated-with-cypress-and-github-actions-f3bdafcd7ffb?source=rss-cc2fb20f639d------2)
Safe & save - Git password under Windows
Tags: productivity, opensource, github, windows
Published: 2020-11-03 09:58:48

When I am looking for how to save may git password I get everywhere a lot of solutions. Sometimes it is necessary to read big amount of descriptions before we are able to use right command. I have decided to prepare this article for people who use Windows with git and want to keep password in safe storage.

Solution is simple. Just use following command:
```Bash
git config --global credential.helper manager
```

It switches git to use Windows Credintial Manager to store passwords in safe way.

You can check full article on my page too:
https://dirask.com/posts/Git-save-username-and-password-on-windows-DWEXEj
Weekly Challenge 085
Tags: perl, theweeklychallenge, perlweeklychallenge
Published: 2020-11-03 09:29:23

[Challenge 085](https://perlweeklychallenge.org/blog/perl-weekly-challenge-085/)

Short blog this week, because this seems relatively straight forward, so doesn't need much explanation.

# TASK #1 › Triplet Sum

It seems the majority of solutions for [task 2](https://perlweeklychallenge.org/blog/perl-weekly-challenge-083/#TASK2) of challenge 083 was to use binary operations to flip bits.

I did the same for this task. Counting from `7` (the smallest number with three bits set) to `2 ** scalar(numbers) - 1`, I check if that number has only 3 bits set, and use this to decide what numbers to sum. If `1 < $sum < 2`, then I print the result. If I reach the end of the array, I print `0`.

## Examples

```
» ./ch-1.pl 1.2 0.4 0.1 2.5
Output: 1 as 1 < 1.2 + 0.4 + 0.1 < 2

» ./ch-1.pl 0.2 1.5 0.9 1.1
Output: 0

» ./ch-1.pl 0.5 1.1 0.3 0.7
Output: 1 as 1 < 0.5 + 1.1 + 0.3 < 2
```

# TASK #2 › Power of Two Integers

Let's start with Math 101. The formula to find the nth root is x<sup>(1 ÷ n)</sup>. Have said that Perl 5.30 has a very odd quirk, probably due to a precision rounding error.

```
# perl -E 'say 125**(1/3)'
5
# perl -E 'say int(125**(1/3))'
4
```

To work around this, I use a counter for the power value, starting at two. I use the nth root and sprintf to get the nearest integer, and then return true that integer ** power is the target value. Definitely a lot more messier than I would have liked.`

## Examples

```
» ./ch-2.pl 8
Output: 1 as 8 = 2 ^ 3

» ./ch-2.pl 15
Output: 0

» ./ch-2.pl 125
Output: 1 as 125 = 5 ^ 3
```
Scripts you can use in Create-React-App
Tags: react, webdev, javascript, beginners
Published: 2020-11-03 09:27:26

**Create React App** is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration. 

In this post I want to explore not the create-react-app itself, but the **scripts** which one can run in the terminal of the project.

To do that, one should create a React project using create-react-app toolchain (see official React documentation about [how to get started](https://reactjs.org/docs/create-a-new-react-app.html))

Once it's done, open the terminal and let's explore scripts.

**Script** is a built-in command which one can use inside `create-react-app` in our case. There are several of them:

##  `npm start` 
This script starts the server at http://localhost:3000 in the browser and runs the app in development mode. Once you make changes in your code editor, the browser page will be automatically reloaded and you can see new changes right away. 

Please note, that if there are *build errors* in the code or *lint warnings*, the browser page will go blank and  you can only see errors in the console in inspect mode.

## `nmp test`
This script launches the test runner in the interactive watch mode. What that means?

Create React App uses [**Jest**](https://jestjs.io/) framework to run the tests. So, when we run `npm test`, it starts **Jest** in a watch mode, meaning that every time you save a file, it will re-run the tests, the same like `npm start` recompiles the code. A very useful script indeed!

## `npm run build`
This script does exactly what it's called - builds the app for production to the build folder. But what exactly is happening here?

The script creates a **build directory** with a production build of your application. Inside the build directory will be your JavaScript and CSS files. Each filename inside of build will contain a unique hash of the file contents. Now your app is ready to be deployed :)

## `npm run eject`
This script removes the the single build dependency from your project. What does that mean?

If you aren’t satisfied with the build tool and configuration choices for your project, you can remove them at any time with this script. 

Running `eject` copies all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them.

Commands like `npm start` and `npm run build` will still work, but they will point to the copied scripts so you can tweak them. At this point, you’re on your own.

**Note: this is a one-way operation. Once you eject, you can’t go back!**

If you enjoyed reading this blog, you can [buy me coffee!](https://ko-fi.com/olenadrugalya) :)
A simple Twitter Clone with React JS, React Redux
Published: 2020-11-03 09:27:03

Demo: https://www.youtube.com/watch?v=-IMaNz_hK9M

Features
Laravel 8.0: Back-end server framwork.
React 16: Front-end framework.
Redux 4: React state management.
Boostrap 4: Front-end UI kit.
React Router v4: Declerative routing.
redux-thunk: async Redux action.
styled-components: The best CSS in JS library.
webpack-dev-server: Hot Module Replacement.
ESLint, prettier: Lint JavaScript.
Babel 6: Support ES6 syntax.
#React
#ReactJS
#Redux
#Twitter
#twitterclone
The easiest way to stay on top of what's new in Microsoft Graph
Tags: microsoftgraph, microsoft365, office365
Published: 2020-11-04 08:32:04

---
title: The easiest way to stay on top of what's new in Microsoft Graph
published: true
date: 2020-11-12 09:26:08 UTC
tags: microsoftgraph,microsoft365,office365
canonical_url: https://blog.mastykarz.nl/easiest-stay-on-top-microsoft-graph/
---

![The easiest way to stay on top of what's new in Microsoft Graph](https://blog.mastykarz.nl/assets/images/2020/10/graph.png)

Every few weeks there are additions and improvements in Microsoft Graph and here is the easiest way for you to stay on top of them.

## Microsoft Graph - The API to connect to Microsoft 365

Microsoft 365 consists of many different applications and is used by organizations of all sizes and in all markets. In total, there are 250 million users all over the world working with Microsoft 365 every day, creating files, sending emails, meeting, reading information stored in Microsoft 365 and more. All this information, bearing the necessary permissions, is available for you to use in your applications. And the way you do it is through [Microsoft Graph](https://developer.microsoft.com/graph?WT.mc_id=m365-10662-wmastyka): the API to connect to Microsoft 365.

Microsoft Graph not only allows you to connect your application to Microsoft 365 and tap into the insights stored in Microsoft 365. It also abstracts away the differences across the different products and services, giving you a consistent experience no matter what kind of information stored in Microsoft 365 you're interested in.

## The easiest way to stay on top of what's new in Microsoft Graph

Microsoft 365 is continuously evolving, offering its users more and more added value every week. So is Microsoft Graph, exposing additional capabilities to developers and empowering us to build richer applications.

To help you stay on top of what's new in Microsoft Graph, the Microsoft Graph team launched a [public changelog](https://developer.microsoft.com/graph/changelog?WT.mc_id=m365-10662-wmastyka).

 ![Microsoft Graph changelog](https://blog.mastykarz.nl/assets/images/2020/11/graph-changelog.png)  

What's really cool about the changelog, is that it not only informs you of what's new and what's changed but that it allows you to filter by **types of changes** , **service** , or **Graph version**! What's more, the data is exposed through an RSS feed, so that you can subscribe to it and get notified instantly the moment something has changed rather than having to monitor the changelog manually!

If you're building applications on Microsoft 365, I'd highly recommend you subscribe to changes in Microsoft Graph and stay in the know!
Participated in Hacktoberfest for the first time.
Tags: hacktoberfest, opensource, beginners, github
Published: 2020-11-03 09:15:56

I had never contibuted to Hacktoberfest or any open source projects before.So when I came to know about Hacktoberfest for the first time i.e this year,I decided to participate in it.

![ ](https://media.giphy.com/media/1MTLxzwvOnvmE/giphy.gif)

So today I will tell you about my experience as a first time contributor in Hacktoberfest.

I started off by registering up for the event. But the main thing was to find the repositories where you could contribute or solve the issues. I found a section in the [official website](https://hacktoberfest.digitalocean.com/) which was dedicated for first time contributors. There anyone could understand the process of contributing to the hacktoberfest and it's rules. Once I read it ,I started checking out the repositories where I could contribute and since I was good in flutter and few other programming languages, I found few repositories. Initially I completed 4 PRs too which is the minimum criteria for completing hacktoberfest.Those PRs were successfully merged too. I was feeling kinda happy(I dont know why) to contribute to the github repos,so I contributed to more repositories of my interest and did 9 PRs.

After completing the 4 successful PRs,I was very impatient to wait for the 14 day review period.And my PRs passed the review period too. Then finally I recieved the mail that I have completed the hacktoberfest successfully and thus now I will get the cool Hacktoberfest tee too :p

_If you found this useful, you know what to do now. Hit that like button and follow me to get more posts and tutorials on your feed.❤❤_
Powerful Astro Boy chat room
Tags: vue, node, typescript, javascript
Published: 2020-11-03 09:06:17

# Powerful Astro Boy chat room
[![author](https://img.shields.io/badge/author-genaller-blue.svg)](https://github.com/genaller)
[![author](https://img.shields.io/github/languages/top/genaller/genal-chat)](https://github.com/genaller/genal-chat)
[![Node.js Version](https://img.shields.io/badge/node.js-10.16.3-blue.svg)](http://nodejs.org/download)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/genaller/genal-chat/blob/master/LICENSE)
[![author](https://img.shields.io/github/stars/genaller/genal-chat?style=social)](https://github.com/genaller/genal-chat)

> [码云](https://gitee.com/edison_dec/genal-chat)<br>
>
> 在线地址[www.genal.fun](http://www.genal.fun)<br>
>
> 有建议请到issues区

### Project introduction
😛 leisure time to do a chat room to consolidate the front-end skills, and in 2020 began on June 24th astro boy chat room for the development of tour.<br>
😈 project adopts the typescript development, this is the functional iteration groundwork for future.Of course, I like Typescript very much.<br>
🧐 now chat chat room has complete functions, the future will gradually develop more cool features, like a friend to a star give me!<br>

### Program interface
#### PC
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/y8itvmvsyzn3v3dgwp0g.png)

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

### function Introduction
- mobile compatible
- user information modification (head/username/password)
- group/private chat
- create a group to join the group / / group/fuzzy search group
- add/delete/fuzzy search users friends
- news page
- expression package
- sent pictures/image preview
- the number of online statistics
- a custom theme
- reconnection to remind


### Technology
- **Typescript**：JavaScript 的一个超集，它最大的优势是提供了类型系统和提高了代码的可读性和可维护性。
- **Vue2.6.x**：前端渐进式框架。
- **Socket/io**：实现实时通信，websocket第三方库。
- **Vuex**：专为 Vue.js 应用程序开发的状态管理模式。
- **Nestjs**：是一个用于构建高效、可扩展的 Node.js 服务端应用框架，基于 TypeScript 编写并且结合了 OOP1、FP2、FRP3 的相关理念。
- **Typeorm**: 支持最新的 JavaScript 特性并提供额外的特性以帮助你开发任何使用数据库的应用程序。
- **ES6+**：采用ES6+语法，箭头函数、async/await等等语法很好用。
- **SASS(SCSS)**：用SCSS做CSS预处理语言，可以使用最高效的方式，以少量的代码创建复杂的设计。

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

### Environment configuration
- 数据库mysql 以及 chat数据库
- node v10.16.3

### how to run
```js
cd genal-chat-client 
npm i
npm run serve
```
```js
cd genal-chat-server
npm i
npm run start:dev
```

### author
github： [edison](https://github.com/genaller)

### url
[https://genal.fun/](https://genal.fun/)
CPAN Digger v1.01 to find CPAN modules that need VCS configuration
Tags: perl, github, ci
Published: 2020-11-03 08:47:56

---
title: CPAN Digger v1.01 to find CPAN modules that need VCS configuration
published: true
description: 
tags: perl, github, CI
//cover_image: https://direct_url_to_image.jpg
---

{% youtube imJjt5SgQII %}