teleren/devto huggingface dataset:
Build up Fax Spread page from the Us Phone Work area Application 

Published: 2020-10-09 05:27:57


<a href="https://www.206areacode.com/">206 area code</a> serves Columbus, Gracious and the encompassing areas. It has a solitary overlay (380) that serves a similar area. Set up your Fax Secure page around the Us Cell phone. Practice the techniques under The 206 Area Code has a place with the territory of Ohio (Goodness) and a portion of the areas secured are Columbus, Westerville and more:to put in your Fax spread page onto your Us PDA with default choice layouts. 

<a href="https://www.206areacode.com/">206 area code</a> and 380 are the area codes in the North American Numbering Plan for Columbus, Ohio. 206 Area Code is one of the first area codes .The Us Phone Empowers You to Pick From a posting of spread page formats in Us. You can likewise cause a customized spread page on the own fax over the Us cellphone. For Additional Subtleties, visit Fax - Produce a Hand crafted Fax Ensure Site page . Adhere to the accompanying activities to set up your copy coverpage. 

Inch. Sign into for a Us Wireless . Simply click on the Form Files butto 

Know: The following counsel will be auto-populated and could be placed in The out-bound Fax Inclinations of one's Us on the web accounts: 

• Sender's Title 

• Companyname 

• Manage 

• City 

• State/Area 

• Postal district 

• Fax Range
Interaction recording – collects data from customer interactions (i.e. call, email, web chat and back office work)

Published: 2020-10-09 05:21:30

Interaction recording – collects data from customer interactions (i.e. call, email, web chat and back office work)
Quality monitoring – compiles data from agent’s phones and screens along with easy search tools for supervisors, enabling regular and fair agent performance evaluation.<a href="https://acepeakinvestment.com/">Virtual Phone Number</a>
Analytics – dashboards and advanced speech analytics with performance management reporting.
Coaching – routine on-the-fly coaching delivered right to an agent’s desktop provides agents with positive reinforcement, as well as feedback for improvement.
eLearning – an easy-to-use tool for contact centres to create a custom, targeted library of training clips that can be sent to agents’ desktops.
Workforce management – provides forecasting and scheduling functions, adherence and cost tracking tools to assist contact centers in maintaining service level agreements while lowering costs.
Vue 3 - 10 apps in 10 hours
Tags: vue, javascript, tutorial
Published: 2020-10-09 05:13:31

Vue 3 is here with all new **Composition API**, **Teleport**, **refs & reactivity** and much more cool features.

So I have created this full course for Vuejs lovers which include vue 3 composition API and some other cool technologies.

🌟 **Technologies Used**🌟
1. Tensorflow JS
2. Netlify
3. Vue 3
4. Vuex v4
5. Vue Router v4
6. Firebase Authentication
7. Firebase Real-Time Database

{% youtube e-E0UB-YDRk %}

Vue js tutorial full course for beginners to advanced. 

We are going to work on 10 different apps in 10 hours to explore vue's different featues.

Vue 3 Tutorial will start from very basics and teach you how to use TensorFlow and firebase with your vuejs in this full course of 10 hours by building 10 different apps

You can check what will be the end result of this course here at https://vue3-full-course.netlify.app

🌟 Topic Covered 🌟
1.   Understanding Vue vs React
2.   First Vue App
3.   Vue Devtool and Vetur Extension
4.   DC Heros List
5.   Calendar App
6.   Vue Router 
7.   Markdown App
8.  Vue Virtual DOM
9.  Slider Carousel App
10. Login Modal App
11. Firebase Authentication
12. Vue 3 Teleport
13. Vue 3 composition API
14. Calculator App
15. Reusable Modal App
16. Real Time Chat App
17. Vuex 4
18. Custom Vue js Middleware
19. User Crud App
20. Object Detection with Tensorflow
21. Deploy On Netlify


Follow me on twitter for more updated - @[sarthaksavvy](https://twitter.com/Sarthaksavvy)
Self Hosted Open Source Solutions List
Tags: opensource, mongodb, chat, wordpress
Published: 2020-10-09 03:26:03

### Here is the list for Self Hosted alternative of some SAAS.

#### Blogging / CMS:
- [Wordpress](https://wordpress.org/download/)
- [Ghost](https://ghost.org/docs/setup/)

#### Chat [With API]
- [Rocket chat](https://rocket.chat/install/)
- [Lets Chat](https://sdelements.github.io/lets-chat/)
- [Mattermost Server](https://mattermost.com/download/)

#### Video Conference [With API]
- [BigBlueButton](https://docs.bigbluebutton.org/2.2/install.html)
- [Jitsi Meet](https://jitsi.org/downloads/)

#### Document Database
- [MongoDB Community Server (Most popular document DB)](https://www.mongodb.com/try/download/community)
- [RethinkDB (Realtime DB)](https://rethinkdb.com/)

This list will update time to time. Please comment any new category or any self hostel tool. I'll update in this.

Hope this will help some people.
Write the README.md file, don't kill yourself
Published: 2020-10-09 03:12:48

---
title: Write the README.md file, don't kill yourself
published: true
description: 
tags: 
cover_image: https://preview.redd.it/yzafkugnbln01.png?auto=webp&s=e4422f61a6800b6353b8656b63a2221afec72bf2
---

It's so common for beginners !

Usually when we start a new project, we focus on the good part  (the code), system logic, server configuration and that kind of thing, and completely forget some stuff like documentation, security, scalability, etc...

And Yes! also the README.md is completely forgotten, it's like a self stab, because we are humans and usually forget things, like the command to start the project, restrictions, how to deploy, how feature works, how to run tests and many more. Maybe you will say something like "Ok, I only work on this project, I can remember that kind of commands", but what about the other team members, what about NEW team members? they are going to lose a lot of time checking how to start, stop, test....

The README is going to make your life easier for you and every team member, and ins't a heroic task, it's as simple as created a file named README.md inside the project and that is all.

Even if you start to use the readme file, you can add more interesting things, like build status, deploy status and that kind of icons red/orange/green, unit test coverage and limits.

I used to assume that README was a file located at the root of a software repository. Did you know a README file serves as an index file in any directory of your versioned tree? It is pretty handy if you feel the need to split its content, or if you want to address specific needs for relevant folders of your projects.

And remember, README files are the entry points needs, to be focused in what is really needed.

You can use tools as Dillinger to write it easily. 
https://dillinger.io/

Here are some examples :
https://github.com/matiassingers/awesome-readme

![readme](https://dbader.org/static/figures/github-readme-header.png)
The best method to add a dotnet project to Git hub 
Tags: visualstudio, dotnet, github
Published: 2020-10-09 02:52:07

I'm pretty sure if you've added a dotnet repository(created using visual studio) to GitHub, you may spend a lot of time to set up git ignore file cleaning up your git cache and etc. So here is the fastest method.

**1. Add GitHub Extension**
Extensions -> Manage Extensions -> Online
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/sdilktjvmfsiklpxkkbc.JPG)

**2.Create repo using extension**
Team Explorer -> Manage Connections -> Create 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/474pq24u2b7yh1g88zkz.JPG)

**3.Create/Open the solution**
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/wbh53g0tfwmus2jw38dk.JPG)

Yeah...! that's it :)
Ubuntu - IBus not working on Visual Studio Code
Tags: ubuntu, vscode, ibus
Published: 2020-10-09 02:13:30

---
title: Ubuntu - IBus not working on Visual Studio Code
published: true
tags: ubuntu, vscode, ibus
canonical_url: https://sung.codes/blog/2020/09/03/i-bus-not-working-on-visual-studio-code/
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/07tcuu2ejahabke5gqmz.jpg
---

## TL;DR

Install the official `.deb` version of VS Code.

## Issue

Running Ubuntu 20.04 LTS, I was unable to type in Korea in VS Code as I was trying out [react-i18next](https://react.i18next.com/).

IBus IME doesn't work on [Snap version of VS Code](https://snapcraft.io/code), reported on GitHub but not addressed.

1. [Snap: keyboard input method ibus for Korean doesn't work. #68625](https://github.com/microsoft/vscode/issues/68625)
1. [Can't input Chinese in Linux system #46941](https://github.com/Microsoft/vscode/issues/46941)

## What happened?

Ubuntu 20.04 version of "Ubuntu Software" now installs snap version of software.  

Refer to [Ubuntu Switches to a Snap’d Software Store for 20.04](https://www.omgubuntu.co.uk/2020/02/ubuntu-snap-store-transition)

## Resolution

Go and download the official `.deb` version of VS Code...  
Yes. That worked great.

> Refer to the "answer #4" in [linux - japanese input is not possible on vscode on ubuntu](https://www.tutorialfor.com/questions-81682.htm)

---

Image by <a href="https://pixabay.com/users/philippreiner-685280/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=590114">Philipp Reiner</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=590114">Pixabay</a>
Namespace separator syntax using gatsby-plugin-react-i18next
Tags: react, gatsby
Published: 2020-10-09 02:12:07

---
title: Namespace separator syntax using gatsby-plugin-react-i18next
published: true
tags: react, gatsby
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/cvr7qlapmljf7b58dbjg.jpg
canonical_url: https://sung.codes/blog/2020/09/09/namespace-separator-syntax-using-gatsby-plugin-react-i18next/
---

## Introduction

First time learning i18n (internationalization) using [gatsby-plugin-react-i18next](https://www.gatsbyjs.com/plugins/gatsby-plugin-react-i18next/) 

I chose this specific Gatsby plugin as it wraps around [react-i18next](https://react.i18next.com/)

The reason is similar to Robin Wieruch's description in his blog, [React Internationalization with i18n > REACT INTERNATIONALIZATION: WHICH LIBRARY SHOULD I USE?](https://www.robinwieruch.de/react-internationalization#react-internationalization-which-library-should-i-use).


## Problem

But I had trouble accessing keys by namespace using ":" syntax.

e.g.) Accessing `text` under `header` namespace

```js
i18next.t('header:text')
```

declared as following file, `<project root>/locales/<language>/header.json`.

```json
{
    text: "Greetings"
}
```

The React page was displaying `header:text` instead of `Greetings`.

## Issue

The issue was to blindly copy the example configuration in the [gatsby-plugin-react-i18net > Configure the plugin](https://www.gatsbyjs.com/plugins/gatsby-plugin-react-i18next/) documentation.

```js
// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-react-i18next`,
    options: {
      path: `${__dirname}/locales`,
      languages: [`en`, `es`, `de`],
      defaultLanguage: `en`,

      // you can pass any i18next options
      // pass following options to allow message content as a key
      i18nextOptions: {
        interpolation: {
          escapeValue: false // not needed for react as it escapes by default
        },
        keySeparator: false,
        // 👇 issue here
        nsSeparator: false
      },
      pages: [
        {
          matchPath: '/:lang?/blog/:uid',
          getLanguageFromPath: true,
          excludeLanguages: ['es']
        },
        {
          matchPath: '/preview',
          languages: ['en']
        }
      ]
    }
  }
];

```

I didn't know each of those options without understanding each option.  
After few hours of digging around, the culprit turned out to be [nsSeparator](https://www.i18next.com/overview/configuration-options#misc).

## Solution

Either leave the `nsSeparator` option out for a default `:` separator or pass a string to it to use the namespace syntax.

e.g.)

```js
nsSeparator: ":"
```
Check out repository before using GitHub @actions/glob
Tags: devjournal, github, actions
Published: 2020-10-09 02:10:02

---
title: Check out repository before using GitHub @actions/glob
published: true
tags: devjournal, github, actions
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/cjj3puy870ekte9yn987.jpg
canonical_url: https://sung.codes/blog/2020/09/17/check-out-repository-before-using-git-hub-actions-glob/
---

## TL;DR

Check out repository with [actions/checkout@v2](https://github.com/actions/checkout) before [@actions/glob](https://github.com/actions/toolkit/tree/master/packages/glob).

## Introduction

The goal was to use [GitHub JavaScript Action](https://docs.github.com/en/actions/creating-actions/creating-a-javascript-action) to validate URLs in a repostory.

## Problem

The problem was that, `@actions/glob` library did not return any files even with a global matching pattern, `**`.

```js
const glob = require("@actions/glob")

const globber = await glob.create("**")
const files = await globber.glob()

// files = []
```

## Fix

To access the file in GitHub action, one needs to check out a repository to access files for.

e.g.)

```yml
name: Report broken URLs

on: push

jobs:
  report_job:
    runs-on: ubuntu-latest

    steps:
      # 👇 Check out the repository
      # to be able to access the repository files
      # in "my_action"
      - name: Checkout repository
        uses: actions/checkout@v2

      - name: Validate repository URLs and report broken link(s)
        uses: my_action@master
```

---

Image by <a href="https://pixabay.com/photos/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1246588">Free-Photos</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1246588">Pixabay</a>
How to fix - Ctrl + F doesn't work in Windows
Tags: tutorial
Published: 2020-10-09 02:09:24

This solution is not for any single apps in PC, this is for the entire windows 10, which means Ctrl+f doesn't work in any apps...

##oleacc.dll in C:\Windows\System32 may have corrupted.
   So this file have to registered.
   
   a. type cmd in startbox => right click => open as administor
   b. type ``regsvr32 oleacc.dll``, then hit enter
   c. wait until a pop up window shows up - registered successfully
   d. restart the computer

##If re-register doesn't work...
a. open terminal as administrator (#1 a)
b. type `sfc/scannow`, then hit enter
c. It will scan all system files and repair them.
d. restart the computer
If you don't like Mondays, Its time to change!
Tags: motivation, developer, jokes
Published: 2020-10-09 01:44:26

If you don't like the Mondays, then you should probably change your job. Because if Mondays are always been your headache, you won't be able to work longer where you're working currently. Not just that, you'll loose interest in everything. That'll impact your social life, family. So if possible go for a job where you can discover yourself. You can improve yourself. 

Your thoughts?
Stranger Things Intro
Tags: codepen
Published: 2020-10-09 01:36:35

<p>Source also available on Github, with more information: <a href="https://github.com/wbobeirne/stranger-things" target="_blank">https://github.com/wbobeirne/stranger-things</a></p>

{% codepen https://codepen.io/wbobeirne/pen/pEjqGR %}
React Props
Tags: react, tutorial, webdev, beginners
Published: 2020-10-09 01:15:00

React Props 

Learning to use them for the very first time? Here is a getting started tutorial! This will cover everything you need to know about what they are, how they work, and ways to use them!

{% youtube OnRnSnCaegM%}
<center>[Youtube: React Props](https://youtu.be/OnRnSnCaegM)</center>

Properties can be passed down the react tree, & can include: 
- className 
- styles 
- strings 
- numbers 
- arrays 
- objects 
- components 
- children 
- state/store

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)
How to override a Voyager View
Tags: laravel, voyager, override, custom
Published: 2020-10-09 01:07:09

Voyager comes with **BREAD** (Browse Read Edit Add Delete) functionality right out of the box with elegant admin dashboard, situation may happen that you may want to serve the BREAD with something juicy apart from the default Voyager template. 

In this article I will work you through creating your own custom Edit Add View, by default Voyager make use of just one Edit Add View file located in **vendors/tcg/voyager/resources/views/bread/edit-add.blade.php**.

Let say we want to override the Edit Add view for the cities (BREAD) table we created:

1. Create a folder called **vendor** in your **views** folder 
2. Create a folder called **voyager** in your **vendor** folder
3. Create a folder for that BREAD in our example its cities folder
4. Create a new file **edit-add.blade.php**
5. Create a new HTML Heading element in **edit-add.blade.php** saying **“override works”**.  
6. Copy the default **edit-add.blade.php** into the new created **edit-add.blade.php** to make editing fast
 
Your folder structure will look like this 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ui8sqocbi26z15eur221.png)

This is also applicable to other views also. 

Sources:
 
[Overriding BREAD Views](https://voyager-docs.devdojo.com/customization/overriding-files)
Lab #3: Why make PRs when you can just merge everything together!
Tags: opensource
Published: 2020-10-09 01:06:12

At least, it should appear that way.

Anyway, for our third lab, we were required to add 2 new features to our release 0.1 code. This was to get us practicing and learning how to merge branches around and dealing with merge conflicts. The two options I opted for are the following:

- Allowed the program to exit with a status code based on the output of the program. If everything went well, it should exit with 0, otherwise, it should exit with a non-zero value. Issue can be found here https://github.com/HyperTHD/URLAutomationMachine/issues/4

- Added a -j option that prints out the output in JSON format. Issue can be found here https://github.com/HyperTHD/URLAutomationMachine/issues/5


The features themselves weren't too difficult to create. Just needed to rewrite some functions I wrote previously to account for the potential json format option. 

Time to merge. Well, sorta. See, I didn't do any readings on git merge prior so when I just tried to do it, it said that both of my branches were equal with the master branch. This confused me as I was positive that wasn't the case. However, after talking with my professor about this, I realized I made a mistake in not committing to the local branches that I had made. I had uncommitted changes, which meant that as far as git knows, they were on the same level. I went about rectifying this and thankfully, everything was working as intended. I merged the first issue just fine, and had merge conflicts with the second branch as was expected. I fixed the conflicts, then committed to my master branch, followed by my remote repo.

Any person that works with open-source or anything related to github will have to eventually deal with merge conflicts. It's a natural part of the software development life cycle. This lab made me learn about this the hard way. It's a valuable experience that I'll learn to keep with me for the rest of my coding career.

By the way, the resolved commits can be found below:

- The system exit code: https://github.com/HyperTHD/URLAutomationMachine/commit/b10e5e4924716d21df1302f19f11baf91d8e6441
- The json feature: https://github.com/HyperTHD/URLAutomationMachine/commit/6d19820a063e571150935a6ad7f879a4ed1bb64c

Now to go play some Genshin Impact, cause what better way to celebrate finishing this week's open-source material is to play a newly released gacha game. Pray for my wallet, everyone!

Stay tuned!
How to have valid JavaScript template files for Eleventy
Tags: eleventy, javascript, webdev, frontend
Published: 2020-10-09 00:45:28

---
title: How to have valid JavaScript template files for Eleventy
published: true
date: 2020-10-08 23:15:00 UTC
tags: eleventy, javascript, webdev, frontend
canonical_url: https://www.benjaminrancourt.ca/how-to-have-valid-javascript-template-files-for-eleventy
cover_image: https://www.benjaminrancourt.ca/temp/js-njk-to-js-banner.jpeg
---
When I began to combine Web Components with [Eleventy](https://www.11ty.dev/) as a proof of concept, I quickly realized that I would need to **generate JavaScript files** from the **same language** template file, like transforming a `*.js.njk` file to `*.js` file.

At first, it seems to be easy, as Eleventy can write **any file** with the `permalink` key in the template’s [front matter](https://forestry.io/docs/editing/front-matter/):

```javascript
---
permalink: /javascript.js
---
```
<figcaption>Header of our *.js.njk file</figcaption>

But the front matter syntax is **not valid JavaScript** , so most code editors will mark it as a combination of **errors and warnings** , like IntelliJ IDEA did to my file:

![](https://www.benjaminrancourt.ca/temp/image.png)
<figcaption>The same code from above in IntelliJ IDEA</figcaption>

Also, JavaScript linters and formatters, like [ESLint](https://eslint.org/) and [Prettier](https://prettier.io/), will **neither recognize** that special syntax… We could remove them from our files, but do we want to code without them? Personally, I cannot! 😟

But what if we could **replace** the `--- ---` **delimiters** with others that would be valid JavaScript, like a comment `/*--- ---*/`? 🧐

Fortunately for us, Eleventy uses the **[gray-matter](https://www.npmjs.com/package/gray-matter)**[npm package](https://www.npmjs.com/package/gray-matter) for **parsing front matter** with its default options AND it provides a function to allow us to override these options! To do that, we only need to **add a couple of lines** to our [Eleventy configuration file](https://www.11ty.dev/docs/config/):

```javascript
  eleventyConfig.setFrontMatterParsingOptions({
    delimiters: ['/*---', '---*/'],
  });
```
<figcaption>Except for a .eleventy.js file that overrides front matter parsing</figcaption>

With that configuration, we can now code the front matter data with our **new syntax** :

```javascript
/*---
permalink: /javascript.js
---*/
```

Now our file contains **valid JavaScript** and our tools will be parsed it correctly. 😌

Sadly, this approach has a little inconvenient that I learned to live with it: you can specify only **one couple of delimiters**. So now, you need to use our new syntax everywhere, like in HTML files, even if it is not an appropriate syntax in another language... 😢

So, if you **still want** to change the **default delimiters** , I suggest that you look for the greater number of files that you develop and to choose the right delimiters for these files. 💡

Do you have any **additional tips** to develop **JavaScript files** from Eleventy?