teleren/devto huggingface dataset:
Accessibility issues in code editors?
Published: 2022-12-25 07:43:30

  We are living in an era where we are moving towards cloud computing. We are constantly finding new wayes to stay connected with our development environment and code repositories. Naturally coding with smartphone comes to mind. To facilitate this, many browser based code editors are being developed. We have browser based code editors like [Visual studio code for web] (https://vscode.dev) and [dartpad](https://dartpad.dev) These works for everybody. Right?
## problems
These tools are great for those people as well who does not have access to a laptop or a PC. These tools does not work for visually impaired people like me who wants to code using their mobile. These code editors have several issues.
### Inaccessible interface
There are several code editors and integrated development environments on web. They all have nice looking interface. But those websites generally does not have great support for screen readers. They have several buttons with appropriate icons but without any text. [Gitpod](https://Gitpod.io) is good example of this issue.
### Issues while navigating code
We have several code editors with accessible user interface like [Visual studio code for web] (https://vscode.dev)
But in these code editors, With each keystroke, interface is being constantly updated. I understand that this provides features like auto complete and intonation. But These disturb screen reader user greatly. as soon as I press "enter", it becomes impossible to read previously written code somehow. It becomes impossible to navigate code line by line through features provided by screen readers(Talkback)  on mobile.
[FreeCodeCamp](https://freeCodeCamp.org) is great site for learning how to code. But I was unable to complete any courses because of enaccessible coding environment.
### Android apps?
I was unable to find good Android apps for editing and writing code. Few apps are available but they all suffer from above mention issues.
### Solution?
I wrote this article to seek help and suggestions. I need simple user interface with a normal input field where I can write and edit code. [Github](https://github.com) and [Dev.to](https://dev.to) have great edit boxes. that's why I was able to publishe the post.
Additionally buttons can be provided by clicking on them I can auto format my code if needed. Sum of above mentioned code editors are open source project. People can contribute and make them accessible for all. Additionally all softwares should be tested by each user group. For example it doesn't hert to have a visually impaired person in the team who is able to test and give feedback about the use of software in mobile phone.
Thanks to [Dev.to](https://dev.to) for enabling me to publish the post through their accessible interface.
Bring a Game on Blockchain
Tags: game, crypto, wallet, dev
Published: 2022-12-25 07:35:17

---
title: Bring a Game on Blockchain
published: true
description: 
tags: game, crypto, wallet, dev
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-12-08 16:01 +0000
---

Today, we are talking about if you were to bring your own game on a chain and make it a Web3 game, what the whole process looks like and what kind of problems developers might encounter.

Many great Web3 gaming startups are struggling to find a decent developer team. They are experienced with game design themselves, but building smart contracts is still a pickle.

**Bringing a Web2 game on chain has many benefits.** Minting an in-game asset involves creating a unique digital item that can be owned and traded within a game or other online platform. To mint an in-game asset, you will need to follow these technical steps:

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

**1. Choose a blockchain platform:** Select a blockchain platform that supports the creation and management of non-fungible tokens (NFTs), which are unique digital assets that can represent in-game items, collectibles, or other types of assets. Some popular blockchain platforms for NFTs include Ethereum, EOS, TRON, and more.

**2. Set up a wallet:** Create a wallet for the chosen blockchain platform. This step allows you to manage your assets and interact with the blockchain.

**3. Design and create the asset:** Design and create the in-game asset using digital art software or other tools.

**4. Write a smart contract:** Write a smart contract using the programming language of the chosen blockchain platform. The smart contract will define the properties and behavior of the in-game asset, such as its name, description, and any other relevant details.

**5. Deploy the smart contract:** Use the tools and processes provided by the blockchain platform to deploy the smart contract to the blockchain. It will typically involve signing the contract with your private key and submitting it to the blockchain for execution.

**6. Mint the asset:** Use the smart contract to mint the in-game asset. You could do so by calling a function within the contract that creates a new instance of the asset and assigns it to your wallet.

**7. Integrate the asset into the game:** Write code to handle the in-game asset within the game and to interact with the blockchain. This may involve implementing APIs or other interfaces to read and write data from the blockchain.

Typically, it would take a month or more for a team of 5 people to complete this process. However, by using SDK, a team can reduce the time for all these steps above to **15 minutes**. Learn more about the details regarding in-game asset minting and NFT marketplace from this guide: https://blog.mirrorworld.fun/p/bring-a-game-on-blockchain-in-game
First Lesson
Tags: beginners, programming, tutorial, python
Published: 2022-12-25 07:15:37

phyton bu mukammal dasturlash tili bo'lib,bu tilni biz web dasturlash,turli xil o'yinlarni yaratish,malumot bazasi bilan ishlashimiz mumkun.
phyton dasturlash tilining muallifi-GUIDO VAN ROSSUM bo'lib,bu dasturlash tilining tuzilgan yili 1991-yilning 20-fevraliga to'g'ri keladi.oradan 31yil o'tibdiki lekin,hali hanuz phyton dasturlash tilidan foydalanib kelinmoqda.
phytonda ishlash uchun siz uni tilini bilishingiz kerak.buning uchun siz phytonga tegishli kodlarni bilishingiz shart.
men shulardan birozgina qismini sizlarga aytib o'taman:
phytonda ''print'' so'zi chop etish degan manoni beradi.misol
''print('hello world')'' bu so'zning manosi ''hello world''so'zini chop et degan manoni beradi.
''variables'' bu so'zning manosi ''o'zgaruvchi'' degani
misol:x=10,y=12,c=x+y
print(c) shunda bizning ekranimizda 22 soni paydo bo'ladi chunki 
x 10 ga teng, y 12 ga teng,c esa x va y ning yig'indisiga teng shunda x va y ning qo'shilmasi 22 soniga teng bo'ladi
#-bu belgi bir qator komentariya yozishga imkon beradi
agarda siz ko'p qatorli komentariya yozmoqchi bo'lsangiz u holda 
'''''' shu belgini komentariya boshiga va oxiriga qo'yasiz.
endi printga misollar:
print('222222')
print('2    2')
print('2    2')
print('222222')
bu xolda bizning ekranimizda
222222
2    2
2    2
222222
shu 2li to'rtburchak paydo bo'ladi.
endi variablesga misollar:
x=1000
y=1100
c=x+y
print(c)
bu xolda bizning ekranimizda
2100
shu son paydo bo'ladi
veriables(haqida)
Published: 2022-12-25 07:02:38

O'zgaruvchi —kompyuter xotirasida ma'lum bir qiymatni saqlash uchun ajratilgan joy. Soddaroq qilib tushuntirsak, o'zgaruvchini quti, quti ichidagi narsani esa qiymat deb tasavvur qilish mumkin. Pythonda qiymatlar son, matn, ro'yxat va hokazo ko'rinishida bo'lishi mumkin.
veriables
Published: 2022-12-25 06:56:28

a=15
b=10
c=a+b
print(c)

print("natija:",c)
bu - natijani chiqar
yan biz o'tgan darsda int va str tiplarini o'tgandik .

a=input('Birinchi sonni kiriting: ')
b=input('Ikkinchi sonni kiriting: ')
c=int(a)+int(b)
print('Natija:', c)

a=input('Ismizni kiriting: ')
b=input('yoshizni kiriting: ')
c=str(a)+str(b)
print('Natija:c')

int tipi butun sonlar uchun
str tipi esa matnlar uchun
FlatIron Phase 1 Project
Tags: beginners, programming, javascript
Published: 2022-12-25 00:22:26

Introduction
Phase 1 was a whirlwind of struggle. We were tasked with our JS final project utilizing an API to create an app that is HTML/CSS/JS frontend. It is supposed to run solely on a single page, and incorporates at least 3 event listeners. I decided to create this project based on what seems the most attainable with the amount of time I had. Because of how rigorous this bootcamp is, I decided to do something with food. I came to this conclusion because I have spent majority of my time working or studying that I had a lack of food. I came across this API and thought it was perfect for this project. 

Functionality
In my project I wanted you to be able to:
- search an ingredient and have it pop-up a dish
- click a dish and have it show the recipe
- have that pop-up display a link to video that allows you to watch it.

I was really excited at how smoothly this process went. My buttons worked! However, I had a hard time deciding how to design my app. Choosing the layout and colors and font were all hard to decide as it required a creativity and outputting that design. I decided to go with a grid layout and it looked very professional! 

I was also really happy at how everything came together! I had doubts on my capability of pulling off this project, but when I was coding everything seemed to make sense and every lab and practice showed! Being able to create functional html code utilizing Javascript is always satisfying!

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

One of the greater slumps that I had during phase one was understand array iterations, particularly .map(). What this does is transform every element in an array to another value. .map() will return a new array that is the same length as the original array.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0pthp021ou054j3qz0jd.png)
Although I did not utilize this method within my code, it was probably the hardest thing to understand for me. 

With everything that I have learned, I created a functional code that allows me to interact with my web app and utilize it!

Thank you for taking your time in reading my blog! If you want to see my final project, please check it out: https://github.com/vivianho03/Phase-1-Project.git
Variables
Published: 2022-12-25 06:49:09

what is a variables? In programming, a variable is a value that can change, depending on condition passed to the program. Typically, a program consists of instructions that tell the computer what to do and data that the program uses when it is running.
Variables problems:

a=input("enter your name: ")
b=input("enter your last name: ")
d=input("enter your age: ")
c=str(a)+str(b)
e = int(d)
print("answer",c)
First lesson
Tags: beginners, programming, python
Published: 2022-12-25 06:40:29

payton bu - dasturlash tili bo'lib . U 1991-yilda guid van Rossum tomonidan yaratilgan.U eng kerakli dasturlash tillaridan biri . U eng onson va qulay tillardan biri. 'print' bu chop etish . masalan print ("shoxjaxon") shoxjaxon so'zini chop et . bu kod orqali masalalarni , turli shakllarni va shunga o'xshash narsalarni yaratsa bo'ladi. veriables - ya'ni o'zgaruvchi . masalan 
a=15
b=10
c=a+b
print(c)

print("natija:",c)
bu - natijani chiqar
yan biz o'tgan darsda int va str tiplarini o'tgandik .

a=input('Birinchi sonni kiriting: ')
b=input('Ikkinchi sonni kiriting: ')
c=int(a)+int(b)
print('Natija:', c)

a=input('Ismizni kiriting: ')
b=input('yoshizni kiriting: ')
c=str(a)+str(b)
print('Natija:c')

int tipi butun sonlar uchun 
str tipi esa matnlar uchun
Yet another 4 JavaScript tips for shorter code
Tags: javascript, html, webdev, es6
Published: 2022-12-25 06:33:46

Seems like JavaScript never ceases to surprise me, perhaps that would explain why I’m writing another blog on JavaScript tips, and I honestly don't see this blog series ending in near future.

This will be my continuation to my previous two blogs on the same topic : [4 JavaScript Tips for Shorter Code](https://dev.to/abhi_vp_/4-javascript-tips-for-shorter-code-4b86) and [Another 4 JavaScript Tips for Shorter Code](https://dev.to/abhi_vp_/another-4-javascript-tips-for-shorter-code-2k9c). It’s not necessary that you read those, but it is recommended as they can be really useful.

## 1. Conditionally add keys to an object.

Javascript object contains props and its values, and some times we might have to conditionally add more prop value pairs in it. The following syntax can be used for it.

```js
const obj = {
  ...(condition && { someprop: propvalue }),
  ...otherprops,
};
```

In the below example, `hobbies` are added in the `personDetails` object only if the number of `hobbies` are greater than 0

```js
const hobbies = ["painting", "cooking", "reading"];
const personDetails = {
  name: "John Doe",
  age: 25,
  ...(hobbies.length > 0 && { hobbies }),
};
```

## 2. Keys, Entries and Values.

Another tip for dealing with objects ? Yes.

`Object.keys()` returns the list of property names.
`Object.values()` returns the list of property values,
`Object.entries()` returns the list of pairs of property names and corresponding values

Above functions will take the object as a parameter and returns the output accordingly

```js
const personDetails = {
  name: "John Doe",
  age: 25,
};
```

`Object.keys(personDetails)` will return `[ 'name', 'age' ]`.
`Object.values(personDetails)` will return `[ 'john doe', 24 ]`.
`Object.entries(personDetails)` will return `[ [ 'name', 'john doe' ], [ 'age', 24 ] ]`.

## 3. Defaut values using `||`.

You can assign a default value to a variable using `||` operator. This tip is very useful if you’re dealing with APIs, and will act as a failsafe mechanism. In case an API breaks we can use this method to give a default value accordingly.

In the below example, `age` is evaluated to `false` since its `undefined`, giving `newAge` a value of `5`.
const age = undefined;

```js
const newAge = age || 5;
```

## 4. Formatting json using JSON.stringify().

`JSON.stringify()` can be used to convert a javaScript value to `JSON` string. The value to be converted can be passed in as a parameter. It also takes in two optional parameters, `replacer` and `space`. We can use the third parameter to format the output.

```js
const personDetails = {
  name: "John Doe",
  age: 25,
};
```

Now if we run the below line, the output would be a single lined.
`console.log(JSON.stringify(personDetails))`
Output : `{"name":"John Doe","age":25}`

But if we were to add the other two parameters, the output would be formatted.
`console.log(JSON.stringify(personDetails,undefined,2))`
Output :

```
{
  "name": "John Doe",
  "age": 25
}
```
5 of the best website for junior front end developer
Tags: webdev, beginners, tutorial, javascript
Published: 2022-12-25 06:09:52

Here are five websites that can be helpful for front-end developers:
## 1. [CSS Tricks](https://css-tricks.com/) 
- CSS Tricks is a blog and resource site that focuses on CSS and front-end development. It features articles on a wide range of topics, including design, layout, accessibility, performance, and more.

## 2. [Frontend Masters](https://frontendmasters.com/) 
- Frontend Masters is an online learning platform that offers courses and workshops on a variety of programming languages and technologies, including front-end development. It features in-depth video courses taught by industry experts.

## 3. [Smashing Magazine](https://www.smashingmagazine.com/) 
- Smashing Magazine is a popular web design and development magazine that covers a wide range of topics, including front-end development, UX design, and web performance. It features articles, tutorials, and resources on best practices and emerging technologies.

## 4. [FreeCodeCamp](https://www.freecodecamp.org/) 
- FreeCodeCamp is a non-profit organization that offers free coding classes and a full stack development curriculum. Its front-end development course covers HTML, CSS, JavaScript, and responsive design. It also includes projects that allow you to apply your skills and build a portfolio.

## 5. [MetaTags](https://metatags.io)
MetaTags.io is a website that allows users to generate and preview the meta tags (also known as metadata) for their web pages. Meta tags are HTML tags that provide information about a web page, such as its title, description, and keywords. This information is used by search engines to understand the content of a web page and to index it in their search results.

MetaTags.io provides a simple interface for users to input the metadata for their web page, including the page title, description, and keywords. It also allows users to specify the character set and viewport for their web page. Once the metadata has been entered, the website generates the corresponding meta tags that can be added to the HTML code of the web page.

### If you liked this tell me in the comments below and I will create a post every day 

In addition to generating meta tags, MetaTags.io also provides a preview tool that allows users to see how their web page will appear in search engine results. This can be helpful for optimizing the visibility and search engine ranking of a web page.

Overall, MetaTags.io is a useful tool for web developers and SEO professionals who want to optimize the metadata of their web pages for search engines.
how is the blockchain Will revolutionize the world
Tags: blockchain, webdev, programming, opensource
Published: 2022-12-25 05:48:13

## Introduction
I have studied some researches and summarize some of them and i want to share with you the main points.

## 1. The first research:
The first research discusses the potential for using blockchain technology to facilitate healthcare data sharing in a private and auditable manner, while addressing privacy and security concerns. The authors propose a blockchain-based system architecture design and highlight the potential benefits of maintaining pseudonymity, data integrity, and providing auditing capabilities. 
## 2. Second research:
The second Research proposes a framework for data storage and sharing in decentralized storage systems using attribute-based encryption and combining the InterPlanetary File System with the Ethereum blockchain. The proposed framework allows data owners to encrypt shared data with access policies and includes a keyword search function implemented using smart contracts on the Ethereum blockchain. 
## 3. Third Research:
The third Research describes a proposed framework for using artificial intelligence technologies to manage and operate mobile networks automatically, with the aim of overcoming data barriers between different mobile network operators. The authors propose a mutual trust data sharing framework based on blockchain technology and Hyperledger Fabric, which combines supervision and fine-grained data access control using smart contracts to provide a secure environment for data sharing. 
## The Conclusion 
The conclusion of these three research studies is that blockchain technology has the potential to facilitate healthcare data sharing in a private and auditable manner, provide a framework for data storage and sharing in decentralized storage systems, and enable the use of artificial intelligence technologies to manage and operate mobile networks through mutual trust data sharing frameworks. All three studies emphasize the importance of addressing privacy and security concerns, and propose various approaches for maintaining pseudonymity, data integrity, and auditing capabilities. Overall, these research studies suggest that blockchain technology can be a useful tool for addressing data sharing challenges in various contexts, particularly in the fields of healthcare and mobile networks.
Auto reload in laravel using laravel-mix and browserSync
Tags: laravel, webdev
Published: 2022-12-25 05:30:46

if you want to auto reload the page every time your project file change you can use browserSync

### Prerequisite
in this method you must already have laravel project and install and use laravel-mix

### Install browserSync and browserSync web[ack plugin

```
npm install browser-sync browser-sync-webpack-plugin --save-dev
```

### add following code to webpack.mix.js

```
mix.browserSync('127.0.0.1:8000');
```
### then you can watch your project
watch your project with npm run watch (mix watch)
Add TailwindCss to laravel use laravel-mix
Tags: laravel, tailwindcss, webdev
Published: 2022-12-25 05:14:07

Here i will tell you how to add tailwindCss to your laravel project.

### First install tailwindCss, postCss and autoprefixer packages to your project
```
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
```

### Second add tailwindCss to laravel-mix configuration
on webpack.mix.js add following code
```
const mix = require('laravel-mix');

mix.js("resources/js/app.js", "public/js")
  .postCss("resources/css/app.css", "public/css", [
    require("tailwindcss"),
  ]);
```

### Configure your template paths
Add the paths to all of your template files in your tailwind.config.js file.

```
module.exports = {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./resources/**/*.vue",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
```

### Add the Tailwind directives to your CSS
at './resource/css/app.css add this tailwind directives

```
@tailwind base;
@tailwind components;
@tailwind utilities;
```

### Then add link style on your blade file
```
  <link rel="stylesheet" href="{{ asset('css/app.css') }}">
```

### Lastly you can compile laravel-mix
make sure you have alredy set "npm run watch:mix" watch on package.json
```
npm run watch
```

Now you can use tailwindcss on your laravel project
Merry Christmas and Phalcon 5.1.3 Released
Tags: phalcon5, release, christmas
Published: 2023-01-10 23:41:32

---
title: Merry Christmas and Phalcon 5.1.3 Released
published: true
date: 2022-12-25 05:03:11 UTC
tags: phalcon5,release,christmas
canonical_url: 
---

The Phalcon Team wishes all of our friends, contributors, developers and users of the framework a Merry Christmas!. We hope that the new year will bring health and happiness to you and your loved ones!

A Christmas present for the community, Phalcon 5.1.3 has been released. This release contains a few bug fixes.

> A huge thank you to all of our contributors and the community!!

The release tag can be found here: [v5.1.3](https://github.com/phalcon/cphalcon/releases/tag/v5.1.3).

## Changelog

### Fixed

- Fixed `Phalcon\Mvc\Micro::handle` to type check an object for the `finish` [#16240](https://github.com/phalcon/cphalcon/issues/16240)
- Fixed `Phalcon\DI\Service::resolve` to not call the `get()` from the container and cause an infinite loop [#15032](https://github.com/phalcon/cphalcon/issues/15032)

## Thank you

Once again **a huge thank you to our community**!
Start rethinkdb on startup in Arch Linux
Tags: archlinux, rethinkdb
Published: 2022-12-25 03:54:31

Note: This document is a quick note, not a complete guide


Source: *https://rethinkdb.com/docs/start-on-startup/*

Some of the requirements in the *Startup with systemd* section were already present by default in Arch Linux. 

All the commands required to be executed were:
``` bash
sudo systemctl start rethinkdb@default

# gives hints regarding errors
systemctl status rethinkdb@default.service

# this path was found from the above error message
sudo rethinkdb create -d /var/lib/rethinkdb/default

sudo systemctl start rethinkdb@default

# gives hints regarding further errors
systemctl status rethinkdb@default.service

sudo chown -R rethinkdb:rethinkdb /var/lib/rethinkdb/default

sudo systemctl start rethinkdb@default

# check if everything is fine
systemctl status rethinkdb@default.service

systemctl enable rethinkdb@default.service
```


![System Info](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cgsdsioxw4zklz3exg3h.png)