teleren/devto huggingface dataset:
Mengaktifkan debug panel pada LARAVEL
Tags: webdev, laravel, php, programming
Published: 2022-06-22 05:36:09


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/72va8nj1zionsgc9kc5v.png)
Tidak seperti Code Igniter yang secara otomatis mengaktifkan debug panel, pada Laravel kita harus mengaktifkannya secara manual dengan menggunakan library yang telah dibuat oleh **barryvdh ** pada github nya, kalian dapat mengunjungi dokumentasi lengkapnya [di sini](https://github.com/barryvdh/laravel-debugbar).

## Instalasi
Buatlah projek laravel baru lalu ikuti langkah berikut:

1. Buka cmd lalu masukan perintah berikut composer require barryvdh/laravel-debugbar
2. Setelah proses sebelumnya selesai, buka config/app.php dan edit bagian providers masukan kode berikut 
Barryvdh\Debugbar\ServiceProvider::class
3. Lalu pada file yang sama edit pada bagian aliases masukan kode berikut 
'Debugbar' => Barryvdh\Debugbar\Facade::class
4. Setelah itu buka cmd lagi dan masukan perintah berikut
php artisan vendor:publish --provider="Barryvdh\Debugbar\ServiceProvider"
5. Setelah proses instalasi selesai, sekarang coba jalankan projek laravel tersebut dengan menggunakan perintah php artisan serve pada cmd, dan masuk ke dalam url localhost:8000 pada browser. Jika debuger berhasil di instal, maka akan muncul panel debugger di bagaian bawah

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k8dwqwb11o0ssqmf70c2.png)
Dart Cheat Sheet with Quick Reference.
Tags: flutter, programming, dart, beginners
Published: 2022-06-22 09:43:25

Simple Cheat Sheet to Get Started with Dart - FLUTTER

Sheet #1:

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

Sheet #2:

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

Sheet #3:


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

Sheet #4:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/done1wyebvav7uvqfnby.png)
API/ENDPOINT
Tags: api, webdev, javascript, help
Published: 2022-06-22 09:30:44

Good Morning All,

So I am new to API so I have question for experts on this field. So I work in CRM field and use third party software like Integromat now known as 'MAKE' to make API calls. 

So the question is, since I use the software's API endpoints docs to do all the API calls. Would it be possible to do API calls that are not on the software's API documentations? 

Thanks
How to Add AppImage Application to Menu in Ubuntu (Linux)
Tags: appimage, linux, ubuntu
Published: 2022-06-22 09:29:01

AppImages are the most easiest to run compared. All you need to do is follow the steps mentioned below.

## Step to use AppImage

1. Download the AppImage
2. Make the AppImage executable. (sudo chmod +x *.AppImage)
3. Run the file (./*.AppImage)

The challenging task is to make the **AppImage accessible globally through he system like an installed application** (in the menu)

you can achieve this by the going through the following steps.

## Steps to add AppImage to Menu

1. Move he AppImage to an accessible directory (I personally use .appImage in my home directory but you are free to be creative)
2. Create a **appName.desktop file in ~/.local/share/applications**
3. Add the following content to the .desktop file you create

```
[Desktop Entry]
Version=0.13.23
Type=Application
Name=appName
Comment=Application Description
TryExec=Path/to/AppImage
Exec=Path/to/AppImage
Icon=Path/to/AppImage.icon
Actions=Editor
```

and we are done.

Now you AppImage is available for you user in menu.

## Bonus tip

If you want this AppImage to be accessible to to all the user of the system, place the .desktop file in 
**/usr/share/applications**

Feel free to comment any suggestion in comments section.
Tips on how to start a Blog?
Published: 2022-06-22 09:08:53

Hi There, I am a Swiss System engineer in training and I wanna start a Blog. I have no Idea what software to use, where to start, what to blog about (Something IT related of course but I don't know what). I was wondering if maybe someone in the dev.to community already has or had a blog and could share some tips on how and where to start.
StripeDev Live - Stripe Apps developer panel and discussion
Tags: stripe, stripeapps, webdev
Published: 2022-06-22 08:45:48



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

## What you'll learn

In this livestreamed episode, [Corey Ching](https://twitter.com/coreyching), [TJ Fontaine](https://twitter.com/tjfontaine), [Katarzyna Babula](https://twitter.com/Kbabula) and [Paul Asjes](https://twitter.com/paul_asjes) gave a quick overview of Stripe Apps, showcased a few demos and answered questions live from YouTube, Twitch and Twitter. You'll learn about how Stripe Apps was built, what makes a good app and most importantly what's on the roadmap for the future.

## Who this video is for

Check this out if you want to learn about Stripe Apps or if you want a peek behind the scenes on how we built this new product.

## Table of contents

### Chapters
[00:00:00](https://www.youtube.com/watch?v=EfLHVQbRLEE&t=0s) Start of countdown
[00:14:16](https://www.youtube.com/watch?v=EfLHVQbRLEE&t=856s) Livestream start
[00:16:08](https://www.youtube.com/watch?v=EfLHVQbRLEE&t=968s) Demo: Getting started with Stripe Apps
[00:18:58](https://www.youtube.com/watch?v=EfLHVQbRLEE&t=1138s) Demo: Orlando's Salesforce app
[00:33:25](https://www.youtube.com/watch?v=EfLHVQbRLEE&t=2005s) Live Q&A

## Resources

* [Stripe Apps](https://stripe.com/docs/stripe-apps)
* [Stripe CLI](https://stripe.com/docs/stripe-cli/overview)

## Stay connected

You can stay up to date with Stripe Developer updates in a few ways:

- 📣 Follow [@StripeDev](https://twitter.com/stripedev) and [our team](https://twitter.com/i/lists/1459720002567868418) on [Twitter](https://twitter.com/StripeDev)
- 📺 Subscribe to our [Youtube channel](https://www.youtube.com/StripeDevelopers)
- 💬 Join the official [Discord server](https://discord.com/invite/RuJnSBXrQn)
- 📧 Sign up for the [Dev Digest](https://go.stripe.global/dev-digest)
Fix: invalid apiVersion “client.authentication.k8s.io/v1alpha1”
Published: 2022-06-22 08:31:39


![aws + k8s](https://community.ops.io/remoteimages/uploads/articles/vaqbm5uz7awzjv4sa428.png)


I recently encountered this error while trying to run ‘kubectl’ commands over our AWS EKS cluster, not sure if it's shared by more k8s vendors.

In short, you are using an incompatible ‘AWS CLI’ version with your current AWS EKS version.

To fix it — Update your ‘AWS CLI’


**Installing or updating the latest version of the AWS CLI**
This topic describes how to install or update the latest release of the AWS Command Line Interface (AWS CLI) on…
[docs.aws.amazon.com](docs.aws.amazon.com)

---

**For Linux x86 (64-bit)**

`curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" && unzip awscliv2.zip && sudo ./aws/install`


**For MacOS**

`curl "https://awscli.amazonaws.com/AWSCLIV2.pkg" -o "AWSCLIV2.pkg"
sudo installer -pkg AWSCLIV2.pkg -target /`


**For Window**

`C:\> msiexec.exe /i https://awscli.amazonaws.com/AWSCLIV2.msi`




Hope it helped. Cheers.

Thanks to Yaniv Ben-hemo for writing & Idan Asulin For the QA.
Should you learn Rust Lang in 2022?!
Tags: rust, programming, future, career
Published: 2022-06-22 08:26:12

## Why RUST is a good language to learn 

RUST has great tooling. The RUST compiler, Cargo, is very easy to use. Cargo can manage dependencies, compile code, and run tests. The RUST community has also created many great tools, such as the Rust Playground and rustfmt.
RUST is also very portable. It can be used on many different platforms, such as Linux, Windows, macOS, and even embedded systems. This makes RUST a great choice for crossplatform development.
RUST is an excellent language to learn in 2022. It is fast, safe, concurrent, and portable. It also has great tooling and a thriving community. If you are looking for a systems programming language, RUST is the perfect choice.
## The history of RUST 

RUST was developed by Graydon Hoare at Mozilla Research, with the help of a team of contributors. It is sponsored by the Mozilla Foundation.
RUST is an open source language, with a strong community. It is used by many large companies, such as Amazon, Google, and Microsoft. RUST is a safe and concurrent language that is suitable for systems programming.

## How RUST is different from other languages 

RUST is a systems programming language that is different from other languages because it is memory safe, has ownership, and borrows. RUST is memory safe because the language does not allow dangling pointers or null pointers. This means that RUST is more difficult to write programs with errors that can lead to crashes. RUST also has ownership, which means that each piece of data has a single owner and the owner can decide when to give up or transfer ownership. This can make RUST programs more difficult to write, but it also makes RUST programs more reliable. Finally, RUST borrows data instead of copying it. This means that RUST can avoid unnecessary work and use less memory.
## What you can do with RUST once you learn it

RUST has strong support for concurrency, with builtin tools such as the Arc smart pointer that make it easy to write safe code. RUST also has excellent memory safety, with automatic garbage collection and ownership rules that prevent dangling pointers.
RUST is an excellent choice for creating safe and efficient software. With its strong support for concurrency and memory safety, RUST can help you create robust applications that are able to handle high loads.


There's no one-size-fits-all answer to this question, as the programming language you learn should be based on what you want to use it for. However, if you're looking for a language that will be popular in 2022 and beyond, RUST is a good choice. It has a growing community, and its popularity is only increasing. So if you're looking to stay ahead of the curve, RUST is a good language to learn.

Star our [Github repo](https://github.com/blst-security/cherrybomb/) and join the discussion in our [Discord channel](https://discord.gg/b3W86EWwmw/)
Test your API for free now at [BLST](https://www.blstsecurity.com/?promo=blst&domain=https://dev.to/Should_you_learn_RUST_in_2022?)!
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2022-06-22 08:00:24

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
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/5e1258e0be565.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:___ How did pirates collaborate before computers ?

___A:___ Pier to pier networking.
 -->
Build a Group Video Call System using PHP,Javascript + WebRTC Day 4
Tags: webrtc, webdev, php, tutorial
Published: 2022-06-22 07:50:56

WebRTC unlocks the possibility that people can create any video chat app they like. The freedom that WebRTC grants makes the technology highly competitive against traditional video chat apps like Skype.In this video we'll cover preventing Unauthorize User Access

{% youtube q0fjCGmo1ok %}
Introduction to Machine Learning
Tags: machinelearning, beginners, programming, tutorial
Published: 2022-06-22 07:38:23

Machine learning is an artificial intelligence sub-field. It is a computer science research area that deals with methods to identify and implement systems and algorithms by which a computer can learn, based on the examples given in the input. The goal of machine learning is to teach a computer how to recognise complex patterns and make as intelligent decisions as possible.

Machine learning has benefited every technology user today. Optical character recognition technology transforms text images into movable type. Social media platforms use the facial recognition technology to help users tag and share photos of friends. Machine learning-powered recommendation engines suggest what movies or television shows to watch next based on user preferences.

A machine can understand to solve a problem using any of the three approaches

- Supervised Learning
- Unsupervised Learning
- Reinforcement Learning

## Supervised Learning
Supervised Learning is distinguished by the use of labelled datasets to train algorithms that accurately classify data or predict outcomes. As input data is fed into the model, the weights are adjusted until the model is properly fitted, which occurs as part of the cross validation process. In supervised learning, the computer is fed examples of inputs labelled with the desired outputs. As a result, supervised learning employs patterns to predict label values .

## Unsupervised Learning
Unsupervised learning analyses and clusters unlabeled datasets using machine learning algorithms. Without the need for human intervention, these algorithms uncover hidden patterns or data groupings.Unsupervised learning entails training with unlabeled data and then allowing the model to act on that information without supervision.

## Reinforcement Learning
Reinforcement Learning is a feedback-based Machine Learning technique in which an agent learns how to behave in a given environment by performing actions and observing the outcomes of those actions. For each positive action, the agent receives positive feedback; for each negative action, the agent receives negative feedback or a penalty. An artificial intelligence is put in a game-like situation in reinforcement learning. The computer uses trial and error to find a solution to the problem. To make the machine do what the programmer wants, the artificial intelligence is rewarded or punished for the actions it takes. Its objective is to maximise total reward.
Vite: Import path alias only setting tsconfig.json
Tags: vite, typescript, svelte
Published: 2022-06-22 07:30:57

Hello!! These days I usually use vite. And I usually set alias but, in generally we need to set alias to tsconfig.json and vite.config.ts. I think it is too trouble!!
If you want configure only tsconfig.json, I recommand this article.

The problem can be solved by [vite-tsconfig-paths](https://github.com/aleclarson/vite-tsconfig-paths) package.

### 1. You need to install the package via below command 

```
npm i -s vite-tsconfig-paths
```

### 2. Plese configure vite.config.ts like below

```

export default defineConfig({

  //... some configs

  plugins: [tsconfigPaths()],

  //... some configs

})

```

### 3. Plese configure tsconfig.json which you like. Below is my sample

```

{
  "compilerOptions": {
    "paths": {
      "@": ["src"],
      "@/*": ["src/*"],
      "$lib":["src/lib"],
      "$lib/*":["src/lib/*"]
    }
  }
}


```

### 4. Done

## Note
You can use [vite-tsconfig-paths](https://github.com/aleclarson/vite-tsconfig-paths) on SvelteKit project. And it doesn't work, plese try delete generated folder for dev server like `.svelte-kit`.

Thank you for reading this article!!
Get All value in select option with Jquery
Published: 2022-06-22 07:03:30

Html
```
<select id="demo">
  <option value="Belgium">Belgium</option>
  <option value="Botswana">Botswana</option>
  <option value="Burkina Faso">Burkina Faso</option>
  <option value="Burundi">Burundi</option>
  <option value="China">China</option>
  <option value="France">France</option>
  <option value="Germany">Germany</option>
  <option value="India">India</option>
  <option value="Japan">Japan</option>
  <option value="Malaysia">Malaysia</option>
  <option value="Mali">Mali</option>
  <option value="Namibia">Namibia</option>
  <option value="Netherlands">Netherlands</option>
  <option value="North Korea">North Korea</option>
  <option value="South Korea">South Korea</option>
  <option value="Spain">Spain</option>
  <option value="Sweden">Sweden</option>
  <option value="Uzbekistan">Uzbekistan</option>
  <option value="Zimbabwe">Zimbabwe</option>
</select>
```
Jquery
```
<script>
  $('#demo option').each(function() {
        console.log($(this).val());
     });
</script>
```
Building First Game
Published: 2022-06-22 07:00:17

I just recently build my first game using Pygame on python. I would really recommend checking out "Clear Code" on YouTube his tutorials helped me a bunch. I build a snake game which was a little bit challenging at the start it took a bit to kick off. One of the hardest thing that i had to figure out was drawing the snake and making sure the right images were getting displayed during different movements.
Here is a link to check out the game. 
https://github.com/mojibazizi/Python/blob/master/Personal%20Projects/Snake.py
How can i convert buffer to img url in react
Tags: question, react
Published: 2022-06-22 06:56:35

Good day 
i'm new with react and i have an endpoint that returns image as buffer and text, but i'm having issue converting that buffer to img url and displaying it, below is my code snippet
`  <div className={newsStyle.container}>
            <ul >
                {newsItem.map((news) => {
                    const Base64string = btoa(
                        String.fromCharCode(... new Uint8Array(news?.img?.data?.data))
                    );
                    <li key={news._id}>
                        <div className={newsStyle.index}>
                            <img src={`data: image/png; base64, ${Base64string}`} />
                            <p className={newsStyle.txt}>{news.title}</p>

                        </div>


                    </li>
                })}
            </ul>

        </div>
`
now the issue is with the curly bracket in the map function, nothing is rendered, but when i remove the curly it render value, but i wont b able to declare a variable
can anyone help out
What is brand voice? Why is brand voice important?
Tags: webdev, news, api
Published: 2022-06-22 06:39:54

When building a brand, people often care more about the image. From fonts, colors to design styles. However, an equally important factor is often overlooked. That is the brand voice - brand voice.

Brand voice is becoming increasingly important in the digital age. It has been and is present in the business of any business. Even if you don't know the term.

**What is brand voice?**
Brand voice is the distinct personality that a brand has. It is reflected in corporate communication activities. This voice is applied to every communication channel the brand uses. Including newsletters, social media posts, internal announcements, etc. And promotional products of the company....
See more: https://blogs.vbee.vn/
**Contact**
Hotline: 0901 533 799
Building 101B1 Nguyen Khanh Toan, P. Quan Hoa, Q. Cau Giay. Ha Noi
Advanced TypeScript With Code Challenges: Const Assertions
Tags: typescript, javascript, webdev, programming
Published: 2022-06-22 06:39:53

![Big elephant (Typesceript) and small elephant (JavaScript)](https://miro.medium.com/max/1400/1*jUBpz0DE_5DSUvDOk_3ZJg.png)

{% medium https://medium.com/@mariusbongarts/advanced-typescript-with-code-challenges-const-assertions-84f51b934756 %}
Terraform Best Practices
Published: 2022-06-22 06:34:26

##Terraform Module Best Practices
 
{% embed https://www.youtube.com/watch?v=hEJZoZQjLJo %}

#Terraform General Practices
Create Module with the required default configuration
The module can be separated into two categories
Base Module: Module that doesn’t have any dependencies to other terraform module
  Implemented Module: Module that is built from base modules and deploys any implementation example database require DB instance with all configuration like backup, replica, alerts, scaling
Use the standard release practices for module updates, git tag is very important here
Always supply the value in a separate variable file

##Coding structure configuration
Making coding structure configuration is important, here we split into different files
Create resource file (main.tf)
Create parameter file (variable.tf)
Create Output define resource name, id, etc resource to set output.
Create version file for setting up terraform and provider version

##Naming Convention
Define variable is important to set valid naming convention for variable
Create variable name same as an attribute name (example name=var.name)

##Latest version
Each Module should be compatible with the latest terraform release version

##Coding Practice
Core Resource file
Filename : main.tf
Create defined resources
Use local variable if required
Use depends on dependent resources
Use count for creating multiple same resources
Use resource create a flag to get permission from the user to create a resource
Use for_each for creating multiple sub-parameters example EBS in EC2
Create dependent resource  like IAM Role, Policies, security group
Make a capability where user can add predefined resources when he doesn’t want to create with module
Use tag and description for each supported resource and use label module for reference

##Resource parameters
File name : variable.tf
Define all parameters
Use related data types like number, string, list, map, object
Use default value for the required variable
Define variable name same as an attribute name

##Return from Module (Resource output)
Filename : output.tf
Try to set all output that should require in other module dependencies
Define valid output variable description
Naming for output variable should be relative with attribute name for example bucket_id

##Version Dependencies
Define terraform version dependencies
Define provider version dependencies
Silencil Reviews: Negative Side Effects or Real Ingredients?
Published: 2022-06-22 06:05:38

It sort of [Silencil](https://supplementscare.co.za/silencil-review/) can vary according to the location. There is a noticable elegance referring to Silencil. It's really up to you to decide how far you need to go. I have up to now recommended that you should be using Silencil for that purpose. We will be talking about how competitors who know how can do it. It's quite good for you. Silencil is the only game in town. That can be rather frustrating. Too bad Silencil doesn't work really well. Make certain that you give your Silencil your time. Those examples are far apart.

Special Offer Click Here To Buy Now ----- [https://supplementscare.co.za/silencil-review/](https://supplementscare.co.za/silencil-review/)
[https://www.youtube.com/watch?v=zSHlICFNDkg](https://www.youtube.com/watch?v=zSHlICFNDkg)
[https://works.bepress.com/silencil-ncil/1/](https://works.bepress.com/silencil-ncil/1/)
[https://silencilcare.wordpress.com/](https://silencilcare.wordpress.com/)
[https://twitter.com/silencilcare](https://twitter.com/silencilcare)
[https://www.facebook.com/Supplements-Care-112435741433221](https://www.facebook.com/Supplements-Care-112435741433221)
[https://works.bepress.com/silencil-ncil/](https://works.bepress.com/silencil-ncil/)
215. Leetcode solution in CPP
Tags: cpp
Published: 2022-06-22 05:51:03

```


class Solution {
 public:
  int findKthLargest(vector<int>& nums, int k) {
    priority_queue<int, vector<int>, greater<>> minHeap;

    for (const int num : nums) {
      minHeap.push(num);
      if (minHeap.size() > k)
        minHeap.pop();
    }

    return minHeap.top();
  }
};



```
🎯 Free Icons sites for web Developers
Tags: html, css, beginners, webdev
Published: 2022-06-22 05:37:05

✨jam-icons. com
✨smashicons. com
✨streamlineicons. com
✨www.flaticon. com
✨feathericons .com
✨tablericons. com
✨entypo. com
✨evil-icons. io
✨fontisto. com
✨iconmonstr. com
✨icons.pixsellz. io
✨icons8. com
✨ font-Awesome