teleren/devto huggingface dataset:
Useful VS Code Shortcuts That Would Save Your Time & Increase Productivity
Tags: vscode, webdev, programming, beginners
Published: 2023-06-23 13:55:44

**1.Command Palette**
**Windows**: CTRL + SHIFT + P
**MAC**: CMD+SHIFT+P

This Shortcut opens up the command palette, you can access various commands as required. You just need to type the keyword related to the command and find it instead of navigating through menus


![Image description](https://www.desuvit.com/wp-content/uploads/2021/03/Command-Palette-Desuvit.gif)

**2.Toggle Sidebar**
**Windows**: CTRL + B
**MAC**: CMD+B

Ever felt the VS code window to be too small even after using ALT + Z ? Try using this shortcut which will hide the Sidebar & give you full width of the editor.

![Image description](https://www.desuvit.com/wp-content/uploads/2021/03/Toggle-Sidebar-Desuvit.gif)

**3.Multi-Select Cursor**
**Windows**: CTRL + D
**MAC**: CMD + D

Use this shortcut to select multiple tags & change them at once rather than going through one by one.

![Image description](https://www.desuvit.com/wp-content/uploads/2021/03/Multi-Select-Cursor-Desuvit.gif)

**4.Copy Line**
**Windows**: SHIFT+ALT+UP or SHIFT+ALT+DOWN
**MAC**: CMD + D

While writing the code, it is common for programmers to copy the lines & paste it elsewhere. This is used so frequently that there is a shortcut for this.

![Image description](https://www.desuvit.com/wp-content/uploads/2021/03/Copy-Line-Desuvit.gif)

**5.Show Errors & Warnings**
**Windows**: CTRL + SHIFT + M
**MAC**: CMD + SHIFT + M

Check this shortcut out to look for any errors & bugs in your program. It opens up a panel where you can see the identified errors & warnings

![Image description](https://res.cloudinary.com/practicaldev/image/fetch/s--Yys4DO3P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://github.com/simonpaix/images/blob/main/Errors_Warnings.gif%3Fraw%3Dtrue)

**6.Multi Cursor Selection**
**Windows**: CTRL + SHIFT + L
**MAC**: CMD + SHIFT + L

What do you do when you have to change name of a particular tag (used everywhere throughout code) ? Most of the times, programmers go through each tag & change it. With this shortcut you can change the tag or tag name at once. Just select the code & use the shortcut. Note that this will change value of each & every tag name you selected

![Image description](https://res.cloudinary.com/practicaldev/image/fetch/s--7LhlnRyx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://github.com/simonpaix/images/blob/main/add_cursor_current_selection.gif%3Fraw%3Dtrue)

Bonus Shortcuts To Try :

**A) Change Multiple Lines Together**
**Windows**: CTRL + ALT + Arrow Keys
**MAC**: CMD + ALT + Arrow Keys

**B) JUMP TO LINE**
**Windows**: CTRL + P + Type " : "
**MAC**: CMD + P + Type " : "

**C) JUMP TO HTML TAG**
**Windows**: CTRL + P + Type " @ "
**MAC**: CMD + P + Type " @ "

**D) Move your line of code up or down**
**Windows**: ALT + UP/DOWN Arrow Keys
**MAC**: ALT + UP/DOWN Arrow Keys

I hope you find it useful :) 

Comment down the shortcuts that you use daily, would love to see the replies
🔒 How to access SSH via terminal using SSH key 🔒
Tags: ssh, linux, tutorial, beginners
Published: 2023-06-23 13:47:20



Authenticating to the SSH server without the need for a password is a convenient and secure practice. By using the SSH key, you can access your servers remotely quickly and without typing the password each time. In this post, we will show you how to configure SSH access using a key. Let's go!

## Step 1: Copy your public SSH key

First, you need to copy the public SSH key to the server. To do this, follow the steps below:

1. Copy the contents of the public SSH key.

open your `~/.ssh/id_rsa.pub` file with any text editor and select everything and copy (`CRTL+C`)

## Step 2: Add your SSH key in the "authorized_keys" file

Now, you need to access the server via SSH and add your SSH key directly to the "authorized_keys" file. 

Follow the steps below:

1. Connect to the server using SSH:
```
ssh username@server_address
```

2. Navigate to the "~/.ssh/" directory inside the server:
```
cd ~/.ssh/
```

3. Add the contents of your public SSH key to the "authorized_keys" 

```
vim ~/.ssh/authorized_keys
```
4. Make sure the "authorized_keys" file permissions are correct:
```
chmod 644 authorized_keys
```

## Step 3: Test SSH access

After adding your SSH key to the server, log out of the SSH server. The next time you try to login via SSH, access will be automatic, without the need to enter the password. Test access using the following command:

```
ssh username@server_address
```

## Extra

### Using the -A option

Additionally, you can enable authentication forwarding when connecting to a remote server using SSH. This allows you to use your locally stored private keys to authenticate to other servers from the remote server, without having to enter passwords or private keys directly on the remote server. To do this, use the -A option in the SSH command when connecting to the remote server:

```
ssh -A username@server_address
```

With this option enabled, you will be able to access other servers from the remote server without having to reauthenticate, as long as your private keys are correctly configured locally.

Enjoy secure and convenient SSH access using keys and authentication forwarding. Keep your connection protected and simplify your remote access processes!

_💡 NOTE: ⚠️ Remember to keep your private keys in a safe and secure place, ensuring the security of your servers._


***

## Thanks for reading!

If you have any questions, complaints or tips, you can leave them here in the comments. I will be happy to answer!

😊😊 See you later! 😊😊

***

## Support Me

[Youtube - WalterNascimentoBarroso](https://www.youtube.com/channel/UCXm0xRtDRrdnvkW24WmkBqA)
[Github - WalterNascimentoBarroso](https://github.com/walternascimentobarroso)
[Codepen - WalterNascimentoBarroso](https://codepen.io)
Xoilac 77 - Xem trực tiếp bóng đá hôm nay miễn phí - Xôi lạc TV
Published: 2023-06-23 13:32:16

https://xoilac77.org/ Xoilac 77 - Xem trực tiếp bóng đá full HD✔️ có BLV tiếng Việt✔️ Link vào Xôi Lạc TV mới nhất hôm nay✔️✔️✔️
#xoilac77 #tructiepbongda #xoilactv #xemtructiepxoilac #linkxemtructiepbongda
166/113 Đoàn Văn Bơ, Phường 14, Quận 4, Thành phố Hồ Chí Minh, Việt Nam
0365473103
https://xoilac77.wordpress.com/
https://xoilac77.weebly.com/
https://www.diigo.com/profile/xoilac77
https://trello.com/u/xoilac77
https://www.instapaper.com/p/xoilac77
How do NFT games dominate over traditional games?
Tags: nftgamedevelopment, nftgames, nftgaming
Published: 2023-06-23 13:13:02

NFT (Non-Fungible Token) games are emerging and their impact on the gaming industry is not yet fully established. Let's see some insights into how NFT games dominate traditional games.

**Ownership and Value**
NFTs allow players to truly own in-game assets which represent them as unique tokens. This ownership can lead to increased player loyalty and make them popular. NFT games allow players to buy, sell, and trade their gaming assets freely, without involving third parties.
Unlike traditional games where gaming assets(skins, avatars, weapons, etc) are typically owned and controlled by the game authority.

**Scarcity and Exclusivity**
NFTs can introduce scarcity and exclusivity into games, which means certain assets may have limited quantities. These assets are allowed to be accessible by only certain players. It will make up the value of rare assets and create a sense of pride among players who own them.

**Play-to-Earn Model**
This is one of the epic and most welcomed features among players around the globe. Play to earn means that players can earn cryptos by participating in the game. The earning may be varying based on the players achieving the targets. This will impact and attract a large group of people. 

**Community growing**
NFT games often nurture strong community engagement. The reason is that NFT games are decentralized and rely on blockchain technology which will make them more secure and safe. It will give a rich gaming experience compared to traditional games. That's the reason why the NFT gaming community is growing rapidly.

**High opportunity for entrepreneurs**
NFT gaming is redefining the gaming experience by incorporating blockchain technology. As the popularity of NFT games continues to grow, we can expect to see further revolutions in the gaming space. It will make more NFT Game development companies, which give numerous business opportunities for entrepreneurs and business owners. 

Hope you got some ideas between NFT Games and traditional games. If you have a plan to build the NFT gaming platform, pick the right [NFT Game development company](https://breedcoins.com/nft-game-development-company) and make a unique gaming platform for your business.
Can we run a java program without a main method?
Published: 2023-06-23 12:53:45

In Java, starting point of any program is Main method and it can be placed in any class that’s part of a program.
But What if we want to run a program without a Main method. Can we do it ?
Answer is Yes. We can execute a program with help of "Static block" aka "static initialization block".

What is static block?
 Static block is group of statements that gets executed once when Class Loader loads class. 

Example : 
`class StaticExample {
    static {
        System.out.println("Hello World from static");
        System.exit(0);
    }
}`

Output : 

```
Hello World from static
```

Note: Above code will work till 1.6 version only. In new versions, JVM Checks for Main method before initialization.


Though it won't work for new versions, however it helps us in understanding how JVM class loaders works.
Recent Raku Blog Posts
Tags: programming, rakulang, summary
Published: 2023-06-23 12:43:44

This is the first of a weekly overview of blog posts about the Raku Programming Language.

# 2023.05

- [Recollections from the Raku Core Summit](https://6guts.wordpress.com/2023/06/18/recollections-from-the-raku-core-summit/)

in which *Jonathan Worthington* reports on their work at the RCS.  With special attention for RakuAST BEGIN time issues, and RakuDoc discussions.

- [Cleaner code with functional programming](https://limited.systems/articles/decluttering-with-functional-programming/)

in which *Wim Vanderbauwhede* describes functional programming paradigms, with side-by-side examples of Raku and Python.

- [New Kid On The Block](https://vrurg.github.io/2023/06/18/libxml-class-release)

in which *Vadim Belman* introduces their new [LibXML::Class](https://raku.land/zef:vrurg/LibXML::Class) Raku module, which allows for lazy deserialization of large XML structures.

- [FunctionalParsers](https://rakuforprediction.wordpress.com/2023/06/18/functionalparsers/)

in which *Anton Antonov* introduces their new [FunctionalParsers](https://raku.land/zef:antononcube/FunctionalParsers) Raku module, which follows the 1997 [“Functional parsers”](https://www.researchgate.net/publication/2426266_Functional_Parsers) article by Jeroen Fokker.

- [Rakudo Weekly News 2023.25](https://rakudoweekly.blog/2023/06/19/2023-25-recollections/)

with all recent developments around Rakudo, an implementation  of the Raku Programming Language.
Woocommerce Product Feed Management
Tags: woocommerce, productfeed, productsync, googlemerchantcenter
Published: 2023-06-23 12:40:22

What is Woocommerce Product Feed Management?

How can you sync products to Google Merchant Center?

How can you manage Product Feed For Your Ecommerce Store?

Know answers to all your questions with this blog:

https://www.conversios.io/blog/woocommerce-product-feed-management-guide/
How to prepare for AZ-305 Azure Solutions Architect Expert Exam?
Published: 2023-06-23 12:28:59

I cleared AZ 305 exam recently and received Azure Solutions Architect Expert badge.
In This Blog, I would like to discuss a few points on AZ 305:
- What is AZ 305 exam?
- Who should give this exam?
- What are the prerequisites of AZ 305?
- What is the cost of the exam? 
- How to prepare for AZ 305?

Q:What is AZ 305 Exam?
A:
The AZ-305 Exam is a certification exam for Designing Microsoft Azure Infrastructure Solutions.
This is Architect level exam. You will get "Three star" badge from Microsoft. 

Q:Who should give this exam?
A: 
Candidates for this exam should have subject matter expertise in designing cloud and hybrid solutions that run on Microsoft Azure, including compute, network, storage, monitoring, and security. 

Q:What are the prerequisites for getting for Azure Solutions Architect Expert badge?
A: 
To become a Microsoft Certified: Azure Solutions Architect Expert (AZ 305), you must earn the Microsoft Certified: Azure Administrator Associate certification (AZ 104).
It means you need clear AZ-104 exam to get AZ-305 badge.

Q:What is the cost of the exam ?
A:
The cost of the AZ-305 Exam is $165 USD. However, the price is based on the country or region in which the exam is proctored.

Q:How to prepare for AZ 305?
A:
I prepared from two different websites, and I would suggest same:

1.
Udemy Course AZ 305 by Alan Rodrigues: 
I had completed AZ305 Udemy course. It had help me to understand azure topics easily. 
Excellent content and the instructor (Alan Rodrigues).  He has good knowledge on the subject. Explanations have enough details for good understanding. The amount and quality of the practice tests are also invaluable.

link: https://www.udemy.com/course/exam-az-microsoft-azure-exam-role1/   

2.
Microsoft Learn Documents:

Microsoft offers a variety of resources to help you prepare for the AZ-305 Exam. You can watch AZ-305 Exam Prep videos on Microsoft Learn and download the AZ-305 study guide to help you prepare for the exam. You can also demo the exam experience by visiting Microsoft’s Exam Sandbox. Additionally, you can test your skills with practice questions to help you prepare for the exam.

Link: https://learn.microsoft.com/en-us/certifications/exams/az-305/
Authenticating your GitLab CI runner to an AWS ECR registry using Amazon ECR Docker Credential Helper 🔑
Tags: aws, gitlab, tutorial
Published: 2023-06-23 12:17:07


GitLab CI allows you to run your CI/CD jobs in separate and isolated Docker containers. For maximum flexibility, you may need to run your jobs from a self-created Docker image tailored to your project’s specific needs. You can store this self-created and private Docker image in an AWS ECR registry. In this tutorial I will explain how to set up automatic authentication from your GitLab runner to your registry with Amazon ECR Docker Credential Helper.

## GitLab CI job

Create a GitLab CI job which uses your Docker image saved in a private AWS ECR registry :

```
phpunit:
  stage: testing
  image: 
    name: 123456789123.dkr.ecr.us-east-1.amazonaws.com/php-gitlabrunner:latest
    entrypoint: [""]
  script:
    - php ./vendor/bin/phpunit --coverage-text --colors=never
``` 

## Create and configure your runner to access AWS ECR registry

- Create an EC2 instance and [install GitLab Runner](https://docs.gitlab.com/runner/install/)
- [Register your runner with Docker executor](https://docs.gitlab.com/runner/register/)
- Install the [AWS ECR Docker Credential Helper](https://github.com/awslabs/amazon-ecr-credential-helper) in your runner
- Create a /root/.docker/config.json file and add :
```json
{
	"credsStore": "ecr-login"
}
```
- Create an IAM User with CLI access and attach `arn:aws:iam::aws:policy/AmazonEC2ContainerRegistryReadOnly ` policy
- Paste CLI credentials to `/home/gitlab-runner/.aws/credentials` file on your GitLab runner :
```
[default]
aws_access_key_id = YOUR_ACCESS_KEY
aws_secret_access_key = YOUR SECRET KEY
```
- Configure AWS Region in /root/.aws/config :
```
[default]
region = YOUR REGION
```
- Edit your `/etc/gitlab-runner/config.toml` to add in [the [[runners]] section](https://docs.gitlab.com/runner/configuration/advanced-configuration.html#the-runners-section) the following line `environment = ["DOCKER_AUTH_CONFIG={ \"credsStore\": \"ecr-login\" }"] `:

```
[[runners]]
  name = "gitlab-runner"
  url = "https://gitlab.com/"
  executor = "docker"
  [runners.custom_build_dir]
  [runners.cache]
    MaxUploadedArchiveSize = 0
    [runners.cache.s3]
    [runners.cache.gcs]
    [runners.cache.azure]
  [runners.docker]
    image = "php:8-cli"
    privileged = false
    disable_entrypoint_overwrite = false
    oom_kill_disable = false
    disable_cache = false
    volumes = ["/cache", "/var/run/docker.sock:/var/run/docker.sock", "/builds:/builds"]
    shm_size = 0
    environment = ["DOCKER_AUTH_CONFIG={ \"credsStore\": \"ecr-login\" }"]
```

Now your GitLab runner can automatically authenticate to your ECR registry 🙂

_**If you liked this post, you can find more on my blog https://adrien-mornet.tech/ 🚀**_
Google Analytics 4 Migration
Tags: googleanalytics4, ga4, googleanalytics, ga4migration
Published: 2023-06-23 12:14:11

With the deadline nearing each day, this is the last chance you should try and migrate to GA4 as soon as possible

Do GA4 migration in an instant with the help of our blog:

https://www.conversios.io/blog/google-analytics-4-migration/
Integrating With OpenAi(ChatGPT)(With Code example)
Tags: openai, chatgpt, php, webdev
Published: 2023-06-23 12:13:56

If your project's requirement puts you in need of integrating it with OpenAi here is a brief depending on OpenAi documentation of how to do that :
First, you need to make your needs clear because OpenAi depends on many models and engines each one of them is an Ai model trained on a specific amount of data and can provide a limited amount of words or types of responses.
Based on the type of response it goes for 2 main categories :
Completion:
In this type, the usage will be for  the completing and text you send and as an example of it :
text-davinci-001,text-davinci-002,text-davinci-003
the number in the end represent the accuracy of the response,davinci 3 is the highest.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s92f300svb43xvy3jknu.png)
Chat:
In this type, the usage will be for the Chat and it works 100% the same as you are chatting with Chatgpt, as an example of its models :
gpt-3.5-turbo,gpt-3.5-turbo-0613 ..etc
gpt-3.5-turbo-0613 is the newest one and the one with the highest accuracy,code example:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/as3ngv94dcr21cwr4iow.png)
Note: please note that as much as you raise your accuracy the response time will be higher.
How can you setup Facebook Conversions API For Woocommerce
Tags: woocommerce, facebookcapi, woocommercestore, facebookconversionsapi
Published: 2023-06-23 12:09:04

Setting up Facebook Conversions API is difficult 

And that too in a woocommerce store?

Well, worry not!

Follow our guide and setup Facebook Conversions API for Woocommerce with some clicks

https://www.conversios.io/blog/setup-facebook-conversion-api-for-woocommerce/
How to Insert Separator Element Between Flexbox Items in React
Tags: react, css
Published: 2023-06-23 12:08:19

✨ [**Watch on YouTube**](https://youtu.be/r75UDbxnFDc)  |  🐙 [GitHub](https://github.com/RodionChachura/reactkit)  |  🎮 [Demo](https://reactkit.radzion.com/stack-separated-by)

It's quite a common UI pattern to add a delimiter between elements, such as a dot or a slash, to separate pieces of text or create divisions between sections on a page. Today, I would like to share abstract React components that are built on top of basic flexbox CSS, allowing you to implement such use cases in seconds.

![Demo](./demo.png)

Let's start with the `StackSeparatedBy` component and its horizontal version, `HStackSeparatedBy`. These components take a separator element and render it between their children. They are built on top of the `Stack` component, which I have described in detail in [this post](https://radzion.com/blog/stacks). By using `Children.toArray`, we can remove `null` children. However, it's important to note that if one of the children is a component that returns `null`, we won't be able to recognize it.

```tsx
import React, { Fragment, ReactNode } from "react"
import { Stack, StackProps } from "./Stack"
import { isLast } from "lib/shared/utils/isLast"

export const dotSeparator = "•"
export const slashSeparator = "/"

export interface StackSeparatedByProps extends StackProps {
  separator: ReactNode
}

export const StackSeparatedBy = ({
  children,
  separator,
  gap = 8,
  wrap = "wrap",
  ...rest
}: StackSeparatedByProps) => {
  const items = React.Children.toArray(children)
  return (
    <Stack wrap={wrap} gap={gap} {...rest}>
      {items.map((child, index) => {
        if (isLast(items, index)) {
          return child
        }
        return (
          <Fragment key={index}>
            {child}
            {separator}
          </Fragment>
        )
      })}
    </Stack>
  )
}

export interface HStackSeparatedByProps
  extends Omit<StackSeparatedByProps, "direction"> {}

export const HStackSeparatedBy = ({
  alignItems = "center",
  ...props
}: HStackSeparatedByProps) => {
  return <StackSeparatedBy direction="row" alignItems={alignItems} {...props} />
}
```

To add lines between sections, we have the `SeparatedByLine` component. While it's also built on top of the `Stack` component, it uses CSS to add a `border-bottom` and `padding-bottom` to all children except the last one. Here, we don't want to iterate over elements because sections are usually more complex components, and they might return `null`. In such cases, we won't be able to recognize it because children would still be a component.

```tsx
import styled, { css } from "styled-components"

import { VStack } from "./Stack"
import { getCSSUnit } from "./utils/getCSSUnit"
import { getColor } from "./theme/getters"

export const SeparatedByLine = styled(VStack)`
  > *:not(:last-child) {
    border-bottom: 1px solid ${getColor("backgroundGlass2")};
    padding-bottom: ${({ gap = 0 }) => getCSSUnit(gap)};
  }
`
```
An animated clock app, developed with Flutter animation library
Tags: flutter, ios, android, dart
Published: 2023-06-23 12:07:52

> Zerker is a Flutter-based animation game framework. It is easy to use, easy to use and has high rendering efficiency. This framework can easily create various Widget animation effects, such as scene switching, icon animation, etc. In addition, Zerker also supports functions such as Sprite and ScrollBg, so it can also be used to make some small games.

github: https://github.com/flutterkit/zerker
docs: https://flutterkit.github.io/zerkerdocs/
![img](https://flutterkit.github.io/zerkerdocs/images/fp.png)

## App introduction:

Fun Clock is a relaxed and fun clock app that improves your concentration, keeps you focused, and improves your learning efficiency.

### Store
AppStore: https://apps.apple.com/app/id6444765326

Android: https://play.google.com/store/apps/details?id=com.yugakhan.funclock

Video preview: https://www.youtube.com/watch?v=eSbarngeSE4

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

### feature:
- 15 beautiful themes, each with its own creativity
- Nice ticking sound combined with delicate animations, let you relax and focus
- Simple and lightweight, the design and interaction maintain a minimalist style
- Charging display, can be used as your charging screen saver

Fun Clock app is a practical efficiency gadget, which can provide users with exquisite time display, so as to improve users' concentration and attention, and improve work and study efficiency. Its design style is simple, the interaction method is direct, and the animation is exquisite and attractive. Users can personalize it according to their own needs. The software allows users to make full use of time, allowing you to better grasp every minute and every second around you. If you have insomnia, you can also place it next to your pillow, watch the clock beat rhythmically, and perform self-hypnosis.