teleren/devto huggingface dataset:
New Product Launch – Shopify Magento 2 Integration
Tags: php, css, html, webdev
Published: 2022-05-23 12:21:09

[Shopify Magento 2 Integration](https://cedcommerce.com/magento-2-extensions/shopify-magento-2-integration?utm_source=blog&utm_medium=Dev.to) differs from others in that it connects two completely separate frameworks. Yes, you read that correctly. You may effortlessly benefit from two separate worlds at the same time by using this innovative product. It will also eliminate any difficulties or mistakes you may have had when selling in two different stores.
![Shopify Magento 2 Integration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4qjb70nmq0pen2p6p8ob.png).

## Features of [Shopify Magento 2 Extension](https://cedcommerce.com/blog/new-shopify-magento-2-integration/?utm_source=blog&utm_medium=Dev.to)

- Order Import:
The addon allows sellers to easily import all of their orders from their Shopify site and transfer them to their M2 store. As a result, they can manage all orders from one location.

- Order Status Update:
This extension can also be used by sellers to change the status of Magento 2 orders in their Shopify stores. As a result, order information is consistent across both platforms, reducing the risk of errors.

- Shipment Tracking:
Sellers can also use this [Magento2](https://business.adobe.com/products/magento/magento-commerce.html) Shopify extension to communicate all shipment tracking information from their Magento 2 store to their Shopify store.

- Order Refund and Canceling:
Sellers can update their Shopify store with all refund-related facts and order cancelation statuses that they got from their Magento store.

- Inventory Sync:
You may connect Magento 2 inventories to your Shopify store with this Shopify Integration extension. As a result, the figures in both stores are identical.

The best extension to explore both platforms is [Shopify Magento integration](https://cedcommerce.com/magento-2-extensions/shopify-magento-2-integration?utm_source=blog&utm_medium=Dev.to). With easy, assist in considerably increasing sales. This extension is used to divert their attention away from order and store-related issues and simplify a complicated process.
How to customize a GitHub profile?
Tags: github
Published: 2022-05-23 11:55:47

Hey! Today I will tell you how to customize your GitHub profile.

Let`s start.

------

## Text

` **bold text** ` - **bold text**

` *italic text* ` - *italic text*

` ***bold and italic text*** ` - ***bold and italic text***
⠀
⠀
⠀
## Lists

` - Hello List! ` - • Hello Lists! 

` 1. Hello List! ` - 1. Hello List!
⠀
⠀
⠀
## Code

` Hello `inline` code ` - Hello `inline` code
⠀
⠀
⠀
## Link

` [Link Text](https://www.google.com) `- [Link Text](https://www.google.com)
⠀
⠀
⠀
## Strikethrough

` ~~Hello World~~ ` - ~~Hello World!.~~
⠀
⠀
⠀
## Image

` ![This is image!](https://icon-library.com/images/google-chrome-icon-download/google-chrome-icon-download-10.jpg) ` - ![This is image!](https://icon-library.com/images/google-chrome-icon-download/google-chrome-icon-download-10.jpg)

------

## Useful links

[Icons](https://simpleicons.org/?q=dev)

[Badges](https://shields.io/)

[GitHub Statistics](https://github.com/anuraghazra/github-readme-stats)

⠀
⠀
⠀
## My GitHub profile

You can bring my personal GitHub README.

[My GitHub profile](https://github.com/naddurkostia/naddurkostia)

-----

## I have described it in more detail here.

[README](https://github.com/naddurkostia/readme-customization)
Blockchain Technologies | Blockchain Development Company
Tags: blockchain, defi, nft, blockchaindevelopment
Published: 2022-05-23 11:35:07

Blockchain Technologies is a blockchain consulting and development company based in Sydney, Australia (Registered under the name of Sunrise Technologies ABN – 50131323972). Blockchain Technologies is a well-known blockchain developer in Australia, offering most cost effective and cutting edge Blockchain solutions right from Australian offices.

Blockchain Technologies Australia is committed to excellence, and your app provides extensive functional specifications while maximizing the blockchain’s potential. Our experienced team of blockchain developers excels at providing the best blockchain solutions to improve existing businesses or new start-ups and industries that can benefit from blockchain technology.
Image intervention - Image source not readable
Published: 2022-06-04 21:13:03

---
title: Image intervention - Image source not readable
published: true
date: 2022-05-23 11:30:00 UTC
tags: 
canonical_url: https://dcblog.dev/image-intervention-image-source-not-readable
---

When using intervention package for uploading images you may come across this error when uploading an image:

## **Image source not readable**

This means the image path cannot be read by intervention. This can happen as intervention uploads to storage when the disk isn't specified.

If you want to use storage then ensure Laravel created a symbolic link:

```

php artisan storage:link
```

If you want to use the public disk set your filesystem in .env to public

```

FILESYSTEM_DRIVER=public
```

Then in config/filesystems.php:

```

'public' => [
    'driver' => 'local',
    'root' => public_path(),
    'url' => env('APP_URL').'/images',
    'visibility' => 'public',
],
```

This will ensure the public disk points to the public folder and set the URL to the application URL followed by an images path.
7 Tips To Improve Logic Building Skills In Programming
Published: 2022-05-23 11:24:55

<!-- wp:paragraph -->
<p>Logic building skills are essential for programmes and if one wishes to be a programmer, he or she needs to keep getting better at developing logic. Complex and sophisticated algorithms require advanced logic in order for programmers to work with them.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Programming languages are important and crucial, however, one must also learn about data structures, algorithms and programming paradigms. Another requisite for acquiring logic building skills is being comfortable with solving problems daily.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Looking at other people’s solutions and reading books definitely help with implementing logic when programming too. Logic is indispensable when programming applications or implementing programs across any language. In order to succeed as a developer, one must understand logic programming and improve upon it religiously through trying and testing. </p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4><strong>Read More;<a href="https://www.codelivly.com/how-to-build-strong-programming-logic/" target="_blank" rel="noreferrer noopener"> 7 Tips To Improve Logic Building Skills In Programming</a></strong></h4>
<!-- /wp:heading -->
How to setup Jetstream/Livewire in Laravel application
Tags: laravel, jetstream, tutorial, webdev
Published: 2022-05-23 11:18:44

Laravel Jetstream is a beautifully designed application starter kit for Laravel and provides the perfect starting point for your next Laravel application. Jetstream provides the implementation for your application's login, registration, email verification, two-factor authentication, session management, API via Laravel Sanctum, and optional team management features (Copied from Jestream homepage). [Laravel Jetstream](https://jetstream.laravel.com/2.x/introduction.html)

It is designed using Tailwind CSS and offers two option of stacks; Livewire/Blade and Inertia/Vue. For this tutorial, we will be setting up the Jetstream with Livewire.

Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple. With Livewire, you may pick and choose which portions of your application will be a Livewire component, while the other parts of your application can be rendered as traditional Blade templates. Great right! Especially for those used to creating Laravel applications with Blade templates.

To install Jetstream, run the following command in your Laravel application:

```
composer require laravel/jetstream
```
**Take note: Jetstream should only be installed into new Laravel applications. Attempting to install Jetstream into an existing Laravel application will result in unexpected behavior and issues**

Now we will move on to installing Livewire with Jetstream:

```
php artisan jetstream:install livewire
```
**or**
If you want to bootstrap the application to have teams, you can run the following command:

```
php artisan jetstream:install inertia --teams
```
Once the installation is complete, you should install and buildnpm dependencies with the following commands:

```
npm install && npm run dev
```
then run your migrations:

```
php artisan migrate
```

You should then publish the Livewire stack's Blade components with the following command:

```
php artisan vendor:publish --tag=jetstream-views
```

After all these steps, you can serve your application and you should be able to register, login and view a dashboard page once you login.

You can do more with Laravel jetstream, read more about it on the official [Jestream docs](https://jetstream.laravel.com/2.x/introduction.html)
some error fixed at
Tags: symmetric, mysql, erro, bug
Published: 2022-05-23 10:26:01

i want to deploy my products in [irangig](https://irangig.com) , [modiranpanel](https://modiranpanel.ir) and [avaravesh](https://avaravesh.ir)
. for find a field in database you can use this codes : 
`mainU.TfrmMain.kcorrect_tbl.11601
mainU.TfrmMain.N801Click.11806
mainU.TfrmMain.kcorrect_tbl.11601
mainU.TfrmMain.N801Click.11806
EDAError :105`
 ----------------
2022-05-19 10:12:36,425 ERROR [store-003] [AbstractSymmetricEngine] [symmetric-engine-startup-1] An error occurred while starting SymmetricDS StackTraceKey.init [SymmetricException:3909572956] org.jumpmind.symmetric.SymmetricException: *** Node '003' failed to claim exclusive ownership of the SymmetricDS database. *** This is instance id 'DESKTOP-D7P32SU-01ad98dc-c49a-42df-8e1f-db4de54d7f57' but instance id 'DATA3-PC-9a7efd97-f43d-45aa-a436-79c6117f0d64' is already present in sym_node_host.  This is caused when 2 copies of SymmetricDS are pointed at the same database, but not clustered.  If you are configuring a cluster, set cluster.lock.enabled=true and restart.  If you moved your installation or re-installed, run 'delete from sym_node_host where node_id = '003' and restart SymmetricDS.
-------------
ALTER TABLE user_site DROP FOREIGN KEY user_site_fk1;
ALTER TABLE user_site ADD CONSTRAINT user_site_fk1 FOREIGN KEY (add_user) REFERENCES users (userid) ON UPDATE CASCADE;
Ordinal Vs One Hot Vs Label Encoding
Tags: machinelearning, encoding, onehotencoding, ordinalencoding
Published: 2022-05-23 11:10:57

Most of the machine learning models work with the numerical data. Most often, we encounter with categorical data in our dataset. But we still want to use those features in our dataset so that our machine learning model can learn and predict well.

Here comes the encoding to our rescue.

## What is the main confusion?

The main thing is that we need to decide which type of encoding we need to use for our categorical data.

## How to decide which encoding to use?

Check your category is nominal (unorder) or ordered. In other word is there a relation b/w different values for the category or not.

For example:

Category Feature for Shirt Size with possible values Large, Medium and Small.

**_Which encoding we should use?_**

To answer these questions, we need to answer following questions.

**Is it order?**
Yes, we can rank/order the shirt w.r.t size.

**Is there a relation b/w category value?**
Yes, all of them are telling us about the shirt size.

When answer to both of the above question is **Yes** simply use ordinal encoding.

## Ordinal Encoding

Ordinal encoding simply assign a unique numerical value to each category. The number are given based on the order they are appeared in the dataset by default.

For example:

Large => 1
Medium => 2
Small => 3

If there is no order nor is the relation b/w different category for the feature say **Color of the Shirt**. We will use the **One hot encoding**.

## One Hot Encoding

It creates a vector for instance, If we have feature **SHIRT COLOR** with two colors in our dataset say red and blue. It will represent each color with the following mapping

Red => [1,0]
Blue => [0,1]

## Dummy Encoding

Dummy Encoding is just an extended form of the One Hot Encoding in where the vector length is one less than in One Hot Encoding. For the same **SHIRT COLOR** feature, we will have following mapping

Red => [0]
Blue => [1]

## Label Encoding 
Label Encoding is used to transform our dataset target variable to Numbers where each Label/class is represented by unique number. It is kind of similar to ordinal encoding however these numbers can't be ranked/ordered. 

We must not use Label Encoding for the features. It is used only for target variable encoding.
It's Back! QuasarConf 2022 - Call for Proposals
Tags: vue, javascript, webdev, programming
Published: 2022-05-23 11:09:03

We are happy to announce the comeback of our yearly online conference about all things Quasar Framework and Vue. We had success with [our first ever conference](https://www.youtube.com/watch?v=6ZKBZ3k4Ebk) and we'd like to continue with what we intend to be a tradition. 

### When will it be?

Saturday the 9th of July, 2022 - 3 p.m. GMT

### Would you like to do a talk?

We are looking for devs in the community, who would like to present their knowledge about anything related to Quasar and/or Vue. 

Your talk should go for 20 minutes max. We'll also be offering the viewers the ability to ask questions in the chat, so after the talk, we'll have a 5 minute Q&A with the speaker. 

If you are interested, [please sign up by filling out our Call for Proposals form](https://forms.gle/F8bPLG8xdtBCF2iLA).

There is a limited number of available spaces for talks.
Deadline for proposal acceptance is the 9th of June, 2022.  

### What to expect?

At our last (and first) conference 2 years ago, **we had over 700 live viewers** and the video has been **watched over 17k times** since then. Not too shabby for a first conference!

We hope to be breaking these firsts this year and with your help, it's pretty certain we can. 

If you have any questions, you can either write them down below or [use our Discord](https://chat.quasar.dev). 

We'll be making more announcements about the conference, the participants and content in later posts. 

We are looking forward to your talk proposals!! 

If you'd like to stay in-tune with conference and other Quasar news, please follow our channels. 

[Facebook](https://www.facebook.com/QuasarFramework)
[Twitter ](https://twitter.com/quasarframework)
Follow the tag #quasarconf on Twitter
Local Storage for shopping cart in Javascript
Tags: javascript, tutorial, css
Published: 2022-05-23 10:58:25

In previous exercise class with students, we created a [simple shopping cart](https://dev.to/haamid/simple-shopping-cart-with-pure-javascript-1mno) with JS. Today I had another lecture and I added `localStorage` feature to this project and in this version of project the added items could be persist in cart with refresh and we added another file named `cart.html` that shows added cart items. You can see source code of this project in v2.0.0 tag in this repo: [JsShoppingCart](https://github.com/tuytoosh/js-shopping-cart)
In this lecture we used JS Objects to store cart items like this:
```
if (id in cart) {
    cart[id].qty++;
} else {
    let cartItem = {
        title: title,
        price: price,
        qty: 1
    };
    cart[id] = cartItem
}
```
and we added cart items to localStorage like this:
```
localStorage.setItem("cart", JSON.stringify(cart));
```
And finally in the `cart.js` file we can create table rows like this:
```
let cart = {};
if (localStorage.getItem("cart")) {
    cart = JSON.parse(localStorage.getItem("cart"));
}

let tbody = document.getElementById("tbody");

for (let id in cart) {
    let item = cart[id];

    let tr = document.createElement('tr')

    let title_td = document.createElement('td')
    title_td.textContent = item.title
    tr.appendChild(title_td)


    let price_td = document.createElement("td");
    price_td.textContent = item.price;
    tr.appendChild(price_td);

    let qty_td = document.createElement("td");
    qty_td.textContent = item.qty;
    tr.appendChild(qty_td);

    tbody.appendChild(tr)

}
```
In the next session we want to talk about AJAX and we will get the product from an API. If you find this code useful, give it a like :)
Quickly make a website with the same style as the Vue official website
Tags: vue, vitepress, vite, webdev
Published: 2022-05-23 10:51:27

## Quick Start

Run the following command in your command line:

```
npm init @quick-start/docs
```

This command will install and execute [create-docs](https://github.com/alex8088/quick-start/tree/master/packages/create-docs), the scaffolding tool. You will be presented with prompts for a number of optional features such as `theme` and `TypeScript` support:

```
✔ Project name: … <my-docs>
✔ Select a theme: › vue
✔ Add TypeScript? … No / Yes

Scaffolding project in ./<my-docs>...
Done.
```

Once the project is created, follow the instructions to install dependencies and start the dev server:

```sh
> cd <my-docs>
> npm install
> npm run dev
```

The project structure:

```
.
├──.vitepress
│  ├──theme
│  │  └──index.ts
│  └──index.ts
├──.vscode
├──docs
│  ├──public
│  │  └──...
│  ├──...
│  └──index.md
├──.editorconfig
├──.prettierrc.yaml
├──env.d.ts
├──package.json
└──tsconfig.json
```

## Screenshots

The same style as the Vue official website:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7i8exryyc2dviundsjt2.gif)

Drak mode:

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

Responsive:

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

## Powered

### `VitePress`

Why is VitePress?

- Faster dev server start
- Faster hot updates
- Faster build (uses Rollup internally)

### `VitePress-Theme-Vue`

VitePress theme base on @vue/theme, more practical and comprehensive.

- Remove hard-coded, make it easy to use
- Refine style, more nice
- Support deploying under nested public path(with base)
- Home page support
- More practical components

`VitePress-Theme-Vue` Github：

> https://github.com/alex8088/vitepress-theme-vue

`VitePress-Theme-Vue` Guide：

> https://alex8088.github.io/vitepress-theme-vue/

## End

The the scaffolding tool `create-docs` github:

> https://github.com/alex8088/quick-start/tree/master/packages/create-docs
How to Create a Bootable USB Stick from the Windows 11 ISO on macOS
Tags: windows, macos
Published: 2022-05-23 10:30:39

An unused [Intel NUC](https://www.intel.com/content/www/us/en/products/details/nuc.html) has been staring at me from across my living room for months, so I decided to torture it with a Windows 11 install.

Microsoft has [a Windows 11 ISO](https://www.microsoft.com/software-download/windows11) you can download now, so I figured I'd use BalenaEtcher to 'burn' it on to a USB stick and boot the NUC from it. Easy. Wrong.

Creating a USB stick from the Windows 11 ISO that *actually boots* is tricky on macOS. [BalenaEtcher](https://www.balena.io/etcher/), an otherwise useful and common tool for copying images to USB sticks, doesn't like Microsoft's offering for annoying, complicated reasons.

Luckily, there is a way.

* Make sure [Homebrew](https://brew.sh/) is installed. If you're a dev, it probably is.
* Mount the Windows 11 ISO in macOS so it appears on the desktop and is available at `/Volumes/CCCOMA_X64FRE_EN-GB_DV9` or similar.
* Put the USB stick in.
* Use `diskutil list` at the terminal to find your USB stick. It'll be something like `/dev/disk5` – I'll pretend it is for the rest of these instructions.
* `diskutil eraseDisk MS-DOS "w11" MBR disk5`
* `rsync -avh -progress -exclude=sources/install.wim /Volumes/CCCOMA_X64FRE_EN-GB_DV9/ /Volumes/w11`
* `brew install wimlib`
* `wimlib-imagex split /Volumes/CCCOMA_X64FRE_EN-GB_DV9/sources/install.wim /Volumes/w11/sources/install.swm 4000`

Ta-da.

*(Please note that certain names and numbers above will vary depending on locale or configuration. Make sure to update those as you follow the instructions.)*
A Synthetic Data for Predict Probability Senior Student Go To College
Tags: machinelearning
Published: 2022-05-23 10:29:05

I'm back dev. Today, I want to share you about a synthetic data that I was created a few day ago. I already upload it to kaggle which you can access here [https://www.kaggle.com/datasets/saddamazyazy/go-to-college-dataset](https://www.kaggle.com/datasets/saddamazyazy/go-to-college-dataset)

The data was created using make_classification from sklearn package. But I did add a little touch of clustering to make categorical feature. So, basically this data has 2 label from 1000 rows with 11 columns. Here is the code!

```python
X, y = make_classification(
    n_samples=1000,
    n_features=10,
    n_informative=8,
    random_state=42,
)
```

After that, I must look up correlation matrix to see how every variable correlate each other **in a matrix**.
![Correlation Matrix](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t564pkhtvebh5uhbjktb.png)

Some variables have positive or negative correlation, but some have none with value close to zero. With 10 variable I have to design a feature that match exactly based on research paper. To see whats correlate and whats not.

Based on those correlation, I can cluster some features with its label. This cluster usually in 2d. Due to underfitting, some cluster will not close with its true label. This is something that will give variation to data.

```python
df['school_accreditation'] = KMeans(2, random_state=42).fit_predict(df[['school_accreditation', 'label']])
df['school_accreditation'] = df['school_accreditation'].replace({0: 'B', 1: 'A'})
```

I personally use K-Means to make cluster this number.
SEO for Developers: 5 strategies to get your first 100 backlinks
Published: 2022-05-23 10:23:26

Developers most often don't know(don't like) how to do marketing.

So you can just focus on SEO and keep building features.

But to rank lush content, you need backlinks.

So take these 5 tactics and build your first 100 backlinks in 3 months.


### 1. Communities
Just ask for the link exchange. You'll be surprised how many people want to do it. But be sure to use relevant to your niche communities and place their links back.

### 2. HARO

It's a service that connects journalists with sources, including BI, NYTimes, and USA Today. 

After signing up, you'll get an email 3 times a day with new requests. The majority of them will be not relevant to you, but there is one simple hack you can use.

Create a Gmail filter with [HERO] in a subject and keywords you what to monitor in a Has the words field.

Then look for queries that likely look for multiple experts for the topic and respond to them.

helpareporter.com


### 3. Guest posting

Guest posting is when you create content to be posted on another website.
Generally picking, that post comes with attribution and a link back to your site.
Find sites in your niche and pitch them with your expertise.


### 4. Podcast interview

It will take just an hour of your time to get a backlink in this way, but also being interviewed on a podcast will place you as an expert in front of someone else's audience.


### 5. Email outreach for your best content

This strategy works for the unique content that people in your niche can be interested in.

You can use the same sites you find for the guests posting and ask them to link to you.

But be sure to offer something unique.




### TL;DR

1. Communities
2. HERO
3. Guest posting
4. Podcast interview
5. Email outreach for your best content


P.S.
if you looking for a way to Build and scale your blog FAST check out [marketingnomore.com](marketingnomore.com)

We write blog articles that rank on Google.