teleren/devto huggingface dataset:
Getting started with apache age using docker
Tags: apacheage
Published: 2023-03-19 15:23:26

**Introduction:**
Apache Age is a distributed PostgreSQL extension for managing and analyzing large-scale graph data. It allows users to store, query, and manage large-scale graphs using SQL, and provides powerful graph analysis capabilities. In this article, we will explore how to get started with Apache Age using Docker.

Docker is a popular platform for building, shipping, and running applications in containers. It allows users to package an application with all its dependencies into a single container that can be easily moved from one environment to another. By using Docker, we can quickly and easily set up Apache Age on our local machine or in the cloud.

**Prerequisites:**
Before we start, we need to ensure that Docker is installed on our machine. You can download and install Docker from the official website for your operating system.

**Getting started with Apache Age using Docker:**
Once Docker is installed, we can get started with Apache Age using the following steps:

**1. Pull Apache Age Docker image:**
The first step is to pull the Apache Age Docker image from the Docker Hub repository. To do this, open a terminal and run the following command:

```
docker pull ageproject/age
```
This command will download the latest Apache Age image from the Docker Hub repository.

**2. Create a Docker container:**
Once the image is downloaded, we can create a Docker container by running the following command:

`docker run -it -p 15432:15432 ageproject/age
`
This command will start a new container and map port 15432 of the container to port 15432 of our local machine. The "-it" flag allows us to interact with the container's command line, and the "ageproject/age" parameter specifies the image to use for the container.

**3. Access Apache Age:**
Once the container is up and running, we can access the Apache Age web interface by opening our web browser and navigating to http://localhost:15432. This will open the Apache Age web interface, where we can execute SQL queries.

**4. Run SQL queries:**
We can use the Apache Age web interface to execute SQL queries against the Apache Age database. For example, we can create a table using the following SQL query:

`CREATE TABLE users (id INTEGER, name VARCHAR(50), email VARCHAR(50));
`
Once the table is created, we can insert data into it using the INSERT INTO statement. We can also execute graph queries using the MATCH statement.

**Conclusion:**
In this article, we have explored how to get started with Apache Age using Docker. By following these steps, we can quickly set up Apache Age on our local machine or in the cloud, and start using its powerful graph analysis capabilities. Docker allows us to easily package and deploy Apache Age along with its dependencies, making it easy to share with others and deploy in production environments.
Weekly Awesome JS KT Part-2: Promise.all() vs multiple awaits
Tags: javascript, tutorial, programming, webdev
Published: 2023-03-19 14:43:02

Imagine you have a case where you want to retrieve some information about a list of users, and for each user you have to hit the endpoint and await a promise, how will you do it? I came across a similar problem(I am giving a simplified version of the problem I came across not the full code), and the approach I took was something like this:

First I created a async function which handles all the logic of updating and getting a particular user from its id
```
const updateUser = async ({userId}:{userId:string})=>{
 
await updateUserDetails(userId)

}

userIds = [....]

// loop for each userId and update it
for(const id of userIds)
{
 await updateUser({userId: id})
}
```

But there is a problem with this code, let me explain with a more simplified example:

```
const test1 = async () => {
  const delay1 = await Promise.delay(600); 
  const delay2 = await Promise.delay(600); 
  const delay3 = await Promise.delay(600); 
};

const test2 = async () => {
  await Promise.all([
  Promise.delay(600), 
  Promise.delay(600), 
  Promise.delay(600)]);
};

```

Here `test1` takes almost ~1800ms to run since it runs sync each promises whereas `test2` takes ~600ms to runs since it runs all promises in parallel

So a faster version of the code snippet one would be something like this:

```
const updateUser = async ({userId}:{userId:string})=>{
 
await updateUserDetails(userId)

}

userIds = [....]

await Promise.all(userIds.map((userId)=>updateUser({userId})))

```

**Keep Exploring 🛥️**

---

https://stackoverflow.com/questions/45285129/any-difference-between-await-promise-all-and-multiple-await
Working Of Compiler In JavaScript
Tags: webdev, javascript, programming, computerscience
Published: 2023-03-19 14:27:15

JavaScript falls under the general category of "dynamic" or "interpreted" languages. But it is often misunderstood, in-fact JavaScript is **Interpreted** as well as **Compiled** language. Let's understand more about the execution of JavaScript code in the Blog

## Working of Compiler in JavaScript

In traditional compilation process of a language, a chunk of source code undergo typically three steps before execution.

1. **Tokenizing / Lexing**
2. **Parsing**
3. **Code Generation**

## Tokenizing / Lexing: 
Breaking up a Sting of characters into meaningful chunks called tokens.

![Image to explain the process of tokenizing in compiler](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9f93fgq1eqgfjdtq1xuq.png)

## Parsing:
A Stream (array) of tokens are turned into a tree of nested elements, which collectively represents the grammar structure of the program. This tree is called **"AST"** (Abstract Syntax Tree).
![Abstract Syntax Tree](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vyeh0ywlwkt5nxkqrfc8.png)

## Code Generation:
The process of taking an AST & turning it into executable code.
![AST to Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6tb1slqei69zwcstjx97.png)

But, the JavaScript Engine is vastly more complex than just these steps. Any Java-Script code is compiled even before it is executed.

**Note:** Execution of JavaScript Code is done by Interpreter.

## Compilation before execution:
JavaScript compiles all the declarations & Assignments before the code is sent for execution so that the interpreter can skip those lines. This is done for faster execution speed.

```
let a = 3;    //The declaration and assignment of variable 
                will be compiled before execution.
console.log(a)  //This part will be executed by JavaScript 
                  interpreter
```
Thanks for reading this blog.
Drop a like if you found this blog helpful and follow me for more of such blogs. 😄😄
“JavaScript for Beginners: 5 Common Mistakes to Avoid When Starting Your Development Journey”
Tags: javascripttips, development, javascript, beginners
Published: 2023-03-19 15:41:04

---
title: “JavaScript for Beginners: 5 Common Mistakes to Avoid When Starting Your Development Journey”
published: true
date: 2023-03-19 14:25:27 UTC
tags: javascripttips,development,javascript,beginnersguide
canonical_url: https://medium.com/@tmayank860/javascript-for-beginners-5-common-mistakes-to-avoid-when-starting-your-development-journey-d364fe363851
---

![](https://cdn-images-1.medium.com/max/1024/1*RtN2rNVyVMfhSIIV9FEHqw.png)

JavaScript is one of the most widely used programming languages and is essential for developing web applications. However, it can be challenging to learn, especially for beginners. In this blog post, we’ll discuss 5 common mistakes to avoid when learning JavaScript.

1. Not understanding the basics Many beginners make the mistake of jumping straight into complex topics without first understanding the basics. It’s important to have a strong foundation in the basics of JavaScript, such as variables, data types, operators, and control structures. Without this knowledge, it will be difficult to understand more advanced topics.
2. Not practicing enough Like any skill, the only way to truly master JavaScript is through practice. Many beginners make the mistake of only reading about JavaScript without actually practicing writing code. To avoid this mistake, set aside time each day to write code and work on projects.
3. Not using a debugger Debugging is an essential part of programming, but many beginners don’t take advantage of debuggers when learning JavaScript. Debuggers help you find and fix errors in your code and can save you a lot of time and frustration. Make sure to use a debugger, such as the one built into your browser’s developer tools.
4. Relying too much on libraries and frameworks JavaScript has a wide variety of libraries and frameworks that can help you develop applications more quickly. However, many beginners make the mistake of relying too heavily on these tools without first understanding how they work. It’s important to learn the fundamentals of JavaScript before using libraries and frameworks.
5. Not seeking help Learning JavaScript can be challenging, and it’s important to seek help when you need it. Many beginners make the mistake of trying to solve problems on their own without seeking help from more experienced developers. Don’t be afraid to ask for help on forums or from a mentor.

By avoiding these common mistakes, you can learn JavaScript more effectively and become a proficient developer.

Thanks for reading.

“Don’t miss out” Follow my Social handles👉

[Subscribe to my YouTube channel😊](https://www.youtube.com/mayanktyagi)

[**Instagram** 😊](https://www.instagram.com/the_cs_guy_/) **||** [**Twitter**  😊](https://twitter.com/the_cs_guy_)

If you find this helpful and want to support💲 [**Buy Me Coffee**  ☕](https://www.buymeacoffee.com/mayanktyagi)
No Awaiting Email Activation since Last 10 Days!
Tags: blog, steem, blockchain, account
Published: 2023-03-19 14:24:52

Whoops!

There is no awaiting email activation since last 10 days and no spam registrations apart from legit [steem](https://helloacm.com/how-to-get-blockchain-version-of-steem-rpc-node-using-javascript/) account registrations are observed.

Most people can still use their GMAILs to register a steem account. The rule is that 1 email 1 IP per 24 hours.

As to the time writing this post, **142602 Account** Tickets may be used to claim Accounts on the Steem Blockchain.

This could go for a while without being impacted by the spam activities that were occuring in the past. The IPs can be bought, and the emails could be faked or temp or just aliases. So, by only allowing the major email providers, this could filter out most of the spam activities.

Register a free steem account now at [**here**](https://steemyy.com/reg.php)


<hr/>

### [Steem](https://steemyy.com) to the Moon!
1. You can swap the STEEM/SBD to USDT (TRC-20) via [Steem2USDT](https://steemyy.com/steem2usdt.php)
2. Register a free STEEM account at [here](https://steemyy.com/reg.php)


![](https://justyy.com/png/whale.png)
How to activate syfy on roku
Published: 2023-03-19 14:17:39

First, make sure you have a Roku device and that it is connected to your TV and the internet.

Go to the Roku Channel Store on your Roku device by using the remote control.

Search for the Syfy Channel app in the Channel Store, and once you find it, select it.

Click on the "Add Channel" button to install the Syfy Channel app on your Roku device.

Once you have installed the Syfy Channel app, open it and select the "Activate" option.

You will be given an activation code that you will need to enter on the Syfy Channel website.

To do this, open a web browser on your computer or mobile device and go to [syfy.com activate/activatenbcu roku code](https://goodmorning-love.com/blog/syfy-activate-activatenbcu/).

Enter the activation code provided by the Syfy Channel app on your Roku device, and then click the "Activate" button.

If the activation is successful, the Syfy Channel app on your Roku device should update automatically and be ready to use.

If you have any issues with the activation process, you can contact the Syfy Channel customer support team for further assistance.
Functions in Supabase
Tags: webdev, javascript, beginners, programming
Published: 2023-03-19 14:15:01

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

Functions in Supabase and PostgreSQL are powerful tools that allow developers to create custom operations that can be reused across their applications. Functions can take in input parameters and return values, making them highly flexible and adaptable to various use cases.

In Supabase, functions can be created using SQL and can be accessed and invoked through the Supabase client or REST API. These functions can be used to perform complex data manipulation, create custom authentication logic, and much more. With Supabase, developers have access to the full range of PostgreSQL functions, making it possible to leverage the power of this highly capable database management system.

PostgreSQL functions are created using SQL or PL/pgSQL, a procedural language specifically designed for PostgreSQL. Functions can be used to create complex calculations, perform data validation, and create custom aggregations. Functions in PostgreSQL can also be used to encapsulate complex logic, making it easier to maintain and modify code.

One of the major benefits of using functions in Supabase and PostgreSQL is that they can be reused across different parts of an application. For example, a function that calculates a running average can be used in multiple parts of an application without needing to write redundant code. This can significantly reduce development time and improve code maintainability.

Another advantage of using functions in Supabase and PostgreSQL is that they can improve performance. By encapsulating complex logic into a function, developers can reduce the amount of data that needs to be transmitted between the database and the application. This can result in faster application response times and better scalability.

In conclusion, functions are an essential tool for any developer working with Supabase and PostgreSQL. They provide a flexible and powerful way to encapsulate complex logic, improve performance, and reduce development time. With the full range of PostgreSQL functions available in Supabase, developers have access to a highly capable database management system that can meet the demands of even the most complex applications.

Guillaume Duhan
Bigquery public datasets
Tags: bigquery, programming, webdev, gcp
Published: 2023-03-19 14:07:56

## Introduction

In the world of big data, public datasets are an invaluable resource for data scientists, researchers, and analysts looking to gain insights into a wide range of topics. One of the most popular platforms for accessing public datasets is Google BigQuery, a cloud-based data warehouse that allows users to store, query, and analyze large amounts of data.

BigQuery offers access to a vast array of public datasets, which can be accessed and queried directly from the platform. These datasets cover a wide range of topics, from weather patterns and transportation data to population demographics and financial information.

One of the key benefits of using public datasets in BigQuery is that they are pre-processed and ready for analysis, which means that users can skip the time-consuming and often tedious process of cleaning and formatting data. Additionally, BigQuery allows for fast and efficient querying of these datasets, which can help users to identify patterns and insights that might be difficult or impossible to find through other means.

View Public datasets here: https://console.cloud.google.com/marketplace/browse?filter=solution-type:dataset

## Some of the most famous public datasets available in BigQuery include:

**The New York City Taxi and Limousine Commission (TLC) dataset:** This dataset contains over 1 billion taxi trips taken in New York City between 2009 and 2019. It includes information on pickup and dropoff locations, trip duration, and fare amounts, among other variables. This dataset has been used by researchers to study traffic patterns, transportation policy, and economic trends.

Check it here:
https://console.cloud.google.com/marketplace/product/city-of-new-york/nyc-tlc-trips?project=grand-eye-333818

**The OpenAQ dataset:** This dataset contains air quality data from over 11,000 monitoring stations in more than 100 countries. It includes information on a range of pollutants, such as ozone, particulate matter, and nitrogen dioxide. This dataset has been used to study the impact of air pollution on human health and the environment.

Check it here: https://console.cloud.google.com/marketplace/product/openaq/real-time-air-quality?project=grand-eye-333818



**The World Bank Indicators dataset:** This dataset contains a wide range of economic and social indicators for countries around the world, including GDP, population, and health outcomes. It has been used by researchers to study the impact of economic policies and to identify trends in global development.

Check it here:
https://console.cloud.google.com/marketplace/product/the-world-bank/wdi?project=grand-eye-333818

## Conclusion

BigQuery offers access to a wide range of other public datasets covering topics such as climate data, financial information, and social media trends. Overall, public datasets in BigQuery are an incredibly valuable resource for anyone looking to gain insights into complex topics or to develop new applications and tools.
ChatGPT can draw system architecture diagrams using mermaid
Tags: chatgpt, markdown, architecture
Published: 2023-03-19 13:42:39

Turns out that ChatGPT can draw system architecture diagrams for it's suggestions using mermaid.js

I asked ChatGPT for some system architecture advice for monitoring some windows and linux on-prem servers my company runs using this prompt:

> ... (conversation including details on my goals)
> draw a system architecture design using mermaid and markdown

Here is the design ChatGPT produced:

```mermaid
graph LR
    A[VPN] --> B[On-Prem Windows]
    A --> C[On-Prem Linux]
    A --> D[Docker Containers]
    B --> E{Prometheus}
    C --> E
    D --> E
    E --> F[Grafana]
    G[User] --> F
```

![system architecture diagram by chatgpt](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/umbiklmedq0m2nbb9b65.png)
Plano de Teste de Aceitação X Plano de Teste de Desenvolvimento.
Published: 2023-03-19 13:26:40


Bem-vindos ao meu primeiro post! Estou muito empolgada em começar a compartilhar minha jornada de aprendizado. Espero encontrar aqui uma forma de mapear meus estudos e também uma maneira de compartilhar minhas descobertas e aprendizados com outras pessoas. 

Espero  ajudar aqueles que também estão em busca de conhecimento. Vou postar periodicamente para mantê-los atualizados sobre o que estou estudando e o que estou aprendendo ao longo do caminho. Obrigada por se juntar a mim nesta jornada e espero que você encontre valor em minhas postagens.

Falando sobre qualidade de software, você já ouviu falar em plano de teste de desenvolvimento e plano de teste de aceitação? Se você é um iniciante pode parecer confuso entender esses conceitos (eu fiquei quando me deparei com esses conceitos e documentos para preencher rs), mas esses planos são fundamentais para garantir a qualidade do software e a satisfação do cliente. Neste artigo, vou tentar explicar o que são esses planos.


## Plano de Teste de Desenvolvimento:

Um plano de teste de desenvolvimento é elaborado durante a **fase de desenvolvimento do projeto** (oh uau!), e tem como objetivo garantir que o software seja testado adequadamente antes de ser lançado. 

Este plano envolve:
- Testes de unidade, 
- Testes de integração, 
- Testes de sistema e 
- Testes de aceitação do usuário.

Dessa forma garantindo que cada componente do software funcione corretamente e se integre bem com os outros. Isso ajuda a detectar e corrigir problemas antecipadamente, reduzindo o risco de falhas e **retrabalhos futuros** (muito importante!).


## Plano de Teste de Aceitação:

Já o plano de teste de aceitação é desenvolvido **após o término da fase de desenvolvimento** e tem como objetivo garantir que o software atenda às expectativas e necessidades do usuário final. 

Esse plano envolve **testes funcionais** que simulam situações reais de uso do software, para que o cliente possa verificar se o software atende a todos os seus requisitos. 

Isso ajuda a garantir que o software seja de alta qualidade e  reduzindo o risco de insatisfação e problemas no uso do software.


Algumas referências úteis para quem quer se aprofundar no assunto são:

- **ISTQB (International Software Testing Qualifications Board):** é um órgão de certificação em testes de software reconhecido internacionalmente. 

- **Agile Testing: A Practical Guide for Testers and Agile Teams, de Lisa Crispin e Janet Gregory:** é um livro que aborda os princípios e práticas de testes em projetos ágeis de software, incluindo a elaboração de planos de teste de aceitação e desenvolvimento.

- **The Art of Software Testing, de Glenford Myers:** é um livro clássico na área de testes de software, que aborda os fundamentos da engenharia de testes, incluindo a elaboração de planos de teste.

#### Obrigada por ler!

Espero ter ajudado a esclarecer um pouco sobre esses planos de teste. Se você tiver alguma dúvida ou dica, fique à vontade para deixar nos comentários. Responderei com o maior prazer! Obrigada por ler e até a próxima postagem! 

😊😊 See ya! 😊😊
Create a beginner-level project A Modern Website Using React Js Step-By-Step Website Tutorial
Tags: webdev, javascript, beginners, react
Published: 2023-03-19 13:16:26

Are you looking to  create a modern website using React? In this step-by-step tutorial, you'll learn how to set up your development environment, and we will learn How To Create A Modern Website Using React Js .creating a new React project, and build a sleek website using React components and libraries.

Source Code : [Link](https://ziontutorial.com/how-to-create-a-modern-website-using-react-js-step-by-step-website-tutorial/)

{% embed https://www.youtube.com/watch?v=GhqucIR8JjA&ab_channel=ziontutorial %}

⭐Visit Website: [Link](https://ziontutorial.com/)
⭐Instagram:[Link](https://www.instagram.com/ziontutorial/)
⭐Subscribe:[Link](https://www.youtube.com/c/ZionXtutorial?sub_confirmation=1)