teleren/devto huggingface dataset:
Minimum Viable Product What it is and How to
Tags: mvp, product, planing, feeback
Published: 2020-08-02 17:45:49

Hey!
New video that I explain in it how I making my MVP planing, in order to get fast feedback from my clients and by doing so make more money, 
Very useful for you to better plan your product!

{% youtube 1IEroBc0Waw %}

> Like this post? 
> Consider Support me via [Patreon](https://www.patreon.com/eranelbaz)
> Or Subscribe to my [YouTube Channel](https://www.youtube.com/channel/UCVUNeBGM5wZJKcOx0QwAaTA?sub_confirmation=1)
Custom your routes in Lumen
Tags: laravel, lumen, routes, apiresource
Published: 2020-08-02 17:42:18

[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/Mahmoud-Italy/Lararoutes-lumen-custom-routes/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/Mahmoud-Italy/Lararoutes-lumen-custom-routes/?branch=master)


Lumen package to help you customize your routes.
Specialize for whom using lumen, <br/>
If you don't you better do now, Lumen is stunningly micro-framework <b>Faster 4x than laravel</b>.

# Installation
<pre>composer require lararoutes/lumen-custom-routes</pre>

# Usage
Add those lines in top of routes/web.php
<pre>
  use Lararoutes\Lumen\CustomRoutes;
  $app = new CustomRoutes($router);
</pre>

That's it. done

# Example
Instead of doing this shit
<pre>
  $router->get('posts', 'PostController@index');
  $router->post('posts', 'PostController@store');
  $router->get('posts/{id}', 'PostController@show');
  $router->put('posts/{id}', 'PostController@update');
  $router->delete('posts/{id}', 'PostController@destroy');
</pre>

We Can simple do this now
<pre>$app->apiResource('posts', 'PostController');</pre>

However, you can also custom your routes as much as u want in Lararoutes\Lumen\CustomRoutes.php
<pre>
    function apiResoruce($uri, $controller)
    {
        $this->app->get($uri, $controller.'@index');
        $this->app->post($uri, $controller.'@store');
        $this->app->get($uri.'/{id}', $controller.'@show');
        $this->app->put($uri.'/{id}', $controller.'@update');
        $this->app->delete($uri.'/{id}', $controller.'@destroy');

        // feel free to add more..

    }
</pre>

# Credits

  <ul>
    <li><a href="https://github.com/Mahmoud-Italy">Mahmoud Italy</a></li>
    <li><a href="https://github.com/Mahmoud-Italy/Lararoutes-lumen-custom-routes/graphs/contributors">All Contributors</a></li>
  </ul>

# License
The MIT License (MIT). Please see License File for more information.
Angular's Selected Option binding
Published: 2020-08-02 17:37:27

The HTMLSelectElement contains Option Elements as shown below. Angular's *ngFor allows us to dynamically create multiple options at run time, but how do we select the proper option from the list of options?

```html
<option
   *ngFor="let option of row.options"
   [(selected)]  
     = "row.optionToSelect === option.display"
   >
   {{ option.display }}
  
</option

```
The code above creates an HTMLOptionElement for each value in row.Options.  If the row.optionToSelect equals the option.display property; that option is selected. 

**Angular Binding Syntax**

```typescript
//Two way Binding
[(selected)] = (some assertion)
//One way Binding 
[selected] = (some assertion)
```
**One Way vs Two Way Binding**

One-way binding means from Typescript to the View. 

Two-way binding means Typescript can set values, and the User may change them.

**Finding the Option Element's Property Names**

When we go to [MDN to determine which property of the Option element allows it to be selected](https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement).

We find this, the raw HtmlOptionElement binding.
```html
<option selected = (some assertion)>OptionValue</option>
```

But in Angular we are not using raw element binding, rather we are using it's binding system.



**Watching For the Change**
```html
// row is a *ngFor = 'let row of items' (binding)
// each row can have many fields
<select>
  #select                  
  (input)="onSelectInput(row, $event, select)"
</select>
```

**Emitting the Change**
```typescript
 
onSelectInput(row, $event, select){
  let change = {
   changedValue: event?.target?.value
   rowBinding : row
   HtmlElement: select;
  }
  this.changeEvent.emit(change);
}

```

JWP 2020
World of WoqlCraft - Ep.18 Finish Knowledge Graph for NLP and Using It
Tags: python, database, nlp, graph
Published: 2020-08-02 17:31:10

---
title: World of WoqlCraft - Ep.18 Finish Knowledge Graph for NLP and Using It
published: true
description: Going through the hurdles and bugs, we have finally finished the knowledge graph for the SpaCy doc and making some query to get back the relations between the tokens.
tags: Python, database, nlp, graph
---
Going through the hurdles and bugs, we have finally finished the knowledge graph for the SpaCy doc and making some query to get back the relations between the tokens.

Find the source code from our [tutorial repo](https://github.com/terminusdb/terminus-tutorials).

Join the TerminusDB community at [Discord](https://discord.gg/Gvdqw97)
#30DaysOfCJS: Down the Rabbit Hole with WebXR
Tags: 30daysofcjs, conferences, webxr, community
Published: 2020-08-02 17:15:34

---
title: #30DaysOfCJS: Down the Rabbit Hole with WebXR
published: true
description: This is a follow up post for Day 1 of #30DaysOfCJS, learn more about #30DaysOfCJS here https://dev.to/jimcalliu/30daysofcjs-1jd3
tags: 30daysofcjs, conferences, webxr, community 
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/4m1pzqundc6paim5iw23.png
series: 30DaysOfCJS
---

*This is a follow up post for Day 1 of* **#30DaysOfCJS**, *learn more about* **#30DaysOfCJS** *here* {% link jimcalliu/30daysofcjs-1jd3 %}

If you'd like to watch the talk, here is the Youtube link.
{% youtube H8crihughSc%}

As @shannoncantech mentioned in the talk, the talk title she'd amend to is *Down the Rabbit Hole with* **WebXR**.

Here are some latest info about **WebXR**. Please comment below if you have other interesting/educational materials to share!

- [WebXR Hand Tracking Spec](https://immersive-web.github.io/webxr-hand-input/) 
- [Anyone can create a virtual reality experience with this new WebVR starter kit from Mozilla and Glitch] (https://hacks.mozilla.org/2019/02/webvr-starter-kit-mozilla-glitch/)
- [A-Frame 1.0 Released: Framework for Building VR Experiences](https://aframe.io/blog/aframe-v1.0.0/)
- [Matrix math for the web](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Matrix_math_for_the_web)
- [Mozila Mixed Reality Releases Unity WebXR Exporter](https://blog.mozvr.com/unity-webxr-exporter-update/)
What Mouse Mat do you use for coding?
Tags: webdev, discuss, watercooler, productivity
Published: 2020-08-02 17:06:39

I have been using the QCK Cloth Gaming Mouse Pad. It is like a knife going through butter it is just so soft and smooth. I have the large one at home on my desk and I have a small one that I can use when travelling. It is so much better than  just using a mouse on a desk as it can scratch the surface and it is also noisy when you are moving it around.
How do I opt out of VS Code auto-updates?
Published: 2020-08-02 16:36:31

To modify the update mode, go to `File > Preferences > Settings (macOS: Code > Preferences > Settings)`, search for `update mode` and change the setting to `manual`

> OR

If you use the JSON editor for your settings, add the following line:

    `"update.mode": "manual"`



Check for updates in the future by clicking on the bottom left gear icon.
What is an Environment?
Tags: discuss, devops, help
Published: 2020-08-02 16:34:46

I have always wondered how we could describe an environment? We have Dev, test, Prod environments and so on.

Below is my understanding of an environment.

> An environment encompasses the necessary hardware(single or multiple servers)(physical / virtual ), Software dependencies, database, compiler/interpreter, network access for an application to run and is isolated from other environments unless explicitly connected.

Is this correct or is there a better way to describe it ? I want to understand this better as this is something that I use everyday and so I want my understanding of something fundamental to be solid.
Wire frame Tools
Published: 2020-08-02 16:33:34

To share some open source / free tools for college students.

**Lucid Chart** — Diagramming made simple. ER Diagram, Flow Charts, Network Diagram… all in one place. Simple and elegant way to complete your work. Get [LucidChart](https://www.lucidchart.com/pages/usecase/education#signup)

**Axure** : Excellent tool for wire frames. Web / Mobile / Client they have templates for all. You can export your design to HTML in snap. Very good tool for prototyping and interactive demonstration. Semester project or assignment, whats in your mind can be translated to screen designs with this simple wire frame tool. With your college id you get it free. [Get Axure](https://www.axure.com/edu)

**Figma** : Free & Paid. Great tool not only for Students but also for Professionals.  [Get Figma](http://www.figma.com)

**WebFlow** : Its not just a wireframing tool. Does way more than that. Watch the quick video, it will convince you.

https://d3e54v103j8qbb.cloudfront.net/videos/zendesk.mp4

**Mydraft** : My fav quick goto tool. Free, very very simple, sleek and very very easy to share. [goto mydraft](!https://mydraft.cc)

**Pencil** : Firefox add-on, Open Source. Create mock-ups on your desktop anywhere. [Get Pencil](https://pencil.evolus.vn/)
Three months of free learning.
Tags: beginners, python, java, webdev
Published: 2020-08-02 16:26:18

Here's my [refer a friend link](https://hyperskill.org/join/ef4fc2cdf) anyone can use to get three months of free learning with [Jet Brains Academy](https://hyperskill.org/join/ef4fc2cdf). Not sure but you might instead get a free subscription till the new year. I suppose it might depend on when you use the link. The blurb I get says...

*We are offering all of our registered users a free trial until January 1, 2021. Thank you for being with us in the early stages of JetBrains Academy’s development!*

*After the trial is over, you’ll receive a 50% discount for the first 12 months of your subscription.*

Just in case you're wondering you don't have to sign up to a subscription or give out any payment details. At least I didn't anyway.  

The tutorials and projects are very engaging and go beyond the basics. I'm working through the [Python developer track](https://hyperskill.org/tracks/2) and learning loads. The platform syncs with [PyCharm](https://www.jetbrains.com/pycharm/) beautifully. I am really enjoying the process.
What is a Domain name anyway
Tags: web, hosting, webdesign, wordpress
Published: 2020-08-02 16:22:45

**A domain name? if you have or want a website, you have heard that word before, but what is it anyway?**

A domain name is the name used to identify your website across the Internet. You need four things to allow anyone to find your website: a domain name, a Public IP Address (International access to a server), a hosting account and your own website.

Domain names are important because it is easier to remember a name, than a series of numbers, twelve to be exact. This hard to remember numbers, are the public IP address of your server website, and identify every server around the world.

Your domain name could be any combination of letters and numbers without spaces.
[Read more...](https://hostingsmarty.com/domain-name-what-is-hosting-101/)
Angular Material Iconのテーマを切り替えたい
Tags: angular, angularmaterial
Published: 2020-08-02 13:32:32

---
title: Angular Material Iconのテーマを切り替えたい
published: true
description: Angular Material Iconのテーマを切り替える方法
tags: [Angular, AngularMaterial]
---
# Angular Material Iconのテーマを切り替えたい

## はじめに
[Angular Material Icon](https://material.angular.io/components/icon/overview) で [使えるアイコン一覧](https://material.io/resources/icons/?style=baseline)にはベースとなるものの他に「Outlined」「Rounded」「Two-Tone」「Sharp」というテーマが用意されている。
今回はこれの切り替え方について共有していく。

## 前提
すでに `ng add` コマンドでAngular Mateiralを導入した前提で進める。

## Google Fontsの読み込み
`index.html` の `<head></head>` 内にあるGoogle FontsのMaterial Iconのスタイルを読み込んでいる部分。

```html:index.html
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
```

ここに使いたいテーマを `|` でつないで追加する。
対応するリンクとテーマは以下。

| アイコンテーマ       | 追加するリンク              | 
|:-----------------|:------------------------|
| Outlined         | Material+Icons+Outlined |
| Rounded          | Material+Icons+Rounded  |
| Two-Tone         | Material+Icons+Two+Tone |
| Sharp            | Material+Icons+Sharp    |

(例)

```html
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone" rel="stylesheet">
```

## アイコンにテーマを `fontSet` を指定
テーマを切り替えたいアイコンに `fontSet` を当てるだけで切り替わる。
対応するアイコンテーマと `fontSet` は以下。

| アイコンテーマ       | fontSet                 | 
|:-----------------|:------------------------|
| Outlined         | material-icons-outlined |
| Rounded          | material-icons-round    |
| Two-Tone         | material-icons-two-tone |
| Sharp            | material-icons-sharp    |

(例)

```html
<mat-icon>backup</mat-icon>
<mat-icon fontSet="material-icons-outlined">backup</mat-icon>
<mat-icon fontSet="material-icons-two-tone">backup</mat-icon>
```

結果、

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

こんな感じにテーマが切り替わって表示される。

## 参考サイト
- [Icon font for the web](https://google.github.io/material-design-icons/#icon-font-for-the-web)
- [Issue - mat-icon: Choose between Filled, Outlined, Rounded, Two-Tone and Sharp icons;](https://github.com/angular/components/issues/14853#issuecomment-510482397)
10% OFF
Tags: javascript, css, html, webdev
Published: 2020-08-02 16:01:40


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

-10% OFF UNTIL SUNDAY
BUY STJ: JAVASCRIPT NOW: https://quim.pl/summon-no8

#programming #javascript #javascripts #javascriptdeveloper #javascript_love #javascriptframework #frontend #frontenddeveloper
#30DaysOfCJS
Tags: community, 30daysofcjs, javascript, conferences
Published: 2020-08-02 15:53:42

---
title: #30DaysOfCJS
published: true
description: Count down 30 days to CascadiaJS 2020 with your favorite CascadiaJS talks!
tags: community, 30DaysOfCJS, javascript, conferences,
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/5zoms43enrdseu9f9suf.png
series: 30DaysOfCJS
---

CascadiaJS 2020 is only 30 days away, I'd like to invite you to counting down to the conference by watching a CascadiaJS talk everyday, and share with the community what you like about it and how it inspire you.

Similar to #100DaysOfCode, here is the rule for **#30DaysOfCJS**:

1. Pick a talk that's interesting to you, watch it (most talks are 25 mins each)
2. Share with the community in the social media of your choice, using **#30DaysOfCJS** as the hashtag.
3. Search **#30DaysOfCJS** and #discuss with CascadiaJS community, what talks do others enjoy? If the talk inspired you to hack something together, please share with the community!

{% twitter 1289953770063839234 %}

You can pick any talks from our youtube playlists ([CascadiaJS 2019](https://www.youtube.com/playlist?list=PLLiioAbFTbKPR9XPV8g-gHu5q8w7g7mlH) & [CascadiaJS 2018](https://www.youtube.com/playlist?list=PL37ZVnwpeshHipbzU5EyjRkem3U5OVWxm)), and I hope to see what we can learn from the community through **#30DaysOfCJS**! 

For Day 1, I am picking the WebVR talk from @shannoncantech, *Down the Rabbit Hole with WebVR // Shannon Foster // CascadiaJS 2018*. 
VR/AR/XR are the fields that have been fascinating to me, and I hope you learn new knowledge from this talk!

{% youtube H8crihughSc %} 
{% user shannoncantech %}
Email Productivity: Organize your Gmail Labels as Tabs
Tags: email, productivity, opensource, extension
Published: 2020-08-02 15:52:53

![Gmail Labels as Tabs](https://dev-to-uploads.s3.amazonaws.com/i/fceigfj8qt2pdy2j5xzt.png)

## Hey there!

Do you hate cluttered Gmail inbox, and use Gmail labels to organize them.

**I have good news for you**. You can now create dedicated tabs for labels and easily access them from your Gmail web interface.

**Gmail Labels as Tabs** is an open-source email productivity extension for Google Chrome that customizes Gmail interface by adding labels as tabs.

**Features:**
★ Organize your labels as Gmail tabs
★ Drag & drop to re-arrange tabs
★ Shows unread messages badge
★ Supports dark mode theme
★ Synchronizes extension settings with your Gmail account

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

[Link to the Chrome Web Store](https://chrome.google.com/webstore/detail/gmail-labels-as-tabs/fadllmncpdhaindodhlgbheephdkopih)

---

## Quick Demo

{% youtube kUc4KSOKVjU %}

---

## Screenshots

![Fig: Simple and clean interface](https://dev-to-uploads.s3.amazonaws.com/i/3f7e9bgmto2srskg0a2t.png)

![Fig: Gmail labels accessible as tabs with unread messages badge!](https://dev-to-uploads.s3.amazonaws.com/i/fdytjrm9ynggxht7kpok.png)

---

## 100% open-source project & ads-free - it won't mine and sell your data!

Any contribution is **welcome**!

{% github tuladhar/gmail-labels-as-tabs %}

---

### About Author

Hi 👋 I'm Puru, author of "Gmail Labels as Tabs". I'm from [Nepal](https://en.wikipedia.org/wiki/Nepal), it's a small country in South Asia with highest mountains in the world Mt. Everest.

I :heart: developing productivity softwares, mostly in my free-time for myself, but now I'm taking it step further and open-sourcing so everyone can benefit from it. If you like my work and want to support me, [DONATION](https://tuladhar.github.io/gmail-labels-as-tabs/DONATION) accepted! 🙏
Where can you can BEst Collection of Full forms?
Published: 2020-08-02 15:26:26

Have you ever wished that if there would have an encyclopedia about full forms as there is Wikipedia which is an open-source platform where anyone can edit information?

Lucky for we have a amazing platform where you can get any full form here, yes it is <a href="https://www.fullformocean.com">fullformocean</a>, an ocean of full forms where you can find any full form.

to know more, Hop on our website where you can get thousands of full forms of most used slang words or acronyms.
Build Your First Application With Codeignter - 1
Tags: webdev, php, framework, code
Published: 2020-08-02 15:19:27

#Build Your First Application

Overview

This tutorial will cover the basics of Codeignter4 framework and the basics principle of MVC

Codeignter4 is built on top PHP so you must have a basic understanding on PHP before diving in.. So basically we are gonna be building a crud system in CI4(Codeignter4). CRUD(Create Read Update Delete)

In this post we will cover installation

CI4 can be installed in 2 ways

1. Manual Installation
2. Composer Installation 
but we will be looking at manual installation.

To install manually all you need is to head over to github and download CI4

Extract and keep in a folder

Next we open terminal and cd into the folder directory

Then in the terminal type php spark serve

And you should be having this

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

Now open up your browser and type in the link CI4 gave you http://localhost:8080

And you should be having this.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/30vani2r3pa4qlfct02n.png)

Voila 🎉🎉 now we have CI4 running... So next we will take a look at the File Structure!.

Comment if you have any question.
Publish apps on app store without macbook
Published: 2020-08-02 15:06:42

MACINCLOUD PROVIDES COMPREHENSIVE "MAC IN THE CLOUD" SOLUTIONS
MacinCloud provides managed and dedicated cloud Mac servers, hosted private cloud solutions and DevOp pipelines. Users can access on-demand Mac servers for app development, Mac tasks, and enterprise builds. All of our plans and solutions are backed by genuine Mac hardware hosted in 7 professional data centers around the globe.

## What can I use MacinCloud for? 
* Publish apps on the App Store with your own Apple Developer account after developing them with Xcode or other development software unique to Mac

* Study, collaborate, compile and publish iOS and other mobile apps from a non-Mac or older Mac computer

* Compile iOS and cross-platform applications that require the Mac environment

* CI build servers/slaves for App development and test automation

* Use free or purchased Apps from the App Store, or other Mac software vendors, and access from anywhere in the world on any mobile devices with an Internet connection. Your purchases will stay in your App Store account and you can use them on other compatible devices without paying for them again

* Test your website on all Mac compatible browsers

* Digital self-publishing. There are free Apps and software that allow you to easily publish your books to iBooks store and other eBook stores. Check "iBooks Author," for example

* Securing contract work. If you wish to have a secure workplace for your contractor to work on your digital images, documents or programming projects, you can use MacinCloud.

...... and much much more.

https://www.macincloud.com/
JavaScript One Line Array Element Swap
Tags: node, javascript, nexjs
Published: 2020-08-02 15:02:21

## Use Object Destructuring to Swap Elements

```javascript
const arr = [1,2,3,4];

[arr[0], arr[2]] = [arr[2], arr[0]];

console.log(arr);
```

### Explanation
On the right-hand side, we are creating a new array of `[3, 1]`. We immediately use destructuring assignment to override the values at position `arr[0]` and `arr[2]`.

It's a good trick to swap elements that I thought I could share.

Thanks for reading!
What do you appreciate in your workplace?
Tags: discuss, gratitude, career
Published: 2020-08-02 14:51:23

Recently, I've seen many complain about their workplaces and how they are not providing the right care for their employees. I do respect that in 100%. However, fortunately not every workplace is like that :) Some places are fantastic. Some companies and teams really know how to get the best of people and make them self-fulfilled.

I believe it is important that we also recognize the good things! So what do you appreciate about your workplace or your team?

To make it even more interesting, try sharing the name of the company you work for + what you appreciate about it! It feels good to show your gratitude.

For me, it's daily.dev 
I love being able to be creative without limitations. I appreciate my team members for being supportive and highly-intelligent. I learn from them every day.
What BOTHERS you most about Open Source Collaboration? (maintainers, and collaborators)
Tags: watercooler, question, opensource
Published: 2020-08-02 14:42:51



> ###### I'm doing a bit of research for a personal project aimed at Open Source. Maybe you can help me by answering some of the following questions :)

#### (1) Do you maintain an Open Source project?
#### (2) Do you contribute to Open Source?
#### (3) How regularly do you contribute?
#### (4) What do you do as a contributor or maintainer?
#### (5) What tools do you use the most?
#### (6) What is the most important thing for you about contributing to Open Source?
#### (7) What bothers/annoys you the most about contributing to Open Source?
#### (8) What bothers/annoys you the most about maintaining an Open Source project?