teleren/devto huggingface dataset:
Verifying your Mastodon Account
Tags: fediverse, mastodon, verification, note
Published: 2023-02-01 07:38:00

---
title: Verifying your Mastodon Account
published: true
description: Yes, there is account verification on Mastodon and no, it means more than a blue check mark. Actually, it isn't even blue.
tags: fediverse, mastodon, verification, note
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
published_at: 2023-02-01 07:38 +0000
---

Account verification is a very simple process that you can do yourself. Also it is a very important for proving that you own that Mastodon account. It baffles me that even tech literate people don't do it.

## How verification works?
![Spiderman pointing at spiderman meme. First spiderman is labelled "your website" and second spiderman is labelled "your mastodon account"](https://murtezayesil.me/resources/mastodon_account_verification-spiderman_meme.jpeg)
If 2 entities are claiming that they own each other and if their claims match, we understand that both of these are owned by the same person.

**Example**: If car with plate number "ABC 123" has a sign reading "I also own a house (10 Downing Street, London)" behind its back windshield and if the house at 10 Downing Street, London has a sign reading "I also own a car (ABC 123)" behind the window next to door, you know that the person who has key for the car and the person who has key for the house is the same person.

Verification on Mastodon works the same way. Your Mastodon account should claim that you also own a website and your website should claim that you also own a Mastodon account. To make such claims in the internet, we add `rel="me"` attribute to an HTML tag with `href="URL"` attribute, turning that tag into a claim.

## 2 ways to add claim to your website
**Visible button**: If you want claim to be a button that leads people to your Mastodon profile, use an "a" anchor inside `<body>` section
```HTML
<a rel="me" href="https://fosstodon.org/@murtezayesil">Mastodon</a>
```
**Invisible claim**: If you want to make the claim but don't want to add a button, you can use link tag inside `<head>` section
```HTML
<link rel="me" href="https://fosstodon.org/@murtezayesil">
```

If you also added your website's URL to your Mastodon account's profile metadata, server will attempt to read your website HTML and check if the claim is true.
![My Mastodon profile's metadata. Label is Website and Content is https://murtezayesil.me/](https://murtezayesil.me/resources/mastodon-profile_metadata.png) ![My Mastodon profile has a green check mark next to my website because claim is verified](https://murtezayesil.me/resources/mastodon_verified_website.png)

**Note**: If you are using a CMS such as WordPress or DEV.to, you may need to find a way to insert custom HTML to head or body of your profile page. It may be even impossible depending on your hosting platform. Static Site Generators such as Jekyll, Hugo, Pelican and Publii are easier to work with since they allow adding custom HTML and even altering the theme.

---

Originally posted on [Murteza Yesil's blog](https://murtezayesil.me/verifying-your-mastodon-account/).
💡 Hosted Syncthing (discovery, relay and backups)
Tags: saas, idea, opensource, selfhosted
Published: 2023-02-01 10:34:13

Here's an Startup/SaaS idea to try out:

## 💾 Hosted Syncthing discovery, relay and backups

For technical users, [Syncthing](https://syncthing.net/) is the next coming of [Dropbox](https://dropbox.com/). Syncthing has a booming community, active user base, runs on a bunch of devices, and people trust it with their data.

There used to be one big problem with Syncthing -- transfering files from one device to another, you needed both devices to be online. That changed, when the [untrusted (encrypted) devices feature](https://docs.syncthing.net/users/untrusted.html?highlight=untrusted) was merged.

**💼 🧠 Build a service for untrusted (encrypted) syncthing devices, enabling users to copy files asynchronously.**

Users create their Syncthing setups as normal, then add an untrusted device (a URL you give them), and they can start to treat their Syncthing instances as cloud drives.

It's a hard sell -- many people use Syncthing precisely so they can get away from hosted services, but here's the thing -- they don't have to trust you (and you don't have to convince them to). Thanks to the encryption Syncthing uses, users can treat you as just a dumb redundant temporary host for their data.

Think the user base for this kind of service is impossibly small? [Syncthing has close to 50,000 stars on Github](https://github.com/syncthing/syncthing). [Ansible](https://github.com/ansible/ansible), the industry standard automation toolkit, has ~56k stars.

More importantly than popularity, there's a [r/Syncthing subreddit](https://www.reddit.com/r/Syncthing/), which means you have distribution -- even if it doesn't work out, validating this idea should be fast.

This was [originally posted @ Unvalidated Ideas (Edition 40)](https://unvalidatedideas.com/editions/40)
Why Should You Use React JS For Web App Development?
Tags: webdev, web3, react, javascript
Published: 2023-02-01 13:17:13

**> A recent survey that is conducted by Stack Overflow, revealed that React JS is the favorite web app tech stack for developers**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0737jepwcidio4dmtg8j.jpeg) 

But, why do developers, users, and entrepreneurs like to build a web application with React JS? Let’s find the truth behind this survey report.

- The first reason is that React JS requires only minimal coding work. So, the developers can focus on flexible design more than coding for functionality. That helps the developers to create highly collaborative, and dynamic web applications.
- Beyond that, it provides access to the mutable components of a web application. That makes them exist together.
- Reusable components are the most attractive feature of React JS that allows the developers to break lengthy components into small size reusable components.
- IT experts can avoid the complexities of layers and can create view layers separately. Along with this, developers can optimize the web application with the most out of the many webpack modules.
- This library is also compatible with multiple third-party tools that allow developers to use React JS for templating and leveraging the **[web app development company](https://www.uplogictech.com/web-app-development-company)** process.

In addition to these points, many more positive technical aspects make the developers prefer the library as their priority. Let’s check a few benefits of using React JS library now.

Read more: https://www.uplogictech.com/blog/check-how-react-js-simplifies-dynamic-web-app-development-process/
Drag-and-drop UI builder in VS Code 🧩
Tags: python, vscode, showdev, webdev
Published: 2023-02-01 20:54:20

[20sec demo](https://www.youtube.com/watch?v=NXkYWtiYPQE)

Hey everyone, we're building a **drag’n drop VS Code extension for Python** :)

Skips the need to code HTML, CSS, etc. Meant to pair the familiar coding environment of VS Code with a visual way to build UI. You drag-and-drop widgets, then bind them to a regular Python script.

It's still a work in progress, but I'm really excited to get some feedback!

Would this help your work? Any thoughts?
Como adicionar a análise de pacotes do webpack em seu projeto nuxt
Tags: webpack, nuxt, vue, performance
Published: 2023-02-02 19:35:29

> Visualize o tamanho dos arquivos de saída do webpack com um mapa de árvore interativo dentro do seu projeto com nuxtjs.


![webpack analyzer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ds2ofox0xppqfeu63js0.png)

Sabemos como é importante colocar em produção aplicações que tenham o melhor desempenho possível, porém conforme começamos a desenvolver um projeto adicionamos diversos pacotes para determinadas tarefas e no final isso terá um impacto no desempenho da aplicação, como podemos análisar isso utilizando o nuxtjs?

Recentemente descobri uma forma muito fácil e interativa para mapear e análisar os pacotes que estão sendo utilizados no projeto, podemos criar um comando simples no package.json da seguinte forma:

`"scripts": {
  "dev": "nuxt",
  "build": "nuxt build",
  "analyze": "nuxt build --analyze"
}`

ou podemos executar direto no terminal com yarn

`yarn build --analyze`

ou até mesmo utilizando o comando npx

`npx nuxt build --analyze`

com isso o webpack analyzer deve ser inicializado em seu navegador e com isso podemos visualizar toda a árvore de pacotes que o projeto está utilizando


![gif utilizando o webpack analyzer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vd8pxyisszvblurutkau.png)

Temos também uma barra a esquerda que permite que você escolha quais pedaços mostrar com os seus devidos tamanhos. podemos ver um exemplo disso na imagem abaixo:


![arquivos do projeto](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1mcdiuk6ji1tgbqfwn9r.png)

Você também pode clicar duas vezes nas caixas, passar o mouse sobre elas para obter mais detalhes e clicar com o botão direito em um pedaço para ocultá-lo facilmente ou para ocultar todos os outros pedaços.

Espero que esse artigo possa ajudar você a analisar seu projeto e melhora-lo, vejo você no próximo post.

Link: [https://www.npmjs.com/package/webpack-bundle-analyzer]
Kenapa harus FastAPI?
Tags: python, fastapi, beginners, programming
Published: 2023-02-02 11:52:27

**_Sebenernya_** nnga ada alasan yang terlalu "wah" banget gitu.

Tapi kalo dibandingkan dengan [Django](https://djangoproject.com) dan [Flask](https://flask.palletsprojects.com/), [FastAPI](https://fastapi.tiangolo.com) ini emang _framework_ yang paling cepet kalo dipake untuk back end di python.

Dari _benchmark_ nya juga, terlihat kalau FastAPI ini adalah framework yang paling cepet dan juga memiliki performa yang hebat untuk melakukan berbagai macam hal. Dimulai dari _ngatasin_ request yang begitu banyak, sampe ke ngirim data json yang banyak pun, gaakan jadi masalah buat si FastAPI ini.

Ini adalah hasil _benchmark_ yang dilakukan oleh TechEmpower pada 17 Juli 2022 kemarin. Dan hasilnya sebagai berikut:
![Benchmark tiga web framework terkenal python.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bjat3ytloh4y8z5hguxg.png)

Seperti yang bisa kita lihat, FastAPI berada di tingkat pertama dengan poin sebanyak 167,592, dan diurutan terakhir ada Flask dengan poin hanya 1,561 saja.
Selain performa yang bagus, FastAPI juga menyediakan tutorial dan dokumentasi yang sangat mudah untuk dipahami oleh semua kalangan, baik yang sedang belajar mengenai python, maupun yang sudah ahli dalam menggunakan python.

Web framework yang saya berikan pun tidak menjadi acuan bagi kalian yang mau belajar mengenai back end menggunakan python. Django, flask, dan FastAPI memiliki kekurangannya masing-masing. Misal pada FastAPI, karena ia masih tergolong baru, jadi untuk mencari bantuan, menggunakannya secara advance pun masih tergolong sulit. Tetapi, saya sendiri menyarankan agar kalian yang sedang belajar mengenai python dan ingin menggunakannya pada website, saya menyarankan untuk menggunakan FastAPI, karena cepet, gampang, dan dokumentasinya juga mudah dipahami, jadi tunggu apalagi? Mari belajar FastAPI!
Como soluções de AST ajudam a criar um ciclo de desenvolvimento seguro?
Tags: veracode, beginners, tutorial, security
Published: 2023-02-02 20:45:23

As soluções de Análise de segurança em Aplicações (AST, do inglês Application Security Testing) podem ajudar a tornar as práticas de ciclo de desenvolvimento seguro mais eficientes de várias maneiras:
- **Detecção automatizada de vulnerabilidades**: AST pode analisar o código em tempo de compilação ou em tempo real, detectando automaticamente vulnerabilidades e alertando os desenvolvedores para correções.
- **Integração no ciclo de desenvolvimento**: As soluções AST podem ser integradas no ciclo de desenvolvimento, permitindo que as equipes de desenvolvimento corrijam problemas de segurança o mais cedo possível.
- **Melhoria da qualidade do código**: AST pode fornecer insights sobre a qualidade do código e ajudar a melhorar a escrita de código seguro.
- **Redução de custos**: AST pode ajudar a reduzir os custos relacionados a correções de segurança tardias e a evitar riscos potenciais à segurança.
- **Rapidez e eficiência**: AST automatiza muitos dos processos que seriam realizados manualmente, o que pode tornar o ciclo de desenvolvimento mais rápido e eficiente.

Em resumo, as soluções AST podem ajudar a aumentar a eficiência e a eficácia das práticas de ciclo de desenvolvimento seguro, garantindo que as equipes de desenvolvimento produzam software seguro e protegido contra ameaças.

As soluções da Veracode possuem uma enorme capacidade de se integrar nas mais diversas ferramentas, caso queira ver alguns exemplos, basta consultar nosso [GitHub](https://github.com/M3Corp-Community/Veracode).

Para saber mais sobre a Veracode e solicitar um ambiente de testes, entre em [contato](https://www.m3corp.com.br/contato/).
Today I completed 1601 Solutions on Hackerearth🥳🥳🥳
Tags: chiki1601, programming
Published: 2023-02-03 05:14:09


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

I am glad that I enhanced my skills in Coding!
#hackerearth
#misspoojaanilkumarpatel
Github Pages Tips if your img doesn't appear 🖼️
Tags: beginners, github, githubpages, programming
Published: 2023-02-03 15:37:30

When it comes to publishing a website on GitHub Pages, it's important to make sure that all the assets, including images, are properly linked.


If your images don't appear after you've published your website, there are a few things you can check to resolve the issue.

Tips for fixing missing images:


1️⃣Pay attention to the writing of image extensions:


On GitHub Pages, the case sensitivity of file names matters, so make sure you're using the correct capitalization for your image file extensions. For example:
`Images.png` is different from `images.png`

2️⃣Check your image src path. If your code includes a forward slash (/) before the image path, remove it.

For example, if your src path is

`src="/images/images.png"`❌

change it to

`src="images/images.png"`✅


This will often solve the issue of missing images on GitHub Pages



By following these simple tips, you can quickly resolve any issues with missing images on your website when publishing it on GitHub Pages. By paying attention to details like file name capitalization and src paths, you can ensure that your website looks and works exactly as you intended it to.

![githun pages tips](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xzymp75npindv4djz6w2.png)
Arduino Projects For Engineering Students
Tags: webdev, javascript, beginners, programming
Published: 2023-02-03 13:03:33

Are you an engineering student looking for some exciting Arduino projects to work on? Look no further, because Takeoff projects has all the projects you need to get your better grade in engineering!

We offer a wide range of Arduino projects—from beginner to advanced—that will help you hone your engineering skills. Our projects are designed to teach you important concepts and use cases in engineering, from basic circuitry and electronics to more complex coding tasks. You’ll also learn about the different types of Arduino boards, their features and capabilities, and how to use them for different applications.

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

With our [Arduino Projects For Engineering Students](https://takeoffprojects.com/arduino-projects-for-engineering-students), you’ll have the opportunity to explore the world of engineering and technology with the help of a great platform. Whether you’re a novice just starting out or a more experienced student looking to refine your skills, our projects are sure to provide the perfect challenge. And with our wide selection of tutorials and resources, you’ll be able to get the most out of your experience.

So don’t wait any longer—sign up for Arduino Projects For Engineering Students today and start learning the skills you need to get ahead in your engineering career. With our projects, you’ll be well on your way to becoming a successful engineer!
JavaScript function call() method:
Tags: javascript, webdev, programming, node
Published: 2023-02-03 15:46:12


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

imaging that: you have some object in your program(with JS language) and you have some `name:value` in your object with any data type.
if we say any data type that can be to this mean we want write a name:value and "value" be a function?
Ofcourse!! 

if function situation is to be that, function take two parameters and then return their in output, and if we want specify our parameters from a another object we can use `call` method!

example:

```
const x = {
fullName: function(){
return this.name + " " + this.lName
}
};
```
But where is name or lName(last name)?

is here: (in another object, we take from this object)

```
const object1 = {
name: "ana",
lName: "amini"
}
```
So now we achieve to `method part`: 

```
console.log(x.fullName.call(object1));
```
and then output will be like that:

```
ana amini
```
Tip(1): for showing a value of the name in object we use from this rule: `objectName.name1`;

Tip(2): we use `" "` in our function, so our values are separate from each other!

;)!
Transparent IT Job Market Report 2022
Tags: career, hiring
Published: 2023-02-03 15:54:40

## Have you asked yourself how many people in the Swiss IT industry work remotely, or how much do the top 10% beast earning engineers actually make? 

We've got some answers for you! Our first **Transparent IT Job Market Report** has all the juicy details.

We looked at over **4600 responses** and salary data from **1500 tech jobs** and got a pretty clear picture of the **Swiss tech industry** right now. Our goal was to help everyone - companies, recruiters, and employees - understand each other better and make the job market a more transparent place.

Some insights are quite surprising:

- Over **50% tech** employees have the possibility to work **fully remote**
- **85%** of respondents would be happy to have a **4-day work-week**
- Only **40%** of tech workers stay at a company **longer than 5 years**

Download the full report here: https://swissdevjobs.ch/hub/reports/it-job-market-report-2022
MIT University 🎓 Free 🎉 Courses
Tags: computerscience, programming, python, beginners
Published: 2023-02-03 18:15:36

## Introduction

- MIT University is one of the world's most prestigious universities, and its reputation for excellence has been well-earned. 

- As part of its commitment to education, MIT offers a range of free courses that are open to anyone who wishes to take advantage.
 
- These courses cover a wide variety of topics from engineering and computer science to business management, mathematics, physics and more. 

- The best thing about these free courses is that they provide an opportunity for anyone with interest in learning something new or honing their skillset without having to pay tuition fees or commit long-term financially. 

- The quality content provided by MIT’s faculty ensures that students receive high-quality instruction whether online or on campus - making them some of the best online resources available today! 

- Furthermore, many classes are self-paced so you can complete them at your own pace while still receiving support from experienced instructors when needed. 

- The availability of these free courses makes taking up higher education more accessible than ever before - especially for those who may not have access otherwise due to financial constraints. 

- Opening up opportunities which were previously reachable due to cost barriers alone! It also allows individuals to look into specific subjects such as technology-related fields like Artificial Intelligence (AI), Internet Of Things (IoT) etc.

- To gain knowledge without breaking bank accounts too much  providing an invaluable experience which could be leveraged later down life path. 

- All this combined together makes MIT's Free Courses truly unique offering unparalleled educational benefits compared to other institutions around the world!


###### MIT University 🎓 is offering 5 free courses 💯 

🎥 {% youtube sz-WWN2px7k%}


#### Bonus

###### 15 Free Harvard Courses🎓📣🔥🎉

🎥 {% youtube mdlS34KDlCk&t=2s%}


### Connect with Me 😊

#### 🔗 Links

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/mahmoud-el-kariouny-822719149/)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/Mahmoud42275)
Web Development VS Android Development: What Should I Learn
Published: 2023-02-03 19:34:59

<p>If you’re interested in a career in software development, you may be wondering whether you should learn web development or Android development. Both fields offer exciting career opportunities and have their own unique set of benefits.</p><p>One factor to consider when deciding between web development and Android development is the type of devices you want to target. Web development involves creating applications and websites that can be accessed from any device with a web browser, including desktop computers, laptops, tablets, and smartphones. Android development, on the other hand, involves creating apps specifically for Android devices. If you want to build applications that can be accessed from a wide range of devices, web development may be the way to go.</p><p>Another factor to consider is the programming languages and frameworks you are interested in learning. Web development often involves languages such as HTML, CSS, and JavaScript, as well as frameworks such as React or Angular. Android development involves learning a language such as Java or Kotlin, as well as frameworks such as Android Studio. If you have a preference for certain programming languages or frameworks, this could influence your decision between web development and Android development.</p><p>It’s also worth considering the job market and career opportunities in each field. Web development is a large and growing field, with many companies seeking web developers to create and maintain their websites and web-based applications. Android development is also a growing field, with the increasing demand for mobile apps on Android devices. Both fields offer good career prospects and salaries, although the specific job market and demand for skills may vary depending on your location.</p><p>Ultimately, the decision between web development and Android development will depend on your personal interests, goals, and skills. Both fields offer exciting career opportunities and the chance to work on interesting and impactful projects. It may be worth considering learning both web development and Android development, as having skills in both areas can make you a more versatile and in-demand developer.</p><p>In conclusion, whether you choose to learn web development or Android development will depend on your personal interests, goals, and skills, as well as the type of devices you want to target and the programming languages and frameworks you are interested in learning. Both fields offer good career prospects and the opportunity to work on impactful projects, and it may be worth considering learning both web development and Android development to broaden your skills and increase your versatility as a developer.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c3f5bec6fe2" width="1" height="1" alt=""></br><p style="color:#757CF9;">This article is published w/ <a target="_blank" href="https://scattr.io?ref=dev">Scattr  ↗️</a></p>