teleren/devto huggingface dataset:
Luna 🌙 - Wrote a tiny WebAssembly compiler, that also runs in browser, built for demonstrative and educational purposes.
Tags: go, webassembly, programming, javascript
Published: 2022-11-01 21:27:07

I've been wanting to learn how to make my own programming language for a really long time, but I could not find the road in the hard theory behind compilers, parsers, ASTs etc... I found the tutorials hard and my attention was not lasting for more than 5 minutes before completely shut down the project.

Some days ago, though something changed.
I'm currently in love with WebAssembly and had this absurd idea of developing a programming language that compiles to WebAssembly.

I didn't know how WebAssembly internals worked so it was the perfect stage to learn something new and make a cool project.

Sold!

Started doing some researches and I found no tutorials except two amazing articles, [one](https://blog.scottlogic.com/2019/05/17/webassembly-compiler.html) was how to build a compile for a custom programming language that compiles to WebAssembly (exactly what i was looking for), [the other](https://www.bitfalter.com/webassembly-compiler-building-a-compiler) was a series of articles on how to build a Web assembly compiler (exactly what i was looking for, again!)

But here come the problems: the first was written in Typescript and the second in Rust.

I wanted to practice Go and I don't know anything about Rust.

So long story short I studied the theory behind those two amazing articles, [WebAssembly specification](https://webassembly.github.io/spec/core/intro/index.html) etc... and I started writing [a compiler in Go](https://github.com/thomscoder/luna) (i love Go).

I've really found no articles about writing WebAssembly compilers with Go, so I decided to document the building of Luna so future Gophers that will have my same idea won't have to struggle as much as I did to find resources.

![Luna screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lufz9oyy136j3hba0f65.png)

Luna mainly compiles WebAssembly Text Format to Wasm, but with small modifications in the tokenizer and parser, it  could also serve as a blueprint for developing custom programming languages in the browser that compile to WebAssembly.

So this is Luna and in this series of articles I will explain EXACTLY how I built it.

Meanwhile you can have a look at: 
- Source code: https://github.com/thomscoder/luna
- Demo: https://luna-demo.vercel.app

Luna is really tiny and it's in early stage, feel free to contribute (update docs, open PR, issues, leaving feedback or suggestions etc...), anything is welcomed!!
why ping pong ?
Tags: ping
Published: 2022-11-01 21:22:27

Acronym for Packet Internet Network Groper, something like packet locator on the internet network

The result is given in a unit of time, usually a few milliseconds. The higher the PING value, the slower the transmission of information within that network and the more difficult it is to synchronize data in real time, which may explain why your connection to the internet or other company computers is so poor. 

Using "ping"

```
root@example:~# ping -c4 yahoo.co.jp 

PING yahoo.co.jp (182.22.25.124) 56(84) bytes of data.
64 bytes from 182.22.25.124 (182.22.25.124): icmp_seq=1 ttl=44 time=308 ms
64 bytes from 182.22.25.124 (182.22.25.124): icmp_seq=2 ttl=44 time=307 ms
64 bytes from 182.22.25.124 (182.22.25.124): icmp_seq=3 ttl=44 time=304 ms
64 bytes from 182.22.25.124 (182.22.25.124): icmp_seq=4 ttl=44 time=313 ms

--- yahoo.co.jp ping statistics ---
4 packets transmitted, 4 received, 0% packet loss, time 3004ms
rtt min/avg/max/mdev = 303.824/308.021/313.393/3.451 ms

```

 - In this example, a ping is sent to the given address, it returns pong.
  - Pong is the response that the server machine sent to the recipient who made the request.
 - [rtt] Round Triple Time. And the round-trip response time.
 - [ttl=49] And lifetime a package can have. It is produced by the operating system and placed inside the ip packet, and each router that it passes "Hop" loses 1. If it reaches zero, this router that took it, has to destroy this packet and inform the origin that the ttl has expired.

Operating systems have a default ttl.

 - Unix and derivatives have ttl ***255***
 - Windows ***128***
 - Linux ***64***

In this case it is possible to know that the server to which the packet was sent is a Linux.

Analyzing this case, let's see: For each router that the packet passed, until it got here it lost 1, it had an average of 30 "Hop" hops. Knowing that it doesn't take more than 30 hops to cross the world, we could say that it would have 30 + 49 = 79.

Based on that we could reach 128 or 64 of ttl. In this case the most plausible option is ttl=64.

In cases where the ttl can be changed, thus making the analysis difficult.

Let's see the example:

```
root@example:~# cat /proc/sys/net/ipv4/ip_default_ttl

64
root@example:~#
```

 - The /proc directory controls kernel properties.
 - If you change the value from 64 to 50, for example, the ttl of the packages will be set to 50.

<br />

[![Texto alternativo da imagem](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ds4alkts3uxq0dsco0nv.png))](https://www.linkedin.com/in/israel-lopes-419a32189)
HTML Tags CheatSheet
Published: 2022-11-01 20:54:13

What is a better way to memorize these tags?

By typing it 3 times

<html></html> - HTML Document tag
<html></html> - HTML Document tag
<html></html> - HTML Document tag

<h1></h1> - Heading Tag
<h1></h1> - Heading Tag
<h1></h1> - Heading Tag

<p></p> - Paragraph Tag
<p></p> - Paragraph Tag
<p></p> - Paragraph Tag

<b></b> - Bold text tag
<b></b> - Bold text tag
<b></b> - Bold text tag

<i></i> - Italic Text tag
<i></i> - Italic text tag
<i></i> - Italic text tag

<ul></ul> - Unordered list tag
<ul></ul> - Unordered list tag
<ul></ul> - Unordered list tag

<ol></ol> - Ordered list tag
<ol></ol> - Ordered list tag
<ol></ol> - Ordered list tag

<li></li> - List item tag
<li></li> - List item tag
<li></li> - List item tag

<form></form> - Create a form
<form></form> - Create a form
<form></form> - Create a form

<table></table> - Create a table
<table></table> - Create a table
<table></table> - Create a table

<th></th> - Table head
<th></th> - Table head
<th></th> - Table head

<tr></tr> - Table Row
<tr></tr> - Table Row
<tr></tr> - Table Row

<td></td> - Table Data
<td></td> - Table Data
<td></td> - Table Data

<a href="url"></a> - Link to stylesheet or etc
<a href="url"></a> - Link to stylesheet or etc
<a href="url"></a> - Link to stylesheet or etc

<img src="url" /> - Link an image
<img src="url" /> - Link an image
<img src="url" /> - Link an image

<br> - Line break
<br> - Line break
<br> - Line break

<hr> - horizontal line
<hr> - horizontal line
<hr> - horizontal line

<input/> - Input tag
<input/> - Input tag
<input/> - Input tag

<button></button> - Button tag
<button></button> - Button tag
<button></button> - Button tag
Career opportunity for VR developer with a gift for teaching
Tags: vr, design, media
Published: 2022-11-01 19:25:46

The FSU Innovation Hub has added a new faculty line for an immersive media developer. Immersive media includes VR, AR, XR, and related technologies. The primary purpose of this position is to teach interdisciplinary courses in immersive media design and development and establish a New and Immersive Media Lab. After an initial semester of planning and development, your teaching load will ramp up to two courses in Fall and two in Spring with additional administrative responsibilities. Funding has been secured for lab equipment (VR Workstations) and student intern support.    

The successful candidate will possess professional-level skills in Unity and/or Unreal development software and will have teaching and course development experience. Additional experience in other areas of new media design is a plus!

The Innovation Hub supports interdisciplinary innovation through Design Thinking and emerging technologies. We are seeking an experienced technician and educator with fresh ideas and energy that will be at home in a dynamic, rapidly evolving environment. This position will be an integral part of Florida State University’s Innovation and Entrepreneurship ecosystem, joining a highly collaborative team of accomplished professionals who provide consultations, technical expertise, project development, and infrastructure for cross-discipline innovative students.

Apply at:
https://hr.fsu.edu/working-fsu/prospective-employees/careers-florida-state  
Select “Current Career Opportunities”
Search Jobs for “53290”
Click View button for “Teaching Faculty I, 12 Month Salaried (Immersive Media Developer/Instructor, Assistant Director)”
Click Apply for Job
Top 7 Featured DEV Posts from the Past Week
Tags: top7
Published: 2022-11-01 20:13:57

---
title: Top 7 Featured DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week
tags: icymi 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week._ 

## Time to Give Up on Twitter?

You know it already, it's all over the news: Elon Musk has bought Twitter for 44 billion dollars. @jmfayard asks, is it time to give up on Twitter?

{% embed https://dev.to/jmfayard/twitter-my-advice-is-to-give-up-d0o %}

## 8 Tips for Clean JS Code

JavaScript is an amazing programming language that has been around for decades, but even experts struggle with writing clean code. Here are eight tips on clean code in JS from @alexomeyer.

{% embed https://dev.to/alexomeyer/8-must-know-tips-for-writing-clean-code-with-javascript-i4 %}

## Passing Markdown Components to Preact in Astro

Trying to pass Markdown to non-Astro components and having no luck? @cassidoo has got your back with this helpful post.

{% embed https://dev.to/cassidoo/passing-markdown-components-to-react-or-preact-in-astro-31ml %}

## I Built My own Tweet Scheduler

@dineshs91 wanted a simple scheduler to post tweets from their Notion database to Twitter without paying $10 a month for it. Read on to see how they made it happen!

{% embed https://dev.to/dineshs91/i-built-my-own-tweet-scheduler-which-costs-less-than-1-per-month-5gbd %}

## Unit testing like a Hacker🧪

Writing unit tests and keeping them maintained was not an easy concept to grasp at first, but it is one of the crucial skills @batunpc learned as a junior developer.

{% embed https://dev.to/batunpc/unit-testing-like-a-hacker-1e3m %}

## Divtober 2022

October is gone. And with it, divtober is over too... @alvaromontoro shares a collection of CSS art that he created for the 2022 edition.

{% embed https://dev.to/alvaromontoro/my-divtober-2022-drawings-18dj %}

## Customizing Grammarly to the Tune of Taylor Swift

@lauren_schaefer walks us through how to customize the theme of the Grammarly Text Editor Plugin in this fun and helpful tutorial. With Taylor Swift as our guiding muse, Lauren crafts several different themes based on the pop star's discography. 

{% embed https://dev.to/grammarlydevs/how-i-customized-the-grammarly-text-editor-plugins-theme-for-each-taylor-swift-album-2kb9 %}


_That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!_
Visual Studio vs Visual Studio Code 2023: Which is better?
Tags: vscode, webdev, codenewbie, beginners
Published: 2022-11-01 20:13:08

**Visual Studio vs Visual Studio Code 2023 Which is better?**
**Visual Studio vs Visual Studio Code 2023: Which is better?** 
**Is Visual Studio better than Visual Studio Code?** 
**Should I install Visual Studio and Visual Studio Code?** 
**Is VS Code the same as Visual Studio Code?**

These are the questions that have been debated for years, and there are definitely pros and cons for each editor. In [this post](https://www.hmablogs.com/visual-studio-vs-visual-studio-code-2023-which-is-better/), we’ll take a look at the two editors and compare their features and benefits.

## Which is better visual studio or visual studio code?

There are many code editors out there, but Visual Studio vs Visual Studio Code in 2023: Which is better? In this blog post, we will compare the two editors and help you decide which one is the best fit for your needs.



## Which is better visual studio or visual studio code?

{% embed https://www.hmablogs.com/visual-studio-vs-visual-studio-code-2023-which-is-better/ %}
PUSH-Notification using react-native
Tags: reactnative, notifications
Published: 2022-11-01 20:02:01

I am a newbee to react-native world. I want to build a push notification functionality(to start with using Android+FCM) using "react-native-notifications" library.

Is there any way we can externalize the fields of google-services.json so that we can provide senderId or other fields  at app runtime rather than during app build time?

Thanks!
Nhà cái F8BET TEAM soi kèo bóng đá chính xác uy tín nhất hiện nay
Published: 2022-11-01 19:52:03

Trang chính thức nhà cái F8BET TEAM hay còn gọi là F8 - Soi kèo bóng đá chính xác uy tín nhất hiện nay - World Cup 2022 - Ngoại Hạng Anh.... 

Địa chỉ: 32 Trần Mai Ninh, Phường 12, Tân Bình, Thành phố Hồ Chí Minh. 

SĐT: 0899739210. 

https://f8betteam.weebly.com/

https://www.indiegogo.com/individuals/30747719

https://ko-fi.com/f8betteam1

https://www.themehorse.com/support-forum/users/8baothanh8/

https://www.buzzsprout.com/2076086

https://www.provenexpert.com/f8betteam1/

https://www.ted.com/profiles/39446492/about
A Maldição do Hello, Word!
Published: 2022-11-01 19:34:14



Se você, assim como eu, está iniciando no mundo da programação, provavelmente já reparou que a maioria dos cursos sobre linguagens de programação se inicia com a construção de um algorítimo que imprime na tela as palavras “**Hello, Word**” (ou “**Olá, Mundo**", em português).

Você sabe por que isso acontece?

Reza a lenda que, ao se aprender uma linguagem ou tecnologia nova, seu primeiro programa deve fazer justamente isso, ou seja, imprimir essa frase. Caso contrário a _Maldição do Hello, Word_ cairá sobre você, de forma que você nunca irá aprender corretamente essa linguagem e, por consequência, não será uma boa pessoa desenvolvedora.

Acredita-se que a primeira vez que essa frase foi usada em programação foi por Brian Kernighan e Dennis Ritchie, criadores da linguagem de programação **C**, como um exercício inserido no livro “**The C Programming Language**”, de 1978. Desde então, a frase “**Hello, Word**” se popularizou entre os programadores, que até hoje a utilizam ao iniciar os aprendizados em alguma linguagem.

Como curiosidade, nesse link [http://helloworldcollection.de/](http://helloworldcollection.de/#Arendelle), é possível ver instruções de como criar o programa de impressão de “**Hello, Word**” em 603 linguagens de programação e 78 línguas diferentes! Depois dessa, só cai na maldição quem quer…

E você, acredita nessa maldição?
TGGoodsinbot
Tags: marketplace, telegram, bot, opensource
Published: 2022-11-01 19:33:32

We a proud to present opensource product - TGGoodsinbot. In our Bot we are create following:
A bot store in Telegram with multi-city functionality and the location of the buyer. The PRO version supports multi-sellers.

**Functions for the user**
catalog of two levels, category - product
basket
support (contacts) - link to the dialogue with the administrator
FAQ - message for users with HTML markup
detailed statistics of the bot: number of deposits, purchases, users, positions, categories, net profit
location of the user


**Administrator Functions**
technical work mode
checking the availability of equipment at startup
activation/deactivation of sales and payment functions
adding an unlimited number of global administrators
the role of a store administrator managing their products in the catalog
adding an unlimited number of store administrators
convenient and multifunctional admin panel
determining and storing the city where the goods
are located searching for buyers and viewing profiles
searching for purchase receipts
sending messages to all bot users
changing and replenishing the user's balance


**Payment for goods**
the QIWI and YooMoney libraries are used
and configured by the bot administrator through the admin
panel health check from the admin panel
withdrawal of QIWI wallet balance


**Catalog and products**
User-friendly catalog
products have one image
flexible management of goods by administrators
unloading of all goods


**Protection**
admin filters for all handlers that guarantee the privacy of the admin functionality
protection from payment in tenge when replenishing the balance
protection from incorrect HTML syntax
protection from re-issuing the balance
protection from spam in the bot (Middlewares)


**Settings.ini settings**
install the Bot token received from @BotFather
install the Telegram administrator ID


**Customization**
Copy the bot folder. Go to the bot folder.
Run "pip install -r" on the command line requirements.txt ".
Fill in the settings.ini file.
Start the bot.
Fill in the information fields.
Fill the catalog with products.
Attract users to the catalog.


**The purchase process for the buyer**
Product selection.
Replenishment of the account.
Waiting for the seller's call and clarifying the parameters of the house.
Receipt of the goods.
Confirmation of receipt.
Sending customer feedback.


**The sales process for the seller**
Receiving an order message.
A call to the buyer.
Sending the goods to the buyer.
Getting customer feedback.


**PRO version:**
multi-seller support;
192 cities of Russia in the directory.

**TODO:**
store card.

A working copy so far only in Russia in 192 cities; https://t.me/Goodsinbot To trade your products in the current instance, send a request to the seller from the bot by clicking "I am a seller". If you have any questions, please write to telegram: @raclear
Making a Simple Newsletter Webpage!
Tags: showdev, html, css, javascript
Published: 2022-11-01 19:30:00

#Introduction 
For a few weeks i've been focusing on studying web API's and web development, but i havn't been practicing it for a while. So with what i've learned from the DomTokenList and 10 months of experiance i decided to make a newsletter. I must give thanks to [Sarthak Kalpande](https://github.com/supsa-ak) for stylizing the login button and [Abit Salihu](https://github.com/abitsalihu) for helping with the overflow and layout of the page! You can also contribute to the newsletter from my [Github](https://github.com/Lensco825/Newspaper). **To see it full screen click [here](https://newspaper.lensco825.repl.co/)**.


{%codepen https://codepen.io/lensco825/pen/zYavjpE %}

##HTML Layout
I first started with a horizontal nav bar then i would make two sections, one about the current article and the other about other articles to see. To do that i made shure the main-part was bigger while the side-part was shorter in size and text. 


##CSS styling
I gave the newsletter a peach color and gave the nav bar padding so each list item can gap. To help the theme changer, i made a class that would help make the newsletter dark from using the DomTokenList API. I gave the main-part a right border to show the gap between the two sections. 


##Changing Theme

Using the `.toggle()` method every time you click the change them button the theme will change. I don't really have to explain this but thanks too [Abit Salihu](https://github.com/abitsalihu) for choosing the colors for the different theme.
improve
Tags: html, css, programming, webdev
Published: 2022-11-01 19:27:26

mprove your self with all condition. in this case i create my instagram UI(User Interface). code is on my github. link below.

https://github.com/suandedev/my-instagram-ui


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9gu5flp8yuvj1rsgd2f7.png)
Crawler Web dev.to using Colly when learning Golang
Tags: go, nginx, crawler, colly
Published: 2022-11-01 15:54:56

---
title: Crawler Web dev.to using Colly when learning Golang
published: true
description: 
tags: golang, nginx, crawler, colly
# cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e9fy5bew5sd4t9n4w5cv.png
# Use a ratio of 100:42 for best results.
# published_at: 2022-11-01 15:48 +0000
---

I would like to recommend a website of mine that I made during my Golang learning.
My website http://techdaily.info is for learning golang language.
Besides crawling dev.to, I also crawl some other websites like freecodecamp.com, medium.com, hashnode.com, logrocket.com, infoq.com
So I built a website that specializes in crawling other sites
some technology that i used.
+ Golang
+ Colly
+ Nginx
+ Service
+ Docker
+ Mysql
+ Run action deploy to server
+ Cronjob daily crawl

# Build Run Local
## Change file app_example.yaml to app.yaml
```
cp app_example.yaml app.yaml
```

## Build Docker
```
docker-compose up --build
```

## Install package Golang
```
docker-compose exec crawl go mod tidy
```

## Folder vendor
```
docker-compose exec crawl go mod vendor
```

## Run Crawl
```
docker-compose exec crawl go run cmd/main.go
```
## Use air autoload 
```
docker-compose exec crawl air -c .air.conf
```

# Deploy
## Run file makefile build project into folder bin
```
make copy_template build_app_web build_app_crawl
```

# Create Services in run in background
## Create Service and Run App Web
```
sudo nano /lib/systemd/system/app_web.service
```
## Copy Content
```
[Unit]
Description=App Web

[Service]
Type=simple
Restart=always
RestartSec=5s
WorkingDirectory=/root/actions-runner/crawl/crawl/crawl/bin
ExecStart=/root/actions-runner/crawl/crawl/crawl/bin/app_web

[Install]
WantedBy=multi-user.target
```
```
sudo systemctl enable app_web
sudo systemctl start app_web
sudo systemctl status app_web
```

## Run App Crawl
```
./app_crawl
```

## Add CronTab
```
crontab -e
```
### add cron time
```
*/60 * * * * /root/actions-runner/crawl/crawl/crawl/bin/app_crawl crawl-article
*/20 * * * * /root/actions-runner/crawl/crawl/crawl/bin/app_crawl crawl-article-detail
```
### Reload cron run
```
sudo service cron reload
```

## Website 
http://techdaily.info/

- - -

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png)](https://www.buymeacoffee.com/bumkom)

https://github.com/chieund/crawl
ServiceNow and Hacktoberfest 2022 Review
Published: 2022-11-01 18:35:06

That's a wrap for #Hacktoberfest 2022 with #ServiceNowDev!

![Breakdown of stats. 520 Pull Requests. 396 Forks. 201 Participants. 167 Issues. 7 maintainers.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xpuoxmtkila23fwqe3nf.png)

Diving into Git and Source Control as a ServiceNow Developer can be daunting if this is your first foray (or even second or third). So to see this much participation this year is AMAZING. Every year more and more ServiceNow devs are becoming even more ready for collaboration via #Git.

Hacktoberfest 2022 Review: https://devlink.sn/hacktoberfest-2022-review

- 520 Pull requests. A 15% increase over last year, but a HUGE increase of pull requests in projects that required higher-effort participation. 64% of Pull Requests this year were in higher-effort projects, compared to 14% last year.
- 396 Forks. A 36% increase over last year.
- 201 Unique Participants. A 123% increase over last year.