teleren/devto huggingface dataset:
Playing around with Ceph Rados
Published: 2022-11-07 19:16:21

---
title: Playing around with Ceph Rados
published: true
description: We look into Ceph Rados and try to figure out how Ceph stores data. The main goal is to read data from one cluster as raw objects and write it back to another cluster.
tags:
cover_image: https://i.ytimg.com/vi/sjE2QZ17uUo/maxresdefault.jpg
---

{% youtube sjE2QZ17uUo %}

We look into Ceph Rados and try to figure out how Ceph stores data. The main goal is to read data from one cluster as raw objects and write it back to another cluster.
At 30% And Things Get Advanced
Published: 2022-11-07 19:13:20

Another week is behind me now. Since last week, things started to get complicated, and I had to rewatch the lectures like crazy, they were from the sections; "How JavaScript Works Behind the Scenes" and "Data Structures, Modern Operators and Strings".

But the best part about all was that I could grasp the concepts at the end, and tomorrow, when the code challenge lecture comes, I'm confident that there will be no big problems.

I am pretty convinced that after tackling all the sections and being able to apply all the knowledge that's acquired, I'll probably make be a good junior JavaScript developer candidate for most of the workplaces.
Useful PDF Tools
Published: 2022-11-07 19:06:32

There are quite a lot of useful pdf tools that beginners can use to convert files to pdf files for easy delivery from one computer to another! Some useful site that I found are: 

pdf2go - a free browser extension where you can edit, repair, and convert files to pdfs in a few easy steps

Compress2Go - a free browser extension where you can compress images, videos, and files into a tiny size to transfer easily over email

Google Docs- free on browser, ios, or android systems where you can create word docs, spreadsheets, or make a presentation easily while also having the ability to convert files to pdfs
How to Follow the Tag for C Programming
Tags: c, programming, help
Published: 2022-11-07 19:05:59

I'm new to the DEV Community and when I was given a list of tags I could follow, I couldn't find one for C (i.e. the C programming language). I did find it eventually, but it took some effort. I ended up using Google to search for "site:dev.to C Programming".

Here's a quick link to the official page for the C tag:

[https://dev.to/t/c](https://dev.to/t/c)

If you go to that page, there's a button you can click to follow the `#c` tag.

P.S. The tag for C# isn't `#c#`, it's `#csharp`.
TLS with Nitrogen
Tags: webdev, beginners, nginx, opensource
Published: 2022-11-07 14:46:28

I was recently reminded about the tool [mkcert](https://github.com/FiloSottile/mkcert) and it inspired me to add a TLS example to the [Nitrogen](https://github.com/capeprivacy/nitrogen). `mkcert` makes its incredibly easy to test TLS with your application during local development. Its **very** important to note that the TLS certificates generated by mkcert should only be used for development and never production applications.

## mkcert

Just a quick overview of `mkcert`. Before doing anything you must install the CA to your local machine:

```
mkcert -install
```

Then generating a certificate for localhost is as simple as running:

```
mkcert localhost
```

## nginx

Adding TLS certificates requires editing a `nginx.conf` file and putting the file in the proper place for `nginx` to read.

Example nginx configuration file with TLS enabled:

```
server {
  listen 443 ssl default_server;

  ssl_certificate /etc/ssl/certs/nitrogen.pem;
  ssl_certificate_key /etc/ssl/private/nitrogen.key;
}
```

Then in the Dockerfile we would have some entries like:

```
COPY nginx.conf /etc/nginx/conf.d/nginx.conf
COPY nitrogen.key /etc/ssl/private/nitrogen.key
COPY nitrogen.pem /etc/ssl/certs/nitrogen.pem
```

## Nitrogen Example

Check out the full example [here](https://github.com/capeprivacy/nitrogen/tree/main/examples/nginx-tls). This is a condensed version.

**Note: also useful to checkout the nitrogen [README.md](https://github.com/capeprivacy/nitrogen#readme) first as well**

**Note: you'll also need an AWS account :D**

First you'll need to clone the repo and install `nitrogen`:

```
$ git clone https://github.com/capeprivacy/nitrogen
$ curl -fsSL https://raw.githubusercontent.com/capeprivacy/nitrogen/main/install.sh | sh
```

Then from the root of the repo (`cd nitrogen`) you can run the following commands and hopefully see some glorious HTML served over TLS:

```
$ nitrogen setup nitrogen-nginx-tls ~/.ssh/id_rsa.pub
```

From setup you should see an ec2 hostname which needs to be used in the next command:

```
$ mkcert -install
$ mkcert -cert-file nitrogen.pem -key-file nitrogen.key <HOSTNAME FROM ABOVE>
$ cp nitrogen.pem nitrogen.key examples/nginx-tls
```

```
$ nitrogen build examples/nginx-tls/
$ nitrogen deploy nitrogen-nginx-tls ~/.ssh/id_rsa
```

Finally you can run `curl`:

```
$curl https://<HOSTNAME FROM ABOVE>:5000/
```

Finally finally, tear down your cloud formation stack so you don't get charged unnecessarily:

```
$ nitrogen delete nitrogen-nginx-tls
```

Thanks for reading! We'd love to hear what you think in the comments below. [Please star Nitrogen on GitHub](https://github.com/capeprivacy/nitrogen/), and come chat on [Discord](https://discord.gg/nQW7YxUYjh).
A Reading Management System: Now onwards
Tags: writing
Published: 2022-11-07 19:00:00

I've been a little busy, and I forget to post the second part of this series. But as the saying goes, “Late is better than never”, so let's continue.

It was the beginning of 2022, and the possibility of returning to on-site classes stood on the horizon. My reading pacing slowed down. Emotionally I was not at my best I felt sadness because of the failure of my project. I had considered dropping out of my college studies. Then, I started looking for ideas for a new project, one of them was the idea of building a library, not the computational one, but after feedback from some friends, I put that project on hold.

Sometime later, I remembered the idea for the **Reading Management System** and decided to give it another try.

This time, I invested more time in the business idea. Thanks to some **Platzi** courses, I made a **Lean canvas model** for it. Here I share a tweet I made with the first iteration of the **Lean canvas model** in Spanish because the course and my target speak Spanish.

{% embed https://twitter.com/ulisesaam/status/1526768263765454850?s=20&t=cmTMeF5C8qEfXUd-Sji-FQ
 %}
After that, I had conversations using the **Mom test methodology** with possible users and friends to validate and reshape my idea.

The idea is still evolving thanks to the feedback I got during the conversations using the **Mom test methodology** and changes in how I read the content.

So I decided to focus first on a library that eases the development of book-related software in Haskell. More on this in the next post of this series.
Multiple Laravel developers Required
Tags: job, laravel, webdev, javascript
Published: 2022-11-07 18:34:41

We are looking for outstanding Laravel Developers to join our growing software development team. If you have a strong background in Laravel Development and have a passion for innovation and technology, come and join our team! You will collaborate with the team to create high-quality online apps, services, and tools for our company.
At SoftSolex, we offer above-industry compensation, perks, benefits, and career growth prospects.
Pense como um iniciante sempre.
Tags: devrel, beginners
Published: 2022-11-07 18:27:50

Nos últimos dias tenho pensado muito como alcançar resultados em áreas que não domino.

Minha primeira atitude foi parar e pensar em como eu cheguei a esse momento, e a primeira coisa foi manter meu pensamento como o de um iniciante.

Sempre que adotamos uma mentalidade de iniciante na forma que executamos uma tarefa, nós somos forçados a questionar suposições e isso nos permite que não sejamos influenciado a aceitar as coisas só porque sempre foram feitas de determinadas maneira. 

Pensar como um iniciante cria espaço para inovar em como as tarefas de fato deveriam serem feitas e com isso conseguimos uma forma de desaprendizagem lúdica de algo que seria um processo temido pela maioria das pessoas.

A confiança faz com que mudanças sejam mais lentas. Criar novos elos de confiança num processo já consolidado é um desafio, mas todos precisamos rever esses modos de operar, senão, estamos nos distanciando do processo de inovação que tanto desejamos em nossos produtos.

 #inovação
It's Not Too Late to Learn Touch Typing
Published: 2022-11-07 18:26:29

I have been using a computer for more than twenty-five years. I never cared about how people use the keyboard when typing, until I met my wife and saw how good she was...she didn't even have to look at the keyboard and she was fast. When she told me that she learned it at a very young age, I immediately felt that I was way behind and that maybe it was too late for me to achieve that level. 

I continued typing by using only two or three fingers on each hand, keeping an eye on both the keyboard and the screen, like most old people do. Last week, when I was preparing for coding bootcamp, I read about Touch Typing and how each finger is supposed to be used for every key. Then, I started practicing it and realized how easy and efficient the technique is! Although I am still slow, I am getting better and faster each time. 
I'm using it now! Si se puede!
I Created a pure Unicode Code Highlighter :P
Tags: showdev, toyproject, javascript, webdev
Published: 2022-11-07 18:09:24

---
title: I Created a pure Unicode Code Highlighter :P
published: true
description: It is a simple parser and module that modifies unicode variation of string parts to accomplish code highlighting
tags: #showdev #toyproject #javascript #webdev
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-11-07 17:59 +0000
---

The tool is called "Unilight". It is a simple parser and module that modifies unicode variation of string parts.

So you can highlight anywhere that doesn't accept rich editing, just have a pure string that accepts unicode variations. Works for almost any lang, take a look, this is a simple and pure STRING haha:

.......
// 𝕋𝕙𝕚𝕤 𝕚𝕤 𝕒𝕟 𝕖𝕩𝕒𝕞𝕡𝕝𝕖

𝗳𝘂𝗻𝗰𝘁𝗶𝗼𝗻 example() {
  𝗰𝗼𝗻𝘀𝘁 a = "fizz";
  𝗰𝗼𝗻𝘀𝘁 b = "buzz";
  𝗿𝗲𝘁𝘂𝗿𝗻 a+b;
}
.......

You can highlight your code here: 
https://felippe-regazio.github.io/unilight/

Source code and documentation here:
https://github.com/felippe-regazio/unilight

Warning:

This is a toy project made for aesthetic reasons only (just wanted to code). I made it because I wanted to study a few things about parsers and do something with it. However, there are important weaknesses of this technique:

1. Systems that do not support unicode will not display the text

2. Since unicode variations are hidden characters, the string will always be longer than it looks

3. Interpreters will not run the code because they don't know these chars, it will have to be sanitized

The tool is more useful for aesthetic reasons in fact, you can highlight simple snippets on a tweet, for example. I think the most interesting thing here is: The source code and the relationships between it (if you're a beginner/intermediate it might be a good thing to see given its simplicity), and the parser (if you're more advanced in js, good luck with that).
Have you ever thought your project is getting popular?
Tags: webdev, javascript, opensource
Published: 2022-11-07 18:02:25

I wrote a little tool for myself to help me with generating approve messages for Pull Requests, because I usually check PRs in the evening and my brain can't come up with something and I write "LGTM". But I hate LGTM comments as they doesn't provide any feedback, when I see LGTM, I usually think about "It looks okay, merge it".

I'm using this app often, and at Hacktoberfest, a few people improved a little bit this app and added an ability to generate emojis, wrote few tests and now this project has 13 stars and I feel it's getting more popular and I'm so happy about. 

I know it's just a small tool, you can code in an hour, but have you ever experienced that feeling? I know it's not a huge startup, or something like that. It's more about fun and I love that someone is supporting this fun 😍

P.S. This is the tool I'm talking about https://pr.pavelkeyzik.com

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fp7iuyhgaarg4ufzvxji.png)
GitHub Universe 2022
Tags: github, codespaces, vscode, quantumcomputing
Published: 2022-11-07 17:58:49

I cannot believe it's almost time for GitHub Universe 2022!! It has been super fun working with the [GitHub Codespaces](https://github.com/features/codespaces) team and the [QIR Alliance](https://www.qir-alliance.org/) to prepare for the event, and I'm so excited to be able to share what I have been up to.

tl;dr: _You can develop for and with quantum computers from your tablet on the beach_ 😎

Bold claim, I know, but I will show you in my Community Stage session **[Quantum development with Codespaces](https://githubuniverse.com/events/detail/virtual-schedule/00191b20-fdaa-4930-9) on Thursday Nov 10 from 11:30 AM - 12:00 PM**. The demo I put together will show you an example of how the  QIR alliance is using tools like [Codespaces](https://github.com/features/codespaces), Python and [Jupyter Notebooks](https://jupyter.org) to build the infrastructure for quantum computing. The QIR alliance is a Linux Foundation project that helps develop the specifications for the compilers, front-ends, and hardware that make quantum devices work.

I'll be posting during the event on [Mastodon](https://mathstodon.xyz/@crazy4pi314), and make sure to check back here for my notes on the event as well as some more fun experiments with Python and Codespaces 🐍💖
Doubly meaningful variable names
Tags: career, motivation, climate
Published: 2022-11-07 17:58:00

---
title: Doubly meaningful variable names
published: true
description: What's the snake_case vs CamelCase argument in the meaning of life? FortyTwo or forty_two?
tags: #career #motivation #climate
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lvwaynorhxzzzhnzvjb5.jpg
published_at: 2022-11-07 17:58 +0000
---
> *Header image by* [*Lucian Petrean CC*](https://www.pexels.com/photo/thoughtful-mature-man-standing-behind-glass-near-wall-4347190/)

---

Giving meaningful names to our functions and variables helps communicate the context around our code.

Inspired by a [LinkedIn post from Lowell Bander](https://www.linkedin.com/posts/lowellbander_so-giddy-to-be-writing-important-code-activity-6991156524966432768-c5Oc) I recognised another layer of meaning in my code; one that communicates the motivation for why I code.

Here’s a snippet I was working on:

![Meaningful code about solar generation and carbon savings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ztbam0kuepj4izgeqbzf.png)

I’ve already posted about [why now is the best time to work in the energy industry](https://dev.to/inrange/put-a-spark-in-your-career-path-37mn) and it’s nice to have frequent reminders that the work is important. We’re installing solar and avoiding carbon emissions - tonnes of it!

Just as we all prefer different naming conventions, we all find motivation from different places. I hope that you can look at your code today, put aside debates about [Hungarian notation](https://en.m.wikipedia.org/wiki/Hungarian_notation), [camelCasing](https://en.m.wikipedia.org/wiki/Camel_case) or [PEP 8](https://peps.python.org/pep-0008/) and recognise something which gives you a sense of meaning and purpose.
Start Teaching and Using Accessibility Early
Tags: webdev, beginners, a11y
Published: 2022-11-07 17:55:39

My 12 year old son recently came to me for assistance with adding a caption to a picture in a PowerPoint he was creating for a school assignment. He asked me, “is that what the Alt tag is for?” 

I then explained to him the purpose of the alt tag and it’s necessity to include in all capacities. We also went over adding captions to answer his original question. He has committed to updating the ALT tag for all images in his digital media which will provide contextual information for those who may not be able to see the images. 

Then the thought occurred to me. 


![guy holding a lightbulb over his head with a look of contemplation as the lightbulb ignites](https://cdn.hashnode.com/res/hashnode/image/upload/v1667842250253/9zoNb0PHB.gif align="left")

If we begin teaching accessibility and it’s principals to children who are just being exposed to creating documents for others, we could create a foundation of accessibility for the future. 

![orange and white honeycomb style grid of blue communication and accessibility icons](https://cdn.hashnode.com/res/hashnode/image/upload/v1667842046852/8s8kJ4cMK.png align="left")

If kids are taught and exposed to accessibility options and understand them early, they may be more inclined to use them each time they create something. This doesn’t apply only to web development, or software development, but all produced media could benefit from accessibility in one way or another. 

My son was exposed to Microsoft Office products in First Grade. He began typing up assignments and writings, before eventually progressing to adding images and other content to his work over the last few years. If we started teaching to add accessibility elements to this content from the very beginning, it would create an accessibility conscious future.

If you have the power to educate the youth, consider a few small lessons on accessibility to at least bring awareness to the tools and capabilities to ensure everyone can benefit from the content. 

The sooner we all begin to understand and apply accessibility focused digital content, the sooner we can make an impact that will last generations.
JavaScript concepts you need to know before getting into React...
Tags: javascript, react, webdev, programming
Published: 2022-11-07 17:18:37

**1.Arrow Functions:**
    An arrow function expression is a compact alternative to a 
    traditional function expression.
    https://javascript.info/arrow-functions-basics

**2.Let/var/const variables:**
  Understand the difference between them, uses and their 
  respective scopes.
  https://youtu.be/BNC6slYCj50

  https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/

**3.Destructuring assignment:**
  JavaScript expression that makes it possible to unpack values 
  from arrays, or properties from objects, into a bunch of 
  variables.
  https://youtu.be/giNjEgYTd9E
     https://developer.mozilla.org/enUS/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

**4.Template Literals:**
  With ES6, a newer form of string called template literal was 
  given, which consists of two backticks ` `.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

https://youtu.be/K4Kh5gw4PRE

**5.Using Fetch:**
  The Fetch API provides a JavaScript interface for accessing and 
  manipulating parts of the HTTP pipeline, such as requests and 
  responses.
https://youtu.be/drK6mdA9d_M

https://developer.mozilla.org/enUS/docs/Web/API/Fetch_API/Using_Fetch

**6.Import / Export:**
  ES6 gave people ability to share code between their own 
  JavaScript files as well as third-party libraries using ES 
  modules.
https://youtu.be/s9kNndJLOjg

https://javascript.info/import-export

**7.Async Js, Promise, Callback:**
  Such topics have been given in this thread, checkout.
  https://youtu.be/ZYb_ZU8LNxs

**8.Array functions- Map, Reduce, and Filter:**

https://youtu.be/zdp0zrpKzIE

https://www.geeksforgeeks.org/how-to-map-reduce-and-filter-a-set-elementusingjavascript/#:~:text=The%20map()%2C%20reduce(),instead%20of%20using%20the%20loops.


If You Want to learn Javascript in detail you can refer 
"Namaste Javascript" YouTube playlist 👇

https://youtube.com/playlist?list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP
schema tab is missing from playground
Tags: gqlgen, go, graphql
Published: 2022-11-07 17:10:36

There is no way to download the schema so it can be imported into a client.  At one point I remember seeing it, now it's gone.  Even starting from scratched with the "TODO" demo, there is no schema tab.  I remember at one point someone mentioned that it had to do with a newer go version but I can't find that thread and it was not resolved when I saw it.  Any ideas?
(VIDEO) NodeJS and React - Go LIVE using Render
Tags: webdev, react, node, deployments
Published: 2022-11-07 16:39:51

---
title: (VIDEO) NodeJS and React - Go LIVE using Render
published: true
description: This video explains how to deploy LIVE a full-stack product powered by NodeJS and React on Render in just a few minutes using the CLI.
tags: webdev, react, nodejs, deployments
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pz94bj7yyyogcexqzy2z.jpg
canonical_url: https://blog.appseed.us/nodejs-and-react-go-live-wih-render/
---
Hello coders! 

The video mentioned in this article explains how to deploy LIVE an open-source [React Product](https://appseed.us/product/datta-able/api-server-nodejs/react/) using a [NodeJS API](https://appseed.us/boilerplate-code/nodejs-starter/) backend using the **Render** Deployment platform. All resources used in the demonstration are free and released on GitHub under MIT License.  `

> `Thank you!`

- 👉 (free) [React Node Datta Able](https://appseed.us/product/datta-able/api-server-nodejs/react/) - the product used for deploy
- 👉 (free) [Render Deployment Wrapper](https://github.com/app-generator/deploy-automation-render) - `CLI deployer`

--- 

## VIDEO Transcript

- ✅ Fork the products: [React UI](https://github.com/app-generator/react-datta-able-render) and [NodeJS API](https://github.com/app-generator/api-server-nodejs-demo)
- ✅ Deploy the API using the [Deployment Wrapper](https://github.com/app-generator/deploy-automation-render)
- ✅ Deploy the **React UI** (same deployer)
- ✅ Configure the API_URL in the environment
- ✅ Access the [LIVE Deployment](https://react-node-js-datta-able.appseed-srv1.com/)
- ✅ Create a new user and authenticate

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

---

> **Thanks for reading!** For more resources and support, please access:

- 🚀 Free [support](https://appseed.us/support/) provided by AppSeed (email & Discord)
- 👉 More [free apps](https://appseed.us/apps/open-source/) crafted in Flask, Django, and [React](https://appseed.us/apps/react/)