teleren/devto huggingface dataset:
Create Laravel CRUD Column Sorting with Inertia and Vue
Tags: javascript, php, laravel, webdev
Published: 2022-07-27 16:34:26

---
title: Create Laravel CRUD Column Sorting with Inertia and Vue
published: true
date: 2022-07-27 08:26:00 UTC
tags: javascript,php,laravel,webdevelopment
canonical_url: https://blog.devgenius.io/laravel-crud-column-sorting-with-inertia-and-vue-6bb16c30d3e0
---

[![Laravel CRUD Column Sorting with Inertia and Vue](https://cdn-images-1.medium.com/max/901/1*aQwuAlgz7wSR-nhg6Rso6A.png)](https://blog.devgenius.io/laravel-crud-column-sorting-with-inertia-and-vue-6bb16c30d3e0?source=rss-17217f29618a------2)

Laravel creates a Vue admin panel from scratch — Part 4

[Continue reading on Dev Genius »](https://blog.devgenius.io/laravel-crud-column-sorting-with-inertia-and-vue-6bb16c30d3e0?source=rss-17217f29618a------2)
Dash Platform Sprint 87 Review – Summary
Tags: web3, opensource, blockchain, programming
Published: 2022-07-27 08:16:10

Hey all!
Here's another Platform Update from DCG, our progress and future plans. 

{% embed https://www.youtube.com/watch?v=K6CjznpW_AM %}

## TenderDash
**Goal:** Same block execution

**What We Planned**

- Research: same-block execution **_done_**
- Update vote-extension part in ABCI++ spec **_in review_**
- Validator key verification **_in review / on hold_**

**What’s Next**

- Implementation: same-block execution (multiple sprints)

## GroveDB
**Goal:** Worst Case Costs and Checkpointing

- Path query merge **_done_**
- Restrict subquery path to non subpaths **_done_**
- Path query docs **_done_**
- Worst case costs **_in progress_**
- Checkpointing **_done_**
- Chunking **_in progress_**
- Query can return different type of qualified results (Path/Key) **_done_**

**What’s Next**

- Efficient references
- Continuation on Worst Case Costs
- Continuation on Chunking

## SDK 
**Plans:** Rework chain synchronization process (SPV), SDK repository documentation update

## Protocol Sprint
**Goals:** Release v0.23 for testnet

## What We Planned
Fee Distribution Pools

- Implementation **_done_**
- Integration with JS Drive **_in review_**
- Release and deploy v0.23 to devnet **_done_**
- Withdrawal transitions **_in progress_**
- ABCI++ for v0.24 **_done_**
- Masternode voting identities **_done_**

**What’s Next**

- Continue on fee system
- Release Platform v0.23
- Withdrawal transitions

## Rust Port Update

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/de6khiofzw7qneesjavw.png)

**The Plan**

- Integrate RS-Drive with DPP done
- Bring all changes from v23 into the Rust DPP port
- Make previous JS DPP tests work with Rust DPP binding
- Integrate Rust DPP into SDK, Drive, DAPI and test suite

**The current state**
Rust DPP is used in the current version of RS-drive

**Next steps:** Porting V23 changes into the Rust DPP
A Quick 10-Second Programming Joke For Today
Tags: jokes, dailydeveloperjokes
Published: 2022-07-27 08:00:25

---
title: "A Quick 10-Second Programming Joke For Today"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259823aa3b.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Why do assembly programmers need to know how to swim?

___A:___ Because they work below C level.
 -->
Binary search Loop condition
Tags: algorithms, binarysearch, programming, computerscience
Published: 2022-07-27 07:44:00

{% stackoverflow 30928332 %}
This does solve a lot of Doubts, and must be sincerely mentioned in All DSA sites when mentioning binary search
The condition of the loop in binary search should be according to the needs of the search and we get a result like that
To understand it, think of it in a way ,  what's the smallest input  or boundary conditions that a search segment can have for which you dont need any further iterations/recrusive calls.
Magento 2 Shop By Brand For Creating Impressive First-Impression
Published: 2022-07-27 07:26:00


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ivmceqd4u5mgivc5hedd.jpg)
## An Overview About Magento 2 Shop By Brand 

There are various types of business in this world. some are famous and called a brand. but some are not famous and call non-brands. But the market is the same and clients are the same to target for both.  both put their items in the market or on different sales channels but branded items' sales are much higher than local locals. Even the local items have more quality items but due to the trust issue, people don't prefer to make a purchase from local brands. So, there is a trust issue. Now, you need to earn the client's trust. It would not be easy. There are various factors that can help you to earn trust. Building a brand is one of them. Brand building is not that easy, it takes a lot of time to build a brand name or value. But with the help of the right tool like [Magento 2 Shop By Brand](https://store.webkul.com/magento2-sell-as-brand.html), you can easily create your brand and attract more clients. As result, you can get more sales too.     

## Why Integrate Magento 2 Shop by Brand?

Magento 2 Shop by Brand is the right choice for earning the client's trust. You just need to find a reputed and experienced IT solution provider like Webkul. Once you get connected with Webkul, you can simply follow the instructions and integrate this addon into your e-shop. This addon supports 3rd party integrations. So, you won't have to face any issues in adding this addon into your e-shop site. It is like a widget that can be added easily to the e-shop site. It can be used only after adding it. It allows you to use various incredible features of this addon after integration with the help of Webkul. This reputed company can provide several other quality IT solutions too like Magento 2 Delivery Date, **Akeneo Development company**, **Magento 2 Delivery Date**, **Help desk development**, [NFT Marketplace development](https://webkul.com/nft-marketplace-development-services/), **Magento 2 SEO**, etc.
Kali Linux Install Guide for Ethical Hacking
Published: 2022-07-27 06:52:58

Want to install Kali linux - the hackers paradise?

This small and short article will help you install kali linux. Now, if you are learning ethical hacking, then you would need Kali linux (or Parrot os). You should most likely be using Virtual Machines as most of us use it to learn. It makes our lives simple as compared to using the os bare metal.

As a mac user I use [Oracle VirtualBox](https://www.virtualbox.org/wiki/Downloads). You can use [VMware](https://www.vmware.com/in/products/workstation-player/workstation-player-evaluation.html) as well.

Download [Kali Linux](https://www.kali.org/get-kali/#kali-virtual-machines) VMware or VirtualBox images as preferred by you


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ofxw1r52aieeikn0uohm.png)

Once it is done, open VirtualBox


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ltkiw0hhbzo9ehyu6rfh.png)

Click on import 

Now click on the file directory and navigate the location where your Kali Linux file is located.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2mi0t1ox61xsqx437icj.png)

Select the .ova file or .ovf file


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xg8pic4hfl0gqnqn4oef.png)

Click on the import button


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tq42escocs7y1m30b3b9.png)

Now wait for some time.

  ………………….

You will now have something like this. Click the start button and your Kali Linux will start booting.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/juz2yn9np6hmuy5ljnpg.png)

The Username: kali
Password: kali


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5mm200wus94wlwy49bhq.png)

There you have it.

Next article will focus on getting familiar with Kali Linix.
How to set defaultValue for a select field? After fetching the data
Tags: antd, select
Published: 2022-07-27 06:32:00


I'm trying to set it using defaultValue props, and it's working but it's showing error in the console. It says it's not the right way to implement default value.
I'm quite stuck with it.

I found this solution on internet, but I'm not able to understand.
Can anyone explain?
```
{getFieldDecorator(`names[${k}]`, {
        validateTrigger: ["onChange", "onBlur"],
        initialValue: "lucy",
        rules: [
          {
            required: true,
            whitespace: true,
            message: "Please input passenger's name or delete this field."
          }
        ]
      })(
        <Select>
          <Option value="jack">Jack</Option>
          <Option value="lucy">Lucy</Option>
          <Option value="Yiminghe">yiminghe</Option>
        </Select>
      )}
```
How to create an interactive gradient scrollbar
Tags: css, gradient, scroll, scrollbar
Published: 2022-07-27 06:27:40

I was recently working on implementing a new design for a project. The site branding had two main colors, and, even though it was not in the design, I thought I would change the scrollbar background to the primary branding color.

It was better than the default browser scrollbar, but I had the idea to make it even better. So I decided to make a gradient scrollbar using the two branding colors. But having the scroll thumb with this gradient background wasn’t enough either… so I decided to make it more interactive.

My Idea was as you scroll, the scroll thumb background should change, starting from the primary and ending with the secondary branding colors.

This is how I did it. This works only on WebKit browsers of course.

First lets see the default scrollbar

{% codepen https://codepen.io/istavros/pen/ExEmXRL %}

I changed from that to only having a solid color scroll thumb

```css
:root {
  --primary: #007ac3;
  --secondary: #d2232a;
}

::-webkit-scrollbar {
  width: 13px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 10px;
  border: 3px solid #fff;
}
```

{% codepen https://codepen.io/istavros/pen/KKomqea %}

Next step is to make the gradient. I set the gradient background to the scroll track.

```css
:root {
  --primary: #007ac3;
  --secondary: #d2232a;
}

::-webkit-scrollbar {
  width: 13px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(
    to bottom, 
    var(--primary), 
    var(--secondary)
  );
  border-radius: 10px;
}
```

{% codepen https://codepen.io/istavros/pen/bGvWRmp %}

Then I tried to create a scroll thumb with a “hole” to reveal the gradient background.

```css
:root {
  --primary: #007ac3;
  --secondary: #d2232a;
}

::-webkit-scrollbar {
  width: 13px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(
    to bottom, 
    var(--primary), 
    var(--secondary)
  );
  border-radius: 0 10px 10px 0;
}

::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
  border: 3px solid #fff;
}
```

{% codepen https://codepen.io/istavros/pen/PoRmjXq %}

And now the only thing missing is to hide the rest of the scroll track. I used a really large outline on the scroll thumb for that.

```css
:root {
  --primary: #007ac3;
  --secondary: #d2232a;
}

::-webkit-scrollbar {
  width: 13px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(
    to bottom, 
    var(--primary), 
    var(--secondary)
  );
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
  border: 3px solid #fff;
  outline: 99999px solid #fff;
}
```

And this is the final result

{% codepen https://codepen.io/istavros/pen/oNqWeLK %}

If you liked this small tip, share it with your friends…
A tester walks into a bar
Tags: jokes, tester
Published: 2022-07-27 06:12:48

A tester walks into a bar
He does not really get to far

Stop
May I inform you that to your frustration
You cannot enter with NO Auth

Here Sir, it's my ID
Have a look, it is really me

It looks ok but you need more than Basic Autorization
To get access to this elite location

There is some mistake
I was here last night
I even have the Cookie from which took a bite

The cookie does seem to be from around here
But it expired an hour ago
You were so near

Let me make a call and then you will see
They all know me in there
I#m the tester, it'me

Multifactor usually does the trick
But the phone is disconnected
So you pulled again the short stick

Listen you
1=1 or so I have heard
You need to let me in 
No other word

Your Jedi mind tricks do not work on me
I know all about Injections as you can see

And just as the tester was about to give in
A load voice was heard from the bar, from within
Let him in, he is with me
He is my VIP
My QA, my checker of Quality

https://www.youtube.com/watch?v=7lUkqJ-3gWg&feature=youtu.be
My very first Tech YouTube video
Tags: oop, programming, beginners, watercooler
Published: 2022-07-27 05:43:00

Just created my very first tech video on YouTube 😊

This YouTube video is just 2 minutes long however, it provides a simple and visualized explanation of the concept of classes and objects as used in software engineering

{% embed https://www.youtube.com/watch?v=1gxUrOBcQoA %}


Please share your thoughts in the comments, like and subscribe. Thanks.
46. Leetcode Solution in Cpp
Tags: cpp
Published: 2022-07-27 05:36:57

```
class Solution {
 public:
  vector<vector<int>> permute(vector<int>& nums) {
    vector<vector<int>> ans;

    dfs(nums, vector<bool>(nums.size()), {}, ans);
    return ans;
  }

 private:
  void dfs(const vector<int>& nums, vector<bool>&& used, vector<int>&& path,
           vector<vector<int>>& ans) {
    if (path.size() == nums.size()) {
      ans.push_back(path);
      return;
    }

    for (int i = 0; i < nums.size(); ++i) {
      if (used[i])
        continue;
      used[i] = true;
      path.push_back(nums[i]);
      dfs(nums, move(used), move(path), ans);
      path.pop_back();
      used[i] = false;
    }
  }
};

```

#leetcode
#challenge
Here is the link for the problmem:
https://leetcode.com/problems/permutations/
How to find cancer signaling receptor？
Published: 2022-07-27 05:34:00

    

 
   I assume that every cell has a special receptor, we call it cancer cell receptor, when the cell becomes cancerous, this receptor is active and can migrate, infiltrate, spread to all parts of the body, and if it can be cured, then It is this receptor that is turned off and is in a dormant state. When the cancer is advanced and the cells are severely damaged, the receptor is also destroyed, and the cancer process cannot be reversed. How to find this receptor?
    Here is just a hypothesis, how to verify this hypothesis requires a well-designed experimental plan.
The most dominant tools for NodeJS developers.
Tags: programming, javascript, productivity, node
Published: 2022-07-27 05:31:00

NodeJS is becoming popular day by day due to its flexibility, efficiency, and reliability. This puts the onus back on the developers to keep building Node.js applications. It is generally used to develop intensive web applications. However, developers need to use such tools which can up-lift their productivity.  
 
The following Node.js application monitoring tools will help you enhance your workflow.

## **1.Webpack**
Webpack is a module bundler that takes modules and generates static assets to represent those modules. Webpack enables you to package a fully dynamic application into static files that you can then upload and deploy to your server. This allows you to significantly reduce your application’s initial loading time. Another great feature of webpack is its code-splitting ability that allows you to split your codebase into chunks that can be loaded on demand.

## **2. Broccoli.js**
This build tool follows a tree structure (which is a collection of nodes and plugins) for structuring the build pipeline that stores subdirectories and files.

Another cool feature of Broccoli is that it ships with a built-in server for development that allows you to host your assets on a local HTTP server. By using this tool, you can save a lot of your development time and increase the productivity of your development team.

## **3.Babel**
Babel is used to generating backward-compatible JavaScript lines of codes for older JavaScript engines. The best part is that it can run ECMAScript 2015+ (ES6+) code. In addition, Babel is an open-source JavaScript development tool that allows you to use multiple programming languages. 

Using Babel, developers can use the latest JavaScript features by converting their source code to a form that web browsers can understand. Moreover, Babel plugins convert non-standard syntax into a backward-compatible version. In addition, it can automatically inject polyfills offered by core JS for support features that are entirely lacking in JavaScript environments.

## **4. Electrode.js**
The best thing about ElectrodeJS is that both React and NodeJS programs run on it, making it a versatile platform. In addition, Electrode Explorer and Electrify are part of the best practices, standardized frameworks, and current technologies. These tools allow you to see your electrode's module tree, documentation, and how the io + Webpack project bundles are brought together.

For the more useful tools to increase your productivity check out the link: https://www.darbaar.com/top-10-effective-tools-for-nodejs-developers/

‍
Using prepared statements & pointers in Golang
Published: 2022-07-26 18:36:00

In MySQL, you can use a question mark (?) in a prepared statement to stand in for a value.

```go
func GetUserId(name string) (int, error) {
  stmt, err := dbconn.Db.Prepare(`SELECT id FROM user
    WHERE name="?";`) // (1) - BAD
  stmt, err := dbconn.Db.Prepare(`SELECT id FROM user
    WHERE name=?;`) // (2) – GOOD
  if err != nil {
    log.Fatal(err)
  }
  defer stmt.Close()

  var userId int
  err = stmt.QueryRow(name).Scan(&userId) // (3)
  if err != nil {
    if err != sql.ErrNoRows {
      log.Fatal(err)
    }
    return 0, err
  }
  return userId, nil
}
```

In the Go code above, `dbconn` is a connection to a MySQL server. Line 1 defines a prepared statement. And Line 3 queries the table for a row where the `name` column matches the value of variable `name`. I assumed the `?` in this query would be interpolated with an actual string. I added quotation marks since they are needed around strings in MySQL CLI.

This fails to return anything. Removing the quotation marks solved the problem. The correct code is on Line 2.

I also find Line 3 quite interesting. Here, first, `stmt.QueryRow()` returns a pointer to a `sql.Row` object. Its `Scan()` method then does two fascinating things: a) it sets a “[dest](https://pkg.go.dev/database/sql#Out.Dest)” to the output value and b) returns an error if there's an error or `nil` if there's no error.

Thingy `a` is quite interesting. In this case, `Scan()` method will find the memory address of variable `userId` and write the output value (the user's ID) there.

It feels as if getting the value from a DB is a side effect.

The same goes when you decode a JSON string. In [this example](https://pkg.go.dev/encoding/json#example-Unmarshal), on Line 4, `Unmarshal()` method unpacks the JSON string and writes it to `&animals`, the address of `animals` variable. And this is a side effect. The return value is again, either an error or `nil` — if there *is* an error, you simply can't ignore it.

```go
var jsonBlob = []byte(`[
	{"Name": "Platypus", "Order": "Monotremata"},
	{"Name": "Quoll",    "Order": "Dasyuromorphia"}
]`)
type Animal struct {
	Name  string
	Order string
}
var animals []Animal
// (4)
err := json.Unmarshal(jsonBlob, &animals)
```
Today I completed 1811 Solutions on Leetcode🥳🥳🥳
Published: 2022-07-27 05:30:17


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lexts32synsepu73uo8m.png)![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/45dihc857bt27uwrw27z.png)
Job Research: Data Science
Tags: datascience
Published: 2022-07-27 05:24:00

I've been researching data science, as a career path, and I'm finding a strange type of comfort in the structure of 'courses' as a knowledge base.

The Effective Tips course outlines the typical workflow of a Data Scientist, popular tools and software used (and that you need to learn), basic hard skills needed (that you need to learn), and tips on making LinkedIn and Github spiffy and niche specific. It further continues with tips for CV/Resume enhancements, Demo and Portfolio building, interviewing, cautions, advice, etc. So you're left having a game plan.

It doesn't really expand on everything in detail or train you in specifics. For instance, you need to know Python and/or R languages. Julia as a bonus. But you need to know Python AT LEAST. Still, the course won't teach you Python itself. You have to learn that another way. It outlines approximately a dozen critical tools, skills, and other things you need to be proficient in, at minimum.

The course bullet pointed the key soft skills that improve candidacy. So I took the course that goes into soft skills in more detail.

Something that fascinates me deeply is the art of collaborative communication. I've been trained (in life) to NOT think out loud— the exact opposite talent, lol. I realized that I'm bad at talking WHILE coding/working and describing what I'm doing while I'm doing it and I need a lot of practice at that. I tried to do that for awhile at my desk as I was doing some linear equations and my kids were looking at me like I was crazy— ha!

Anyhow, these are the cool certificates of completion Udemy issued after the courses. 

![Udemy Certificate of Completion: Effective Tips to Get Your Dream Data Science Job](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5r26x0l0faw0u44fan3k.jpg)

![Udemy Certificate of Completion: Essential Non-Technical Skills of Effective Data Scientists](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5ye2wogakzfsn7ods5e5.jpg)
Getting Started with the Angular ComboBox Component
Tags: webdev, angular
Published: 2022-07-27 04:47:50

Learn how easily you can create and configure the Syncfusion [Angular ComboBox component](https://www.syncfusion.com/angular-ui-components/angular-combobox) using the Angular CLI tool and Syncfusion ej2-angular-dropdowns package. This video also explains how to configure a few of the control’s basic features like binding complex and remote data, auto filling data, and customizing the pop-up. 

**Product overview**: https://www.syncfusion.com/angular-ui-components/angular-combobox

**Download an example from GitHub**: https://github.com/SyncfusionExamples/getting-started-with-the-angular-combobox-component

{% youtube 2MVCLTvLN_s %}