teleren/devto huggingface dataset:
Learning Resources: Supabase
Tags: webdev, beginners, programming, tutorial
Published: 2023-06-01 06:29:02

## Preface

Have you ever gone on a “Google search” session only to discover that the results are primarily third-party information that may or may not be accurate? I certainly did, therefore we at Krunch decided to create these series exposing some lesser-known official resources for different technologies.

> "Do not confuse my Google skills with yours."

Now I get it, Google searching is a skill in itself, you might be able to find the information that you want easily, however, I would still be happy to shed some exposure on the official content with short from blogs, leave a comment and let's have a discussion.

## Supabase - The Open Source Firebase Alternative

![supabase meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0mlqctvloxwqoh1benl8.png)

Supabase, a relatively new name in the tech world, was founded in 2020. Supabase provides an open source Firebase alternative, aiming to give developers the ease and flexibility to build serverless applications without having to manage the infrastructure. It offers a suite of features including database, authentication, storage, and serverless functions that integrate easily with your app. A major plus point is its PostgreSQL database, which ensures high performance and advanced functionalities. Essentially it makes development of the full stack applications easier by managing infrastructure, similar to Firebase offering from Google.

### Supabase Official Blog
Supabase provides a comprehensive [official documentation](https://supabase.com/docs/guides/getting-started), detailing how you can utilize their services according to your specific developer environment. This documentation includes an overview of the system's design and various integration patterns, while also offering guides on how to develop with their SDK in multiple programming languages. Additionally, Supabase maintains an active blog where they discuss updates, feature launches, and tutorial guides. For instance, check out this [guide on creating mfa authentication with flutter](https://kdta.io/Czlt7).

### Supabase Youtube Channel
Supabase also has a Youtube channel where they share updates, tutorials, and event videos. The following introductory video, for instance, explains how Supabase could be used to implement authentication and authorization in Nextjs application:

{% embed https://www.youtube.com/watch?v=KmJN-bEayeY %}

And following video showcases the deployment of Supabase edge functions through Github Actions:

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

### Supabase Community
Supabase has also a very active community on [Github](https://github.com/supabase-community) and contributions to the open source. Additionally, Supabase has [subreddit](https://www.reddit.com/r/Supabase/) and [discord](https://discord.supabase.com) to interact with the community even further.

## Resources
Supabase Documentation - https://supabase.com/docs
Supabase Blog - https://supabase.com/blog
Supabase Youtube Channel - https://www.youtube.com/@Supabase

[*From Krunch Team*](https://kdta.io/UnXSY)
What do you Like most about dev.to?
Tags: discuss, writing, blog
Published: 2023-06-01 06:15:12

_To be honest, I came here by pure luck - an English assignment in my bachelor program - but I stayed because of the community!_ 😇 

I feel like it is a safe space were nerds can be nerds, developers can be developers and anyone can be anyone they want to be. It is just a nice corner of the internet where all sorts of techincal and non-technical matters are discussed in a professional way.

---

So, what do you like most about [dev.to](dev.to)? How did you stumble upon it and what was your reason to stay? 🤗

Image by [Kevin Ku](https://www.pexels.com/photo/data-codes-through-eyeglasses-577585/)! 🥳
How to Deploy Magento 2 on Server
Tags: magento, magento2, magento2tutorial
Published: 2023-06-01 05:39:33

Deploying an e-commerce platform such as Magento 2 on a server can pose challenges, regardless of the size of the business. Understanding the deployment process is crucial for ensuring a seamless and efficient operation of the website.

This comprehensive guide offers an in-depth introduction to **_How to Deploy Magento 2 on Server_**. It covers essential steps ranging from server requirements to the installation, configuration, and optimization of Magento 2. Whether you are an experienced developer or a beginner, this guide will assist you in deploying Magento 2 on a server with ease and confidence.

Producing high-quality writing necessitates contextual relevance and coherence. Furthermore, perplexity and burstiness are vital factors that contribute to the complexity and diversity of writing. Our objective is to generate content with the utmost level of perplexity and burstiness, incorporating both longer and more intricate sentences alongside shorter ones.

For more information, please visit this :- **_[https://webguru.dev/how-to-deploy-magento-2-on-server/](https://webguru.dev/how-to-deploy-magento-2-on-server/)_**
What is Container queries?🤔
Tags: css, scss
Published: 2023-06-01 05:30:00


**Container queries** are a new feature in CSS that allow you to apply styles to an element based on the size of the element's container. This is in contrast to media queries, which apply styles to elements based on the size of the viewport.

For example, you could use container queries to change the font size of a heading element based on the width of its container. If the container is narrower than 700px, the font size would be smaller, and if the container is wider than 700px, the font size would be larger.

```css
@container (min-width: 700px) {
  .heading {
    font-size: 20px;
  }
}

@container (max-width: 700px) {
  .heading {
    font-size: 16px;
  }
}
```
How to use and integrate PostgreSQL to Rails
Tags: ruby, rails, rails6, postgres
Published: 2023-06-01 05:22:48

Learn how to use PostgreSQL with your Ruby on Rails application, instead of the default SQLite database. SQLite is an easy-to-configure, lightweight product which ships with Ruby on Rails by default. However, PostgreSQL is a more robust solution which provides more advanced features, scaling, and stability, which may make it more suitable for your Ruby on Rails project.

**Step 1: Update the Gemfile**

Open the Gemfile which is locate in your root directory and add the following gem

`gem 'pg'`

Save this file & close it and run the bundle install command on your terminal

**Step 2: Configure the database connection**

Open the database.yml file which is location in your root directories config folder and update the following configuration for development, test and production environments to use PostgreSQL.

```
default: &default
  adapter: postgresql
  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
  timeout: 5000
  host: localhost
  username: <%= ENV['PG_USERNAME'] %>
  password: <%= ENV['PG_PASSWORD'] %>
development:
  <<: *default
  database: app_development
test:
  <<: *default
  database: app_test

production:
  <<: *default
  database: app_production

```

After updating the configuration of database.yml file save and close it.

**Step 3: Create the database**

After updating the configuration, run the following command in your terminal to create the PostgreSQL database:

`rails db:create`

This command will create the database based on the configuration provided in database.yml.

**Step 4: Migrate the database**

If you have existing migrations in your Rails application, you'll need to migrate the database to create the necessary tables in PostgreSQL. Run the following command:

`rails db:migrate`

This will execute any pending migrations and update the PostgreSQL database schema.

**Step 5: Verify the integration**

To ensure the integration was successful, start your Rails application using the rails server command and verify that it connects to the PostgreSQL database without any errors.

`rails s`

Congratulations! You have successfully integrated PostgreSQL (pg) with your Rails application. You can now take advantage of PostgreSQL's advanced features and performance benefits in your Rails application.
How to Generate Barcode for Magento 2 Products
Tags: webdev, magento, magento2tutorials
Published: 2023-06-01 05:22:35

Standardized identifications are a basic device for overseeing and putting together item data in an online business store. Magento 2 offers the choice to create standardized identifications for your items, which can work with stock administration, request satisfaction, and other basic assignments. 

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

Different scanner tag designs, like UPC, EAN, and ISBN, are accessible to look over, and choosing the right organization to suit your prerequisites is critical. Designing the scanner tag augmentation with the suitable settings for the organization, textual style, size, and different choices is additionally important to guarantee that the standardized identifications delivered for your items are of incredible quality and effectively searchable by standardized identification perusers. Keeping up with your scanner tags refreshed and efficient is critical to ensure proficient and blunder free activities in your online business store.

This blog plans to direct you through the method involved with creating standardized tags for Magento 2 items. By following the framed advances, you will actually want to set up your standardized identification expansion, select the legitimate scanner tag design, and arrange your settings to make first class standardized tags for your items. With standardized tags set up, you can smooth out your activities and give a compelling and productive experience for your clients. Go along with us as we investigate **_how to generate barcode for Magento 2 products_**.

For more info, visit **_https://webguru.dev/how-to-generate-barcode-for-magento-2-products/_**
New coder here!
Tags: beginners, tutorial, javascript, html
Published: 2023-06-01 05:10:43

Hey all! Just made a new account here! I am currently learning HTML, CSS, Python, and JavaScript. I am looking for anyone that can assist me with any of these topics as I go through my journey of improving my skillsets with these languages. Anyone and everyone of all skill levels can shoot me a message, and I'll see if I can help you with anything as well! Thank you!
First Release Candidate of Avalonia UI v11 Now Available!
Tags: dotnet, opensource, ui
Published: 2023-06-01 05:10:03

We're excited to announce that the first Release Candidate (RC) of Avalonia UI v11 is now available for you to try out!

This RC marks a significant milestone for us as it stabilises the API. It's been a journey of intense work, learning, and collaboration. And now, we can confidently say that we're closer than ever to the final release of v11

Now is the perfect time for you and your teams to test drive v11. As we progress, the only changes we're looking at are bug fixes. We believe this makes the RC a safe and exciting option to explore, especially if you're considering the upcoming production releases.

With a keen focus on maintainability, Avalonia UI v11 carries the most substantial changes in our API to date, setting the project up for a thriving future. We've poured considerable thought, time, and resources to ensure these changes pave the way for a more robust and reliable Avalonia UI. While this release represents our most substantial set of breaking changes, we expect future major releases will see significantly fewer breaking API changes.

As part of these breaking API changes, some previously public classes are now marked as 'Internal'. This change has been done to safeguard the integrity of applications by allowing us to modify implementations without introducing future breaking changes. While we've taken every measure to ensure a smooth transition, we acknowledge that you might encounter scenarios where a critical class is no longer visible. If you encounter such instances, we strongly encourage you to contact us. We're open to a dialogue about changing certain classes back to public visibility based on your valuable feedback.

We encourage everyone to try out the RC, provide your feedback, and help us make Avalonia UI v11 the best. We sincerely thank all our users, contributors, and the entire Avalonia community for your ongoing support.

Head over to [nuget](https://www.nuget.org/packages/Avalonia/11.0.0-rc1.1) to get started. Let's build the future of cross-platform .NET UI technology together!

Happy coding!
Building Blocks with JavaScript: Understanding Constructor Functions
Tags: webdev, javascript, beginners, programming
Published: 2023-06-01 04:34:31

Imagine you're playing with building blocks. You have different types of blocks, like red blocks, blue blocks, and green blocks. Each block has its own unique characteristics, like its color, shape, and size.

In JavaScript, a constructor function is like a blueprint for creating objects with similar characteristics. It's like having a special machine that can create blocks for you. When you use the machine, it takes in some information, like the color and size you want for your block, and it builds a new block for you.

The constructor function acts as that special machine. It's a function that you write in JavaScript that helps you create objects with certain properties. It's called a "constructor" because it constructs or builds new objects based on the blueprint you define.

Here's an example:

```
function Block(color, size, shape) {
  this.color = color;
  this.size = size;
  this.shape = shape;
}

const redBlock = new Block("red", "small", "square");
const blueBlock = new Block("blue", "medium", "triangle");

console.log(redBlock.color); // Output: "red"
console.log(blueBlock.size); // Output: "medium"
console.log(blueBlock.shape); // Output: "triangle"

```
So, just like the special machine that helps you create blocks with specific characteristics, the constructor function helps you create objects with specific properties. It's a way to create many objects of the same kind easily, like creating multiple blocks with different colors and sizes.

I hope that helps you understand constructor functions in JavaScript!
Introducing Wildchain!
Tags: web3, nft, blockchain, cryptocurrency
Published: 2023-06-01 04:24:30

A ReFi project creating a real-world impact through blockchain technology with the goal of rewilding the world. 

**Wildchain’s NFT Genesis Collection: Rewilding Savanna is launching on June 5th** 🥳

Their collection will feature adorable wildlife NFTs stampeding in from the African Savanna, ready to meet you on World Environment Day, June 5th at 12 pm UTC 🥳

Head over to [Wildchain’s NFT Website](https://www.nft.wildchain.io/) to check out their adorable wildlife NFTs that feature exclusive utilities AND will make an impact! 🐾 
Wildchain will be dropping brand new NFTs **WEEKLY** to complete their Genesis Collection, so stay tuned for more! 

Not only is their art super cute, but you will also be making a difference as every adoption made from this NFT collection and future ones will go towards a **donation to wildlife conservation!** 🌱

> _Make the world a better place with Wildchain. 🤝🌎_

![Genesis Collection preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2sbram3023ijfqh05zn8.png)
New Beginnings
Tags: beginners, newrelic, discuss, career
Published: 2023-06-01 04:23:06

## 

> Woe is me! I am forced to learn almost everything from the beginning… I work and feel my incapacity. Memory has become poor as far as cramming is concerned, I have aged… I’m afraid of failing one of my examinations. I want to rest up but—summer is still so far off!

This post is unusual but quintessential for a developer like me that has lost seasons to wandering around, searching for the next technology to conquer, a new tutorial to learn, to fascinate a brutally inattentive audience. A post about piecemeals, stopping short but essentially starting all over again. The song about New Beginnings.

"Tech" for me started off a fascinating* animations on a web screen as well as mastering Excel, given my background in Statistics, which motivated a couple year journey into this ecosystem, the kind of years you would be proud of there was something tangible to show off, some well-lit accommodation funded by Tech* $$ or an Expert Badge Siren on a LinkedIn page, Certifications, you name it. However, here I am, reflecting on how the years have just flown by, the game gently nudging towards the unabashed audacity of new Actors far younger and agile - the ecosystem bending away from my general direction.

I mastered some basic HTML/CSS even worked a project for my first gig with google apps script, I would not "master" Excel, but built a school report system with it, otherwise it was projects around Python and R, mostly interventionist and tools for iterating tedious tasks - usually this is enough to claim some portion of Celebrity and write long tedious threads on Twitter, but the truth is far more inadequate and under-compensating, because without practice, constant practice, you are just a job away from been replaced by someone younger and cheaper. Without constant chirping away at our bad habits and constantly producing/deploying, we reverse.

Practice. How we are nothing without Practice - this is where one can admit that, see, I will never be a great painter, perhaps I would never be a great front-end person, I could never sing that song to save my life. Then, paradoxically, find my way to my strengths - things that have **proven** over the years to be my tendencies and convenient to adopt, and to practice un-failingly. It sounds tedious and true, because it is? Makes me recall this letter from Anton Chekhov to his brother in 1888:

> In order to cultivate yourself and to drop no lower than the level of the milieu in which you have landed, it is not enough to read Pickwick and memorize a monologue from Faust. You need to work continually day and night, to read ceaselessly, to study, to exercise your will… Each hour is precious.

This post is about time, how I have easily squandered it, not building concrete concentration habits, how my younger self can be wicked focused - learning and competing, and how ultimately today's self is just that to tomorrow.
Qual sua opinião sobre Arquitetura de Software? Devs júniors deveriam se preocupar com isso?
Tags: braziliandevs, discuss, webdev
Published: 2023-06-01 04:04:44

Opa!
Então, há cerca de um ano eu fiz a transição de desenvolvedor para uma posição de arquiteto de software. Desde essa transição eu consegui passar a ganhar mais e ter mais responsabilidades na empresa para qual presto serviço.

Além disso, tenho percebido que quando programo atualmente, não enfrento tantas dificuldades como costumava antes da transição. Tornou-se relativamente fácil para mim encontrar soluções adequadas para problemas e bugs em códigos (tbm minhas habilidades de busca no Stack Overflow melhoraram ahah).

Porém, o ponto desta discussão é que recentemente algumas pessoas que eu conheço (basicamente desenvolvedores juniores) têm me pedido dicas para conseguirem mais oportunidades. Eu recomendei que eles dediquem algum tempo estudando a arquitetura de software básica, assim como a análise de sistemas e QA/Teste. Também falo sobre a importância de entender gestão de projeto e processos, para que possam se tornar um agente ativo no dia dia da equipe.

Eu percebo que passo a maior parte do tempo falando sobre todo o processo que ocorre antes e depois da programação, e menos sobre a programação em si.

O que acha dessas dicas? A arquitetura de software (e as outras coisas que mencionei) seria util de alguma forma prática para desenvolvedores juniores (inclusive para pessoas que estão começando)?
TS - 淺談 some 和 every 方法
Tags: typescript
Published: 2023-06-01 03:16:01

<u>**淺談 Typescript 中的 some 和 every 方法**</u>

當你想從陣列中檢查陣列內部是否有符合指定條件的元素，並且只回傳布林值時，你可以考慮這兩種方法—`some`、`every`

**some**
`some` 方法用來檢查陣列中的元素是否符合指定條件，若找到一個元素符合條件，就回傳 true，反之，陣列中沒有任何元素符合條件則返回 false ；而且只要找到一個符合條件，就會停止檢查後續陣列，直接返回結果。

```TS
const arr = [1, 2, 3]

const res = arr.some(val => {
    console.log(val)

    return val === 2 // condition
})

console.log(res)

// output
// 1
// 2
// true

const res = arr.some(val => {
    console.log(val)

    return val === 5 // condition
})

console.log(res)

// output
// 1
// 2
// 3
// false
```

其概念是每次迭代陣列時，`some` 方法會為每個元素調用 `predicate` 函數，該函數會判斷該元素是否符合指定條件，當條件符合時回傳 true 否則回傳 false，迭代會持續進行直到該函數返回 true，或者直到迭代結束。

其實跟上面的意思差不多，只是要強調真正執行檢查的是 `predicate` 函數，而非 `some` 特異功能。

**every**
既然講了 `some` ，那就得說說 `every` 這個方法，它跟 `some` 很相似，`every` 方法會檢查陣列中全部的元素是否都符合條件，全部符合條件才回傳 true，只要有一個不符合就會回傳 false；一樣只要有一個不符合條件，就會停止檢查後續陣列並返回結果。

```TS
const arr = [18, 20, 26, 30, 35]

const res = arr.every(val => {
    console.log(val)

    return val > 10 // condition

})

console.log(res)

// output
// 18
// 20
// 26
// 30
// 35
// true

const res = arr.every(val => {
    console.log(val)

    return val > 20 // condition
})

// output
// 18
// false
```

其概念與 `some` 方法也相似，每次迭代陣列時為每個元素調用 `predicate` 函數，該函數會判斷該元素是否符合指定條件，當條件符合時回傳 true 否則回傳 false，當 `predicate` 函數回傳 false 時，`every` 方法會立刻返回 false，或者直到迭代結束然後返回 true。

---

Thanks for reading the article :tulip: :sunflower: :blossom:

If you like it, please don't hesitate to click heart button :heart:
or follow my [GitHub](https://github.com/FakeStandard) :star:
or buy me a coffee :arrow_down: I'd appreciate it.

[![Buy-me-a-coffee][1]][2]

[1]: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h077sxd0vx1hix4t7lw8.png
[2]: https://www.buymeacoffee.com/FakeStandard
All you need to know about Assembly language
Tags: beginners, programming, opensource, codenewbie
Published: 2023-06-01 03:12:17



*GUYS I AM NOT SO GREAT AT ASSEMBLY,so feel free to correct my errors*

### Let's start with the basics

Assembly is, for any given hardware platform ISA , the unstructured, lowest levels programming language -- it maps (mostly) 1:1 to machine code (the actual binary CPU instructions) and basically only differs from the actual machine code by utilizing a more human readable form. Assembly is compiled by assembler into the the machine code. Assembly is **not** a single language, it differs for every architecture, and is therefore not portable!

## Typical Assembly Language

The language is unstructured, i.e. there are no control structures such as `if` or `for` statements: these have to be manually implemented using labels and jump instructions. The typical look of an assembly program is therefore a single column of instructions with arguments, one per line.

The working of the language reflects the actual hardware architecture -- usually there is a small number of registers (e.g. 16) which may be called something like R0 to R15. These registers are the fastest available memory (faster than the main RAM memory) and are used to perform calculations. Some registers are general purpose and some are special: typically there will be e.g. the FLAGS register which holds various 1bit results of performed operations (e.g. overflow, zero result etc.). Values can be moved between registers and the main memory.

Instructions are typically written as three-letter abbreviations and follow some unwritten naming conventions so that different assembly languages at least look similar. Common instructions found in most assembly languages are for example:

- MOV (move): move a number between registers and/or memory.
- JMP (jump): unconditional jump to far away instruction.
- BEQ (branch if equal): jump if result of previous comparison was equality.
- ADD (add): add two numbers.
- NOP (no operation): do nothing (used e.g. for delays).
- CMP (compare): compare two numbers and set relevant flags (typically for a subsequent conditional jump).

Assembly languages may offer simple helpers such as macros.