teleren/devto huggingface dataset:
Blazor DataGrid - Fast & Powerful Grid Component- Syncfusion
Tags: blazor, datagrid, grid, webdev
Published: 2021-06-15 09:21:09

**Overview**
The Syncfusion Blazor [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid) is a feature-rich component useful for displaying data in a tabular format. Its wide range of functionalities include data binding, editing, Excel-like filtering, custom sorting, aggregating rows, selection, and support for Excel, CSV, and PDF formats.

**Data binding**
Bind data seamlessly with various local and remote data sources such as JSON, RESTful services, OData services, and WCF services. It uses the data manager to handle data and supports customizing data requests.

[More details on data binding feature](https://www.syncfusion.com/blazor-components/blazor-datagrid/data-binding)

**Mobile optimized and touch friendly**
The Blazor DataGrid has a highly responsive layout and a finely optimized design for desktops, touch screens, and smart phones.

**Touch support**
User-friendly touch gestures and an interactive UI design help produce the best user experience. All Blazor Grid features work on touch devices with zero configuration.

**Adaptive UI**
Blazor DataGrid Component is a mobile-first approach control. Its responsive user interface adapts automatically to any device and provides the best user experience to interact with the control. In addition, it has an option to hide specific columns for certain screen sizes using column-based media query support.

**Responsive pager**
The Blazor DataGrid pager acts intelligently and changes its complete UI responsively based on the Blazor Data Grid dimension. Its optimized design provides the best UI interaction in different devices.

**High performance**
The Blazor DataGrid has optimized design for high-performance. It loads millions of records in just a second without any performance degradation with the help of row and column virtualization. The WebAssembly helps avoid unnecessary rendering of components.

[More details on high performance feature](https://www.syncfusion.com/blazor-components/blazor-datagrid/performance)
[Blazor Virtualizing Grid Documentation](https://blazor.syncfusion.com/documentation/datagrid/virtual/?_ga=2.156370047.516586539.1623644736-1603772627.1578464690)
vim can save you years of your life, retire early
Published: 2021-06-15 09:18:19

Text Editors come and go but some have attained a legendary status among knowledge workers, one of them being a editor called Vim. You may have already heard of it, they say it's the link between the machine and the human brain. A tool from an ancient society capable of granting it's user the ability to edit text at the speed of thought.

Complex operations are done using only a few key presses. They don't even think about it anymore as muscle memory took over already. This reduces cognitive load and helps to focus on the actual task.

continued - https://vocal.media/01/vim-editor-edit-text-at-the-speed-of-thought
Speed up Local Development with Docker
Published: 2021-06-15 09:12:40

Ok so, as a programmer, you probably switch from project to project, each of which has probably a different database, from PostgreSQL to MongoDB, etc.. and having all these database instances installed directly into our machine only for local development is quite useless.

To make matters worse the is also the versioning problem, maybe you have two (or more..) different projects, which are using PostgreSQL but they require two different versions of the DBMS, so what can you do?

Oh yeah, you can configure on your Linux machine manually a multi-version DB cluster but it seems a lot of work isn't it? Obviously, there is a better solution!

![Docker Meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w7hqdvkzj07mddjedq7u.jpg)

### Why Docker is the Solution

With Docker, and specifically Docker Compose, you can have all your DBMSs in only one single configuration file, you can deploy, destroy, change the version, in a few keyboard digits.

> Oh my god I need to migrate to my new laptop without keeping the old data, what can I do?

`docker-compose up -d`

And your databases are served!

> On my god I have PostgreSQL 12 and I need also PostgreSQL 10, what can I do?

```yaml
postgres10:
  image: postgres:10
  environment:
    POSTGRES_USER: root
    POSTGRES_PASSWORD: password
  ports:
    - 5432:5432
```

and again: `docker-compose up -d`

> Ok I hate all the DBMS and since now I wanna work only with txt files on vim as a datastore.

`docker-compose down`

Now your laptop is **clean**. Nice Right?

As you can see, for local development is a piece of cake working with `docker-compose` I highly recommend you check it out!

### Extra Tip

Using the databases is good, but having a tool to inspect them is also good, and this is when **adminer** comes.

Adminer is a Database management Tool in a single PHP file, it works with a lot of relational databases, and it's super fast and lightweight.

This is a screenshot from adminer:

![Adminer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yoyxd7yhoe3j67gugbfd.png)

And you know? Adminer also works in docker! So in the same file, you can have your databases, and the tool to explore them!

PS: For MongoDB, you need something like `mongo-express` because as i said before, adminer is for SQL database. But also mongo-express is docker ready, so no worries!

### A Gift for You!

To thank you for your time to read this article, I decided to share the file that I use every day to develop my applications, you can find it [Here](https://github.com/itsrennyman/dbms) on Github!

--

I am very curious if you have already worked this way or did not know this little productivity technique. Let me know with a comment below!

Do you have Twitter? Let's get connected! [@itsrennyman](https://twitter.com/itsrennyman)
Project on Inspection Evaluation
Published: 2021-06-15 09:07:19

About a week ago I started a project to help an inspection company that I worked for ten years ago. Most of the operations which included receiving orders from clients, assigning jobs to inspectors, receiving and entering inspection reports were all done manually, prone to errors, and time-consuming.  The project is called 'Project Evaluation' and it is a web application that can be used for monitoring and evaluating various activities and solve the usual problems associated with entering data manually. 
Every day I  tweet to #100DaysOfCode so you can follow my progress there. Alternatively, check me out on https://github.com/okalangkenneth
under projects.
My workflow for a research in machine learning
Tags: machinelearning, research
Published: 2021-06-15 08:52:04

This post is based on my experience when I was an intern at [USTH ICT Lab](https://ictlab.usth.edu.vn/). It's aimed for everyone to read. 

I divide the research into 3 stages. 

# Stage 1: Preparation 

1. Define in detail what the problem is.
2. Define performance metrics.
3. Find dataset and relevant datasets.
4. Read top research papers related to the problem as much as you can but not too deep. Read abstract, read model overview, read results. 
5. Check their source code if there are. 
6. Summarize all the ideas, all results and all hardware specification. 

# Stage 2: Experiments

1. Pick 2 or 3 research papers that you feel you can reproduce the results. 
2. Read them in detail.
3. Reproduce results. 
4. Brainstorm idea to what can be done to improve the result.
5. Carry out your experiments.
6. Summarize your work.

# Stage 3: Report

1. Write a research paper
2. Publish your work.
Wierd Async/Await Behaviour in JS 🤔
Tags: javascript, programming, es8, quirk
Published: 2021-06-15 08:48:53

Apparently the non async code inside an `async` function will execute synchronously even if you don't `await`.
Consider this code example:
```javascript
async function f() {
    g('adsasdasd'); // note that it is not `await`ed
    console.log('000');
}

async function g(m) {
    console.log('g', m);
}

f() // calling `f`
```
I always thought it would produce this output:
```javascript
000
g adsasdasd
```

BUT, the actual output is like this

```javascript
g adsasdasd // function `g` is executed first!!
000
```

Can anyone explain this?
How To View JavaScript (console.log) output in VSCode
Tags: productivity
Published: 2021-06-15 08:37:46

How To View JavaScript (console.log) output in VSCode
Hello guys,
Today I have another productivity tip for javascript developers.
Let me show you how you can view the output of Console.log() inside of VSCode.

Here we go.
First, click on the extension tab on VSCode and search for an extension named “Code Runner” by Jun Han.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nad304hsphziuctrgm9e.PNG)

Go ahead and install it. After installation restart VSCode and you would notice a “Play” icon at the top of VSCode.

<iframe width="560" height="315" src="https://www.youtube.com/embed/X_TVF96Kqcw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Next, I will create a JavaScript file in VSCode and log some text to the console.

```
console.log("100 Days Of JavaScript Course");
```

Now, click on the “play” icon at the top of VSCode and your code would output on a new panel inside VSCode.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wbbq3xmrnoc80a3xcaqc.PNG)

By the way, [100Days of JavaScript Course ](https://www.udemy.com/course/100-days-of-javascript/?referralCode=9FB1A91BA3B143B2A261) was created to help beginners/intermediate level JavaScript developers sharpen their JavaScript skills by building projects everyday for 100 Days. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jw5437cpmjxx31atos39.png)

**Thanks for reading this article.**
if you enjoyed it, feel free to connect with me:

**Website:**  [ZinoTrustAcademy.com](https://zinotrustacademy.com/)  

**Twitter:**  [@ZinoTrust ](https://twitter.com/zinotrust) 

**YouTube:**  [ZinoTrust Academy ](https://www.youtube.com/channel/UClXxZm-GQr4S-NsHGIXgg4Q) 

**GitHub:**  [ZinoTrust ](https://github.com/zinotrust)
UI Dev Newsletter #61
Tags: webdev, html, css, javascript
Published: 2021-06-15 08:16:53

- [CSS size-adjust for @font-face](https://bit.ly/3glSgXt)
Ada Argyle introduces size-adjust property that could adjust fonts, to normalize the document font sizes and prevent layout shift when switching between fonts.


- [Media Queries in Times of @container](https://bit.ly/3vlY9bE)
Max Böck tries to figure out will we need media queries at all with container queries on the horizon.


- [target=blank](https://bit.ly/3xeZ6DG)
Chris Coyier explains the difference between '_blank' and 'blank' in the target attribute.


- [The right tag for the job: why you should use semantic HTML](https://bit.ly/3xoN8aX)
Sophie Koonin shows why you should use semantic HTML tags and how they are announced in screen readers.


- [CSS System Colors](https://bit.ly/3pRsKMV)
Jim Nielsen shows how to use color-scheme property to make dark mode.


- [The mobile web is the web](https://bit.ly/3wnGeCF)
Chris Ferdinandi explains why we should think of performance when building for the web.


- [Three Front-End Auditing Tools I Discovered Recently](https://bit.ly/3xjMjQt)
Stefan Judis shares three less-known tools that might help you optimize your page speed score.


- [whocanuse](https://bit.ly/35g9Aa4)
A site that shows you who can use a combination of two colors.



Happy coding!

[Subscribe to the newsletter here!](https://bit.ly/34155z3)
Published My First Crate: decon-spf
Tags: rust, showdev
Published: 2021-06-15 08:10:39

Today I published my first **rust** crate.
I have to say I am still pretty excited and nervous about it. I decided to release it today because I realised that if I didn't. I would keep making changes and decide it was never really ready.

I know I still have more things that I want to add to it. But the core functionality is present.

So if you are curious. Head over and take a look at [decon-spf](https://crates.io/crates/decon-spf). From there you can get to the **GitHub** repo if you want to see more details.
Mis Webmail
Tags: miswebmail
Published: 2021-06-15 08:01:34

Miswebmail is an online educational portal for students in Queensland, Australia to make their studies more efficient and convenient. Queensland is an Australian state renowned for its education and literacy. The Australian government has established many remarkable educational institutions in this state to provide top quality literacy for everyone.

All children receive free education in this place as the government provides full funding for the studies. The institutes are well organized and managed by the government itself. The Queensland government also introduces various educational strategies each year to develop and empower students. One such Australian government educational strategy for Queensland learners is [Mis webmail](https://www.thoughtsmag.com/mis-webmail/), better known as the Managed Internet Service.

The concept of miswebmail

The nation's authorities have created this platform for their students to help them study online. It is a government portal where users have individual user accounts and login credentials. Students can log into their respective accounts, access their study materials, and use other educational utilities using the Miswebmail online portal.
10Gbps Network Speed Test Using OpenSpeedTest V2
Tags: html, javascript, node, linux
Published: 2021-06-15 07:59:14

<iframe width="560" height="315" src="https://www.youtube.com/embed/tk2FqqCtSNg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

OpenSpeedTest Server V2 Released for Windows Mac and Linux.
Download  👉 http://go.openspeedtest.com/Server 
![OpenSpeedTest Server V2 ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/216cqgvuiv3lapydt1ls.png)
10Gbps or more can be tested on Latest M1 Mac with Safari or Chrome.
10Gbps also tested on Ubuntu Linux with latest Chrome.
Private Window is ALWAYS significantly better than Normal Window. 
![Private Window  vs Normal Window. ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ye4dnj79p1ljc8no0xd.png)

You can test you network speed from a TV 
![Network speed from a TV ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c7n8cdo22vopus8d90pj.jpeg)
Download Now 👉 http://go.openspeedtest.com/Server
Sorting Algorithms Visualization: QuickSort, MergeSort, HeapSort, BubbleSort, InsertionSort
Tags: javascript, webdev, showdev
Published: 2021-06-15 07:58:39

Hi everyone! 👋🏻

I'd like to share my new project about visualization of sorting algorithms

Currently, there're five algorithms visualized: QuickSort, MergeSort, HeapSort, BubbleSort and InsertionSort

This project helped me to understand how different sorting algorithms work and I will be happy if it this would be helpful for anybody

GitHub: https://github.com/loonywizard/sorting-algos-visualizer

Live demo: https://loonywizard.github.io/sorting-algos-visualizer
Never deploy AWS CDK Stacks in wrong account again
Published: 2021-06-15 07:55:06

Working for different customers and of cause in different accounts for lets say development and production, it is *vital* not to deploy in the wrong account!

## Taskfile

This tool (taskfile.dev) allows preconditions for executing tasks.

```yaml
  deploy-prod:
    desc: deploy Lambda
    cmds:
      - export CDK_DEFAULT_ACCOUNT={{.account}} && npx cdk@{{.version}} deploy reporting
    preconditions:
      - sh: "[ '{{.account}}' = '{{.accountprod}}' ]"
        msg: "Account not prod, Halting"            
```

Where

`deploy-prod` - the Name of the Task
`desc` - ription
`cmds` - commands
`{{.account}}` - a variable 
`preconditions` - only run this task if true



Thats good, but how do I get the account number?

You get the current account number with the STS simple/secure token services from aws. In the response, you query only the Account number, so 

```bash
aws sts get-caller-identity --query Account --output text
```

Gives you the account number of the current credentials.

For the CDK, you tell it with 

```ts
new LambdaStack(app, 'lambda', {
  env: { account: process.env.CDK_DEFAULT_ACCOUNT, region: process.env.CDK_DEFAULT_REGION },
});
```

To use the environment for account and region.

## All together in the Taskfile

```yaml
# https://taskfile.dev

version: '3'

env:
  CDK_DEFAULT_REGION: eu-west-1
vars:
  region: eu-west-1
  account: 
    sh: aws sts get-caller-identity --query Account --output text
  accountdev: 
  accounttest:     
  accountprod: 555555555555    
  # CDK Version
  version: v2.0.0-rc.7

tasks:
  deploy-prod:
    desc: deploy Lambda/Reporting Stack
    cmds:
      - export CDK_DEFAULT_ACCOUNT={{.account}} && npx cdk@{{.version}} deploy reporting
    preconditions:
      - sh: "[ '{{.account}}' = '{{.accountprod}}' ]"
        msg: "Account nicht prod, Halting"       
```

With this setup, `task deploy-prod` will only deploy on the configured prod account!

Hope you find this helpful,

Please contact me on twitter @megaproaktiv or discuss here aber life, universe and AWS devops.

## Thanks

Photo by <a href="https://unsplash.com/@timmossholder?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Tim Mossholder</a> on <a href="https://unsplash.com/s/photos/wrong-way?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
  
Amazing tool https://taskfile.dev/#/
Cross Browser Testing Using Comparium
Tags: web, testing
Published: 2021-06-15 07:54:58

Nowadays, cross-browser testing is a necessary part of the development and that's why there are tools to facilitate this process. There are many cross-browser testing tools out there, but one of the best is Comparium.

Comparium is a simple tool, which makes easier complex web testing via Firefox, Opera, Chrome and [Internet Explorer emulators](https://comparium.app/blog/internet-explorer-emulator/). It performs interactive tests on any operating systems and any display resolutions. Also, It gives access to all browser versions to check and functionality of your web resource.
Make decisions as a team. Debate, then commit. (100 Bytes Of Wisdom: Day 57)
Tags: career, journey, advice
Published: 2021-06-15 07:30:35

---
title: Make decisions as a team. Debate, then commit. (100 Bytes Of Wisdom: Day 57)
published: true
description: Bytes of Wisdom is a new project by Sam Jarman that brings together snippets of advice for software engineers
tags: career, journey, advice
//cover_image: https://direct_url_to_image.jpg
---

![Make decisions as a team. Debate, then commit.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7s6mvlt3oor37n327ptp.png)

Team cohesion during a project comes from healthy debate and then healthy commitment to the decision. I'm not gonna lie - it does suck to be the minority when it comes to a final decision, and they can grate on you over time. However, keeping your emotions and professionalism in check will mean a more cohesive team.  

If you find yourself in the minority a lot, something to do would be to really think hard and work on trying to get a shared knowledge set with the others in your team. What do they know you don't? Or, perhaps, what do you know that they don't?


Heads up: As with any terse bit of advice, there will be exceptions of course, and subtleties and nuance that can't possibly be captured in a Byte of Wisdom. This has been what I've experienced, I'd love to hear yours in the comments too!

You can catch up with all the other bytes at http://bytesofwisdom.com/
9 Best Free Online Courses for Statistics for Data Science in 2021
Tags: datascience, machinelearning, analytics, analyst
Published: 2021-06-15 07:14:33

For data science, you should have a good understanding of Statistics. That’s why I thought to share the **9 Best Free Online Courses for Statistics with you**. These statistics courses will help you to learn statistics **free of cost**. I have collected these statistics courses from various platforms. And all courses are **completely free**.

So without any further ado, let’s start finding the Best Free Online Courses for Statistics.

**Courses List-**

1. Intro to Statistics– Udacity
Course link👉 https://bit.ly/3wqNuO6

2. Introduction to Statistics– Coursera
Course link👉 https://bit.ly/3cKofP4

3. Intro to Inferential Statistics– Udacity
Course link👉 https://bit.ly/3wqNX2O

4. Intro to Descriptive Statistics– Udacity
Course link👉 https://bit.ly/35jwJII

5. Bayesian Statistics: From Concept to Data Analysis– Coursera
Course link👉 https://bit.ly/3pW6Xnb

6. Introduction to Bayesian Statistics– Udemy
Course link👉 https://bit.ly/3wln3cB

7. Python and Statistics for Financial Analysis– Coursera
Course link👉 https://bit.ly/35nAyNc

8. Statistics literacy for non-statisticians– Udemy
Course link👉 https://bit.ly/3xnRMpq

9. Statistics and probability– Khan Academy
Course link👉 https://bit.ly/3zrEf23

I hope these 9 Best Free Online Courses for Statistics will help you to learn statistics for data science.

For more details regarding these Free Online Courses for Statistics, check this article- **[9 Best Free Online Courses for Statistics for Data Science](https://www.mltut.com/best-free-online-courses-for-statistics/)**
How to read Member-only Medium Stories for free without being a member?
Tags: medium, incognito, free, member
Published: 2021-06-15 07:02:56

So You are here to know how can you damn read member-only medium stories for free without being a member??
If ur like me i.e. a minor who is not allowed to spend money online or ur broke or dont wanna pay medium... This is for u!!!!!

Lets start!!!!
STEP 1: First find yourself a medium story you want to read. For this tutorial, I will use Manpreet Singh's post https://preettheman.medium.com/best-python-projects-to-finish-in-a-weekend-a032e5c11c1
STEP 2: Now that you have a story, now go to your browser. **NOTE: TESTED ON CHROME AND EDGE. I WISH THIS WORKS ON OTHERS TOO** Press ctrl+shift+n or cmd+shift+n in mac for opening incognito or inprivate mode (Or jus use the way to open the alternative on your browser of incognito mode).
STEP 3: Now u are in the incognito-esque mode, now paste the link of the medium article. Now ur good to go.
You can read it!!!
HAPPY CODING AND READING!!!!
Why I can't get rid of the vuetify from my bundle?
Tags: webpack, externals, vuetiry
Published: 2021-06-15 06:47:29

---
title: Why I can't get rid of the vuetify from my bundle?
published: true
description: question how to get rid of the vuetify from webpack bundle
tags: webpack, externals, vuetiry
//cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4dzcm3ytv45tifc47nax.png
---
I'm trying to reduce my vuetify application bundle size by using **CDN** and webpack **externals**.  
My configration of ``vue.config.js`` is as follow:

```
module.exports = {
  "transpileDependencies": [
    "vuetify"
  ],
  chainWebpack: (config) => {
    config.externals({
      firebase: 'firebase',
      'firebase/auth': 'firebase',
      firebaseui: 'firebaseui',
      vue: 'Vue',
      vuetify: 'Vuetify',
      'vuetify/lib': 'Vuetify',
    })
  }
}
```

But, ``Vuetify/lib`` is still remained as follow:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4dzcm3ytv45tifc47nax.png)

Ah, I've exhausted the effort of googling…  
Do you have any idea? Any pointing, suggestion and opinion is so welcome! Thank you!