teleren/devto huggingface dataset:
Daily UI Component - 01
Tags: html, css, webdev, uiweekly
Published: 2020-09-19 19:09:03

![Daily UI 01](https://dev-to-uploads.s3.amazonaws.com/i/db2n71fexua43n5tofv5.JPG)

The other day I decided to re-join the DailyUI challenge platform - [DailyUI Challenge](https://www.dailyui.co/). I previously joined the Daily UI community for about a month before abandoning it to focus on development of enterprise software and move more towards advanced computational development (i.e. particle systems, procedural terrain generation, etc.). 

Flash forward about a year later and I'm back to the web dev grind and creating quick UI components in my spare time. 

For my first component, I created a small schedule dashboard for a pet service application. Moving forward I will be spending an hour a day on these small components (as consistently as possible of course), each day trying to implement a new design strategy. 

**Feel free to follow my progress in this public repo:
[DailyUI - Eric Moore](https://github.com/ericmoore123/DailyUI)**

And lastly of course, **Happy weekend!**
CshtmlComponent — A Real ASP.NET Core MVC and Razor Pages Component
Tags: csharp, aspnetcore, dotnet, cshtml
Published: 2020-09-19 17:47:26

#CshtmlComponent — A Real ASP.NET Core MVC and Razor Pages Component

Have you ever tried working with components in ASP.NET Core MVC or Razor Pages projects? This is a major pain in the ass. The solutions available by default are Tag Helpers, View Components and Razor Components. However, none of these are as customizable and convenient as the components in JavaScript frameworks (Svelte, Vue, etc.). CshtmlComponent aims to fix this.

CshtmlComponent is developed by [Acmion](https://acmion.com).

[CshtmlComponent Documentation](https://cshtml-component.acmion.com)

###CshtmlComponent supports the following:
+ Razor syntax
+ Nested child content
+ Runtime compilation
+ MVC & Razor Pages
+ Lenient file structure
+ Named slots

###Tag Helpers support the following:
+ Nested child content
+ MVC & Razor Pages
+ Lenient file structure

###View Components support the following:
+ Razor syntax
+ Runtime compilation
+ MVC & Razor Pages

###Razor Components support the following:
+ Razor syntax
+ Nested child content
+ Named slots

Note: While Razor Components can be used in standard MVC & Razor Pages projects without Blazor, the development experience is quite lacking.

##CshtmlComponent Features
The feature set of CshtmlComponent is more complete than that of the alternatives, which has resulted in clear improvement in my development speed of ASP.NET Core projects. Hopefully, you will also find it useful!

Please check out the documentation and the GitHub repository!

[CshtmlComponent Documentation](https://cshtml-component.acmion.com)

[CshtmlComponent GitHub](https://github.com/Acmion/CshtmlComponent)
fkill - (imo) best way to kill processes // Cool GitHub projects
Tags: productivity, utility
Published: 2020-09-19 18:53:57

I will start with the biggest disadvantage of this app - `fkill` is written in JS using Node.js. To be clear - JS is not my enemy, I'm not using that stack, so I had to install npm and so on.

{% github sindresorhus/fkill-cli %}

## Install
```
npm install --global fkill-cli
```

## Features
* kill process by pid - `fkill 1337` (nothing fancy)
* kill process by name - `fkill firefox` (like `killall`)
* kill process by port - `fkill :8080` - will kill process which uses port 8080, super cool feature
* interactive mode - `fkill` - shows all processes, search bar, ports used by each process, memory usage and CPU usage
* `-f` to force kill

![fkill](https://dev-to-uploads.s3.amazonaws.com/i/kd5izgjpxlglcnw1srq4.png)
What's your favorite go to framework/library for developing web apps?
Published: 2020-09-19 18:36:34

![cover image](https://dev-to-uploads.s3.amazonaws.com/i/imd6obnkicp1blaxdpnr.PNG)

My personal preference would be `React` over `Angular` as I feel React is light weight and enables loosely coupled components structure and thus giving high flexibility for component reusability. 

I haven't worked on any projects on `Vue` yet but worked on both `React` and `Angular`.

Thoughts?
DuckduckBang productivity
Tags: productivity, javascript, privacy
Published: 2020-09-19 18:28:40

I've been using [DuckDuckGo](https://duckduckgo.com) for [privacy reasons](https://duckduckgo.com/privacy), but now I've actually found a real productivity upside with it.

As a developer I spend a lot of time read docs from different libraries and softwares. [bang shortcuts](https://duckduckgo.com/bang) makes that smooth and simple. If I want to search for a npm package I just write `!npm algolia-places-react` and DuckDuckGo will redirect that search query directly to npm:

![Bang search example](https://dev-to-uploads.s3.amazonaws.com/i/bye5p992ubij02fmv5ox.gif)

There's over 13 000 different bangs so you can be sure that your favorite sites can be found, just go ahead and check the list at https://duckduckgo.com/bang

**How are you doing to quickly find docs for the software you're using?**
6 Best online IDEs
Tags: codepen, replit, beginners
Published: 2020-09-19 18:26:21

Online IDEs these days are powerful enough to provide frameworks and libraries. 

While we are away from the desktop or system, we can always use online IDEs to stay productive. 

###**6 Best online IDEs**
 
 1. Repl.it [repl.it](https://repl.it/)
 2. Gitpod [gitpod.io](https://gitpod.io/)
 3. StackBlitz [stackblitz.com](https://stackblitz.com/)
 4. CodePen [codepen.io](https://codepen.io/)
 5. CodeSandbox [codesandbox.io](https://codesandbox.io/)
 6. Codeshare [codeshare.io](https://codeshare.io/)


Online IDEs are easy for beginners as they have **ready-to-code** environment. You are not required to go through the trouble of debugging the setup process of, let's say, react. You are ready to start programming just by choosing the environment!!!

Another good reason to use an online IDE is that they are **ready-for-collaboration.** Code sharing, Pair coding becomes easy and without any setup or plugin. 

We may also **connect our online repositories- github** to the online IDEs and all our repos will be instantly available for viewing or editing with the required environment. 
*Isn't that cool!!* 

These are some of the benefits that I observed since I started to learn programming. I am sure there are more that can be added to the list along with their downsides as well. 

**Help me add on to the list of online IDEs, their benefits and downsides.** 

>Drop your comments below 👇🏾 



![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xad0vitg2cnddgelxy93.png)
______
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/x1pgk3x9k42c1l4nohig.png)
______
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/pu8v78n46hii0dtzd2wn.png)
______
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1ihji44m0w2lpivntt5t.png)
______
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bza2pej85xdkqcytlfna.png)
______
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vohchkz9rih66djk8zvv.png)
______
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5dvimtmp6k7oxck71dqu.png)
______
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/icp1qrs6dju66gvi6y4i.png)
______
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jkfnj47c4acgjac317xy.png)
SCRUM Retrospective meeting is for what?
Published: 2020-09-19 18:19:03

Hi Devs,

Most of us tackled with SCRUM at least at once. As for me, I do my job about five years using the SCRUM methology. It helpful, it allows us to deliver features and fixes more predictive and transparent, and sometimes, in time :-) you know what I mean. I was a SCRUM master, team leader, ordinal developer, chief... and know what? I still can't understand why we need retrospective. 

Last Friday we had one, and our SCRUM master opened a Word document with empty three-column table and asked us the question - "John/Sam/Dan, what you think about last sprint, what was good, what we need to change and what is ugly?". You know that question and I always in trouble what I should to answer. Look, I have a lot of JIRA's, I communicated well with others (BAs, QAs) to get them to solve, and I solved them. Nothing to say - ALL GOOD! And everyone of us said nothing, because - all works well. Right after the meeting, our SCRUM master said that my team-mates "aren't evolved into product". Hey dude, these guys deliver features/fixes every two week in-time and mostly error-free, you can't judge them for the silence on the Retrospective meeting!

If I can't communicate with someone, have hardware problem, or my IDE license has been expired - I don't need to wait until end of the sprint, to tell about it on the retrospective, otherwise I won't do my job well.

As SCRUM methology said - "discuss problems and circumstances with other team-mates..." Cool, but I have time to discuss about on the daily meetings.

So, what do you think about Retrospective? How do we need to cook it well?
Nuxt or Gridsome
Tags: vue, nuxt, gridsome
Published: 2020-09-19 17:36:28

---
title: Nuxt or Gridsome
published: true
description: 
tags: Vue, Nuxt, Gridsome
//cover_image: https://direct_url_to_image.jpg
---

My current site/blog is built using Gridsome but having played with Nuxt and the content module I do really like it and am keen to learn more about Nuxt. I'm debating moving my site to use Nuxt I was just curious if anyone has experience using both or using Nuxt for a blog? 

I plan to create a test example and see how it goes. I'd appreciate any thoughts.
Don't use non-alphanumeric characters in Unity Keystore/Key password
Tags: unity3d, gradle, building, android
Published: 2020-09-19 17:35:38

# Short note for Unity developers:

When I was trying to build my game for Android device with Google Play services used I got an error in a Unity console window. The error message looked really generic and I didn't know what I did wrong. Sometime later, I finally found a solution. Looks like non-alphanumeric characters in keystore/key passwords were the problem even that Unity doesn't tell you can't use them.

### Possible errors:
`java.lang.RuntimeException: java.lang.RuntimeException: com.android.ide.common.signing.KeytoolException: Failed to read key somegame from store "C:\Users\SomeUser\Documents\somekeystore.keystore": Cannot recover key`

### Fix
Don't use non-alphanumeric characters in passwords when publishing a game to Android devices.

### First found solution:
[Unity forum thread](https://forum.unity.com/threads/unity-2020-1-0a17-android-build-error-cannot-recover-key.806148/)
> Alright then removed the @ character from the password and it now works.

### How can you change password?
If you want to change keystore password follow those steps:
1. Locate `C:\Program Files\Java\jdk1.8.0_202\bin` to use keytool and open powershell there.
2. Type command: `./keytool -storepasswd -new [newpassword] -keystore [filename.keystore]
-storepass [currentpassword]`

If you want to change key password follow those steps:
1. Locate `C:\Program Files\Java\jdk1.8.0_202\bin` to use keytool and open powershell there.
2. Type command: `./keytool -keypasswd -alias [keyalias] -keypass [currentpassword] -new [newpassword] -keystore [filename.keystore] -storepass [currentpassword]`.

To print keystore and keys infromation:
`./keytool -list -v -keystore [filename.keystore]`

If you want to pass keystore location, remember to use quotes, example: `./keytool -list -v -keystore "C:\Users\SomeUser\Documents\somekeystore.keystore"`

Source: [IBM support knowledge center](https://www.ibm.com/support/knowledgecenter/SS4GSP_6.2.4/com.ibm.udeploy.doc/topics/keystore_change_password.html)
More keytool commands: [Keytool docs](https://docs.oracle.com/javase/8/docs/technotes/tools/unix/keytool.html)

---
If I wrote something wrong, don't hesitate to correct me and write a comment. Hope that short note would help someone when publishing to Google Play.
Javascript: Closures
Tags: codenewbie, javascript, womenintech, webdev
Published: 2020-09-19 17:30:15

Another important and mostly used topic under Javascript is Closure; we might have come acrossed them several times.

Closure is a term refers to function enclosed within another function having access to the outer function scope. Closure is a combination of function and it's lexical within which the function is defined. Environment consists of variables declared containing data on which function operates. Closure is created everytime a function is defined.

<code>function init(){
  let name = "Ravina";
  function displayName(){
    alert(name);
    }
  displayName();
}</code>

Here function <code>init()</code>, defines a variable <code> name </code> which is assigned a value *Ravina* and a enclosed function <code>displayName()</code> uses outer function scoped variable *name*. displayName function is called within the outer function. Since the scope is limited to it's outer function only.


###But what is we need the inner function to be available outside the scope of outer function?###

We can do so by returning the inner function. Let's have a look at below code.

<code>function init(){
  let name = "Ravina";
  function displayName(){
    alert(name);
    }
   return displayName;
}</code>

<code>let myfunc=init();
myfunc();</code>

So here we have <code>init()</code> function with <code>return displayName</code> statement causing function to be returned before execution. The <code>myfunc</code> variable is assigned <code>displayName</code> function and it executed absolutely fine. But scope of variable ends after function completes execution. While this is not a case with Javascript, function forms closure. In this case <code>myfunc</code> variable holds reference to <code>displayName</code> function that is created when init function is run. The instance of <code>displayName</code> function holds reference of lexical environment in which it is defined. Hence variable name remains available even within the <code>myfunc</code> function.


### Closure scope chain

Every closure has three scopes
- global scope
- outer function scope
- local scope

In some cases there could be multiple nested outer functions and each of the outer functions variables are overridden.

### Uses

Since closure combines together the function and the data it operates on. Closures would be most useful in achieving the Object oriented programming mechanism where object encapsulates data and the functions.
Closures could be used anywhere in a project like an object.
ShadowGas Update
Published: 2020-09-19 17:21:00

I have been working on my ShadowGas project for the past week and it has been a great learning experience. 

With the help of another member on here (Sam Bacha) I was able to find another gas token called, Liquid Gas Token. The LGT allows you to mint and burn in the same transactions, thus discounting transactions a bit more than GST and CHI.

I have changed the ShadowGas contract to better fit it's described functionality (Stores, Transfers, and Trades). I have started testing the first two and at the moment the contract only includes functions that work with CHI and LGT (I plan on adding GST later).

The master branch shows the old contract, I have just pushed the new one to the dev branch. You can check out the repo below.

https://github.com/TraylorBoy/ShadowGas

I plan to continue on blogging my development of my ShadowGas project!
Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 1)
Tags: react, webdev, postgres, tutorial
Published: 2020-09-19 17:18:52

## Introduction
Hey all, this project will be a series. I don't know how long the series will be as I'm still working on the project as I write these articles. I've wanted to build a chat app for quite some time. I came across an older tutorial (3 years ago) of Ben Awad (awesome YouTuber) doing a slack clone, which was perfect for me, so I'm following his approaches and making mine a updated version (a lot has changed in 3 years).

I wanted to practice building more complex projects. I'm learning a lot so far, like working with the PostgresSQL database, using Sequelize for the ORM, and connecting it with Graphql. So I'm hoping you guys can learn something too :) But that's enough of the intro, let's dive into the first part.

## Installation for Database
Before we get to the good stuff, we need to install the things we need for this project. I'll be using a Mac throughout this series.

- Nodejs of course :) (if you haven't already => nodejs.org/en/download)
- PostgresSQL (for Windows and Mac postgresql.org/download)

Installation videos
Mac video: https://www.youtube.com/watch?v=EZAa0LSxPPU
Windows video: https://www.youtube.com/watch?v=RAFZleZYxsc
- Postico (eggerapps.at/postico) optional if your more visual like me :) this is a GUI for your database.

That is all you need to get the database portion setup using Postgres (not that much). In the next one, we'll work on folder setup and installing the packages we need for the backend. Until then folks :)
Stop Using Computers, and Start Using Punchcards
Tags: code, punchcards
Published: 2020-09-19 17:15:11

---
title: Stop Using Computers, and Start Using Punchcards
published: true
description: 
tags: code, punchcards
cover_image: https://www.extremetech.com/wp-content/uploads/2011/08/ibm-80-column-punched-card1.jpg
---

Inspired by [Stop Using React](https://dev.to/ender_minyard/why-you-should-stop-using-react-g7c) and [Stop using frameworks and libraries](https://dev.to/ender_minyard/why-you-should-stop-using-react-g7c).

> TL;DR (Sarcastic post ahead, you've been warned)

I thought I simply didn't understand Computers. I taught myself how to use them and I still wish I could go back in time and make it like Computers never existed. Here's why.

## Computers crash

Every so often a program will misbehave, and cause an occasional `Kernel Panic` or `Blue Screen of Death` for Windows users.

## Computers use electricity

Everyday you are using your computer, you are essentially using electricity. Alternating current to be precise (AC), some countries use 120VAC, while EU use 230VAC just so they can feel more powerful. Regardless on average these are your kW usage stats:

11.02 KWh x $0.28/KWh = $3.08 per week

We can then estimate a yearly figure ($3.08 x 52 weeks/year) of $160.16 per year.

[Source](https://www.pcmag.com/how-to/how-much-electricity-does-your-pc-consume)

## Computers can dissapear

Trashcan (Recycle bin) are dangerous.

![puff](https://i.kym-cdn.com/photos/images/original/001/020/946/a40.gif)

## Computers are loud

Fan noise level can vary depending on your rig. Ranges anywhere from 40dB to 60dB. [Source](https://soundproofingguide.com/decibels-level-comparison-chart/)

## Conclusion Computers are bad

Please join me in this movement, and meet up at our local university to run our programs with punch cards. We can take a coffee or two while we wait for the results. Provided they were no bugs in your program.
What's the output?
Tags: javascript, codenewbie, webdev, beginners
Published: 2020-09-19 16:44:01

```
var a = true;
if(a == 1){
    console.log('True');
}else{
    console.log('False');
}
```

---

**Thanks for reading 💙**  
Follow **@codedrops.tech** for daily posts.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Twitter](https://twitter.com/codedrops_tech) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro-Learning ● Web Development ● Javascript ● MERN stack ● Javascript  
**[codedrops.tech](https://www.codedrops.tech/)**
Django, Rails and Laravel. Surprising GitHub Stats.
Tags: python, php, ruby, rails
Published: 2020-09-19 16:14:12



In order to compare the popularity of Django, Rails and Laravel frameworks I decided to look at how many GitHub projects have been updated in the last hour.

I know it's not scientific but just for fun I wanted to see the numbers.

I chose Github because I wanted to see at the moment which of these three frameworks the developers are working on the most.

Here are the results (in the last hour):
Django: 131 projects updated
Laravel: 104 projects updated
Rails: 46 projects updated

It's still surprising that Rails has so many projects. I thought it was used a lot less than that.

I also thought that Laravel would be more popular than Django.

As I said it is not very scientific but it still gives an idea.

As for my choice, it is not yet done but I would say that it gives points to Rails. Several shout loudly that Rails is dead or that he is now a niche product. The framework may not be popular with trendy blogs, but these numbers show that it is still popular with developers.
Udemy Course Recommendation
Tags: html, css, javascript
Published: 2020-09-19 15:56:55

Traversy media has always been one of my favorite resources for learning web technologies. From tutorials designed for absolute beginners to advanced developers – Traversy is a great instructor.

I’ve just finished the  [20 Web Projects With Vanilla JavaScript](https://www.udemy.com/course/web-projects-with-vanilla-javascript)  course by Traversy Media on Udemy and it was amazing! Traversy has a gift for presenting complex concepts and ideas in a clear no BS way. Every project in this course is short, easy to follow and centers around a specific topic or set of topics in JS and CSS.

The projects include working with the  [`SpeechRecognition`](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition)  API,  [`SpeechSynthesis`](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis)  API,  `canvas`,  `CSS transitions`  and much more.

Also, I really recommend taking Modern  [HTML & CSS From The Beginning (Including Sass)](https://www.udemy.com/course/modern-html-css-from-the-beginning)  and  [Modern JavaScript From The Beginning](https://www.udemy.com/course/modern-javascript-from-the-beginning)  by Traversy  **before**  watching this course.

I hope you will find these courses excellent – like I did!

✍ For more posts:
[https://yossiabramov.com/](https://yossiabramov.com/)
Drawing Book Explain - Solution | Javascript
Published: 2020-09-19 15:53:44

```javascript
function pageCount(n, p) {
    /*
     * Write your code here.
     */
  const isFromLast = (n - p) <= (p-1);
  if (isFromLast) {
    if (n % 2 === 0) {
      return Math.ceil((n - p) / 2)
    }
    return Math.floor((n - p) / 2)
  } else {
    return Math.floor(p/2);
  }
}

pageCount(7, 4);
```

[Problem](https://www.hackerrank.com/challenges/drawing-book/problem)
Why Is The Industry Demand For MSBI?
Published: 2020-09-19 15:36:43

MSBI is an advanced business intelligence suite developed by the Microsoft Web company. MSBI is considered to be the perfect solution for the all the Business Intelligence & data mining related queries. By making use of an advanced visual studio that has very interactive & creative dashboards MSBI has become well capable to interpret with the data and convert it into valuable insights. These insights prove to be very handy in the decision making process of any business.

**Why Is The Industry Demand For MSBI?**
MSBI is considered to be one among the most powerful software tool for business intelligence. Most of the organizations are interested in MSBI for their business intelligence applications & the reasons for this are as follows

It enables easy data exploration and visualization
Microsoft manages self-service BI tools
It makes full use of native MS Excel features
Has the presence of interactive dashboards & scorecards
It offers end-to-end business solutions
Due to the numerous essential features showcased by MSBI it has now become the most extensively used business intelligence software. Become experts in this trending platform by availing our intellipaat [MSBI certification](https://intellipaat.com/msbi-online-training-course/) course.

**MSBI technology future**

MSBI is composed of tools that provide complex business intelligence services to the enterprise. MSBI is the solution for all business Intelligence needs of the industry but it also overcomes the problems and issues related to IT services at no extra cost.
It has been considered as the best tool for business intelligence solutions. With the changing business world, it becomes necessary to put an extra edge on intelligence. It can be possible through MSBI and its various tools. MSBI technology still has a great future.