teleren/devto huggingface dataset:
Help us keep SpeakWise AI Free!
Tags: chatgpt, openai, ai, android
Published: 2023-06-18 03:54:55

**Buy Me A Coffee:** https://www.buymeacoffee.com/speakwiseai
**Download app from PlayStore:** https://play.google.com/store/apps/details?id=chat.gpt.speakwise.gpt3.ai.chatbot.app

**Your contribution will help us keep the app free forever for everyone!**
Support the growth and continued development of SpeakWise AI! 
Your contribution will help us enhance the chatbot's capabilities, provide better user experiences, and deliver even more helpful and engaging interactions. Your generous donation allows us to invest in development, technology, and resources to constantly improve the chatbot's intelligence and ensure its availability to assist you and others for free.

We truly appreciate your support!
Some demos of SQL's table views
Tags: webdev, sql
Published: 2023-06-18 03:52:46

## What is a table view in SQL?


here are some examples of how a view can be created and used in MySQL:


1. Create a simple view that selects all columns from the "customers" table:

```
CREATE VIEW customer_view AS
SELECT *
FROM customers;
```

2. Create a view that aggregates data from the "orders" table by customer ID:

```
CREATE VIEW order_summary AS
SELECT customer_id, COUNT(*) as order_count, SUM(total_amount) as total_spent
FROM orders
GROUP BY customer_id;
```

3. Create a view that joins two tables and selects specific columns:

```
CREATE VIEW sales_report AS
SELECT customers.first_name, customers.last_name, orders.order_date, order_items.unit_price, order_items.quantity
FROM customers
JOIN orders ON customers.customer_id = orders.customer_id
JOIN order_items ON orders.order_id = order_items.order_id;
```

These views can then be used like a regular table in a query. For example, you can query the customer_view created in example 1 like this:

```
SELECT * FROM customer_view;
```

I hope this helps! Let me know if you have any more questions.

```
show full tables in <your_database_name> where TABLE_type like 'VIEW';
```
Use Git Command AI To Boost Code Efficiency
Tags: webdev, git, github, githunt
Published: 2023-06-18 03:30:00

🚀 Boost Your Coding Efficiency: Why Use Git Command AI Tools! 

**DON'T WANNA READ THE LONG POST?
[FIND THE LINK TO AI](https://www.aiforme.wiki/ai/tools/GitFluence)**

Why is it important to use Git command AI tools? 
Mastering Git commands is like wielding a powerful tool that empowers collaboration, version control, and seamless project management! ⚙️🔀

Now, let's delve into the game-changing Git command AI tool that will revolutionise your coding workflow! ✅

[GitFluence](https://www.aiforme.wiki/ai/tools/GitFluence):
🤖 Say goodbye to command search struggles! GitFluence is a web application powered by artificial intelligence that suggests appropriate Git commands based on your goals. No more Googling or scrolling through documentation! Simply describe your objective, and GitFluence quickly returns relevant commands, saving you time and effort.

Don't let Git commands intimidate you! These AI tools will supercharge your coding workflow and elevate your collaboration game to new heights. Click the link in the comments to discover more about this [amazing tool](https://www.aiforme.wiki/ai/tools/GitFluence)!

Get ready to navigate Git with ease! 💻🚀

[**FIND THE LINK 🌐💻**](https://www.aiforme.wiki/ai/tools/GitFluence)

#GitCommandAI #CodingEfficiency #AI
100 Days Coding Challenge - Day 29: PHP & MySql Login page
Tags: webdev, javascript, programming, 100daysofcode
Published: 2023-06-18 03:11:43

I'm learning how to do a login page with php, now it is supposed to be finished, but the credentials don't match, idk, tomorrow I will fix it.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ptiwy0kjuwmt7oezoot9.png)
Rails nested form (new gem with Stimulus)
Tags: ruby, rails, stimulus
Published: 2023-06-18 01:58:26

---
title: Rails nested form (new gem with Stimulus)
published: true
description: Handle dynamic nested forms, same as Cocoon, but using StimulusJS.
tags: ruby, rails, stimulus
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-06-15 10:33 +0000
---

Nested forms are forms that handle nested models and attributes in one form; e.g. a project with its tasks or an invoice with its line items.    
Before Rails 6, [Cocoon](https://github.com/nathanvda/cocoon) is a good choice for creating dynamic nested forms. But Cocoon needs jQuery to work well, it's a very old library on modern-day frontend frameworks. 
When Stimulus is came out, Rails devs is suggested to use Stimulus as Javascript library in their projects. So, I created a gem for handling dynamic nested forms with Stimulus JS. 
{% embed https://github.com/hungle00/rondo_form %}

Rondo Form is easy to use, it has the same tag helpers name as cocoon: `link_to_add_association`, `link_to_remove_association`. 
This gem does not need JS dependencies to work with, when you run under command, it will generate `nested_rondo_controller.js` in your `app/javascript/controllers/` folder: 
```
rails g rondo_form:install 
```
And auto import this controller into index.js.
``` js
import NestedRondoController from "./nested_rondo_controller"
application.register("nested-rondo", NestedRondoController)
```

You must add `data-controller="nested-rondo"` to an element, that wraps `fields_for` and `link_to_add_association` helper.
For example, we have Project model, which has `has_many` relationship with Task model. 
In your `projects/_form` partial:
``` erb
<%= simple_form_for(@project) do |f| %>
  <div class="form-inputs">
    <%= f.input :name %>
    <%= f.input :description %>
  </div>
  <h3>Tasks</h3>
  <div data-controller="nested-rondo">
    <%= f.simple_fields_for :tasks do |task| %>
      <%= render "task_fields", f: task %>
    <% end %>
    <div class="links">
      <%= link_to_add_association "Add Task", f, :tasks %>
    </div>
  </div>
  <%= f.button :submit %>
<% end %>
```
In your `_task_fields` partial:
``` erb
<div class="nested-fields">
  <%= f.input :description %>
  <%= f.input :done, as: :boolean %>
  <%= link_to_remove_association "Remove Task", f %>
</div>
```

This sample I built with SimpleForm gem, but the idea is the same with Rails standard form.
Seeking advice: Nextjs or Rails for a solo project or startup?
Tags: webdev, startup, nextjs, help
Published: 2023-06-18 01:07:21

I'm a solo developer in the early stages of product development and must choose between Rails and Next.js for my project. Which technology stack do you recommend for a startup? Here are specific factors I'm considering:

-Development Speed: Which framework streamlines development for maximum productivity and iteration?

-Scalability: Which stack better handles increased traffic and user load for future scaling?

-Community and Ecosystem: Which framework offers a larger and more active community of support and resources?

-Learning Curve: Which framework has clear documentation and an easy learning curve for beginner-friendliness?

-Flexibility and Extensibility: Which stack allows for easy feature integration, external service connections, and customizable requirements?

Based on the above factors, I seek insights, experiences, and recommendations to guide my decision. If there are other considerations, please share those also.

Thanks for your valuable input as I undertake this exciting journey of building software!
String Interning
Tags: todayilearned, ruby
Published: 2023-07-30 02:22:36

---
title: String Interning
published: true
date: 2023-06-18 00:00:00 UTC
tags: til, ruby
canonical_url: https://coreyja.com/til/string-interning
---

Today I learned about String Interning. Which is the process of taking a string and turning it into a number that you can use to represent that string. Its often used in cases where you might have a fixed number of strings, and want to perform things like equality checks quicker than doing string equality. You can map each string to a unique integer then do the equality check on the integer instead.

And even cooler I was actually familiar with the concept, just not the name! This is how Strings and Symbols work in Ruby! A Symbol is an 'interned string', that are often used as hash keys in Ruby. This is nice since we don't have to do string hashing on each hash lookup. Pretty neat!

Links:

- [Wikipedia](https://en.wikipedia.org/wiki/String_interning)

- [RubyDoc for `String#intern`](https://www.rubydoc.info/stdlib/core/String:intern)
An Overview of Database Clusters, Databases, and Tables in PostgreSQL
Tags: database, apache, apacheage, postgres
Published: 2023-06-17 23:11:32

In **PostgreSQL**, a database cluster is not a group of database servers but instead it is a single host that runs and looks after the database cluster as a whole. 

The logical structure of a database cluster is such that it is a database object and these objects are logically separate from one another. All of the PostgreSQL database objects are internally managed by assigning each of them their own separate **object identifiers (OIDs)**. These **OIDs** are 4-byte integers that help store the relation between database objects in proper system catalogs, based on the kind of object.

As for the physical structure, the database cluster is mainly a single directory known as a **base directory** which includes a few subdirectories and several files within the _subdirectories_. In this structure, a database is a _subdirectory_ with the base directory as the root with each of the tables and indexes are a single file saved in the _subdirectory_ of the database where it originally belongs.

A _tablespace_ in in PostgreSQl is an extra space to store data outside the base directory. It is created where the directory is specified when the **CREATE TABLESPACE** statement is issued. 

The internal layout of the **Heap Table File** is as follows:

- Heap tuple(s) 
  This is a record of the data. These tuples are stacked in such an order that they are from the bottom of the page.

- Line pointer(s)
  This is a 4 byte long pointer that points to each head tuple.

- Header data
  This is defined by the structure _PageHeaderData_ and is assigned at the starting of the page.

In conclusion, this was a short overview of database clusters, databases, and tables in postgreSQL.
What am I doing wrong in my robots.txt? - I thought Googlebot used the most specific, least restrictive rule.
Tags: webdev, help, robots, google
Published: 2023-06-17 21:39:02

## The Problem

So, there are three files on my website that aren't being indexed as they should because, apparently, they are being blocked by [my `robots.txt` file](https://calinzbaenen.github.io/robots.txt).
According to Googlebot, lines eleven, twelve, and thirteen are the ones causing the trouble:
![Image of the twelfth line being highlighted as an error.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g5kc00442ydituhiegvj.png)
However, this behavior is confusing because, as [according to the *Order of precedence for rules* section of *How Google Interprets the robots.txt Specification*](https://developers.google.com/search/docs/crawling-indexing/robots/robots_txt#order-of-precedence-for-rules), Google chooses the most specific and least restrictive rule.
To me, `Allow: /resources/furries/faq.html` is more specific (and less restrictive) than `Disallow: /resources/furries/`.



## The Desired Effect

The intended behavior is that with `Disallow: /resources/furries/` everything becomes blocked, including the directory **and** `index.html`, along with the files it contains, **except** everything I explicitly list, `faq.html`, `index.html`, etc... which are allowed to be indexed.
Unfortunately, I, seemingly, do not know how to get this behavior.



<b><center><b>Thanks in advance.<br/>Cheers!</b></center></b>
ChatGPT: How I used it to convert http requests to cUrl
Tags: tutorial, chatgpt, saas, opensource
Published: 2023-06-17 20:57:38

Hello fellow developers.
So today I asked ChatGPT to write a function that converts an http requests to curl commands. And I integrated this code to my sass project.
It worked flawlessly.

This is the chat:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mrrh3okrw8tdv0fwradw.png)

I modified the code a little bit for better presentation.
You can see the code I merged in this PR:
[Sharkio integrate cUrl PR](https://github.com/idodav/sharkio/pull/35/files#diff-88acaec5e6709ddef22fb0c5d746dd75ca1a62efa369d170e46633ac6aabe816R123-R141)


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



And this is the result:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fx2p60c4j8uoqdwbm89a.png)

If you want to know more about the sass I'm developing.
Check out [Sharkio](https://github.com/idodav/sharkio) on Github.
Responsive Multi-Item Carousel CSS-JavaScript
Tags: webdev, javascript, css, responsive
Published: 2023-06-17 20:26:20


That's right Fellas, No need for Plugins, Bootstrap and jQuery to get Multi-item Carousel for your websites. 

This is one responsive carousel for multiple items that displays 4 items per slide on Desktop and 2 items on devices like iPad and 1 item on devices like mobile.

You can customize it, according to your need. You can use your own styling, any of the Preprocessors or Frameworks and your own material inside the carousel items.

This multi-item Carousel has auto-play enabled and on Navigation via dashes, It slides 4 Present items at once and after 5 seconds, it enables auto-play again.


![Look Of multi-item Carousel](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5uo7ih8vyrfy1lg5pg9h.png)

Here, Click on this [Code Pen Snippet](https://codepen.io/arohi-saxena/pen/qBQZVWm).

Feel free to comment for any further suggestions or edits and if it could help you, Please let me know in the comment section below.
Complete Object Oriented PHP & MVC 2023
Tags: webdev, programming, tutorial, beginners
Published: 2023-06-17 20:11:52

New Course: Complete Object-Oriented PHP & MVC

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

In this course, we will go step by step to build a complete custom MVC (Model View Controller) framework Called PHPAdvance using object-oriented PHP. 

Enrol Now: https://www.aqskill.com/courses/complete-object-oriented-php-mvc/?r=176

We will build something similar to Laravel but much much lighter. This framework is completely open source and you are free to change the name, add stuff, etc and use it as your own.
Select the best GUI toolkit - part 5: Java Swing
Tags: comparison, java, gui
Published: 2023-06-17 20:09:01



![GUI screenshot](https://i0.wp.com/raw.githubusercontent.com/digfish/JAppMenuLauncher/main/screenshot.png?ssl=1)

NOTE: this the fifth part of a series. The previous article was about .NET Windows Forms. You can find the [article here](https://codehouse.digfish.org/selecting-the-best-gui-toolkit-part-4-windows-forms/").
Java Swing is one of the oldest GUI toolkits made by SUN, the creator of the language (the first was AWT) and had vast acknowledgment at the time. Another frameworks followed, like SWT made by IBM for their Eclipse IDE. Nowadays, there is also Thinlet and Pivot. At the time of creating, Swing had the purpose of providing one toolkit for all platforms, where the framework provided a look and feel so the application would look like as if it were native to the end user.
For this project i use the nowadays most used Java IDE, Jetbrains Intellij . Oracle, the trademarketeer of Java, still provides the oldest Netbeans IDE and there is also the Eclipse created initially by IBM.
Drag and Drop is supported and you can find the implementation in the [`FileListTransferHandler.java`](https://github.com/digfish/JAppMenuLauncher/blob/main/src/org/digfish/jappmenulauncher/FileListTransferHandler.java) file.
This port of App Menu Lanucher were, up to now, the only one that were able to run in Windows, MacOs and Linux wihout specific modifications. The UI aesthetics are not the most pleasant ones, but Java beats other development platforms by its long and stable support for almost all OSes.
The source code for this project [is available at GitHub](https://github.com/digfish/JAppMenuLauncher).

*Article posted using [bloggu.io](https://bloggu.io). Try it for free.*
<pride-flag> Web Component
Tags: webcomponents, javascript, pride, react
Published: 2023-06-17 19:41:43

Ain't the world a great place; 33 years active on the Internet and this post got me my very first hate mail. To the sender: I love you too!

<hr>

In his blog-post [Pride Flags](https://www.joshwcomeau.com/animation/pride-flags/) Josh Comeau does an excellent job creating an animated pride flag.

* He creates good HTML
* He adds cool CSS gradients
* He writes **native** JavaScript
* And then, to put the Pride Flag in the DOM,
he *spoils it all* by loading a **109 Kb dependency**:  
 ![](https://i.imgur.com/rQ9G5tt.png)

He was _just three lines short_ from creating a **native JavaScript** Web Component ``<pride-flag>`` that would **run in every Framework, in every modern browser, _without!_ ANY dependencies**

```javascript
customElements.define("pride-flag", class extends HTMLElement {
  connectedCallback(){
    this.innerHTML = PrideFlag();
  }
});
```

All credits to Josh, I refactored his code a bit, so https://pride-flag.github.io delivers a native JavaScript Web Component ``<pride-flag>``

**Sources: https://github.com/pride-flag/pride-flag.github.io**

Extending ``<pride-flag>`` itself with:

```javascript
customElements.define('pride-pan-flag', 
  class extends customElements.get('pride-flag') {
    connectedCallback() {
        super.connectedCallback([[331, 100, 55], [50, 100, 50], [200, 100, 55]]);
    }
});
customElements.define('pride-trans-flag', 
  class extends customElements.get('pride-flag') {
    connectedCallback() {
        super.connectedCallback([[200, 85, 70], [350, 85, 85], [0, 0, 100], [350, 85, 85], [200, 85, 70]]);
    }
});
```

adds 2 more Web Components.

### All required HTML:

```html
<script src="https://pride-flag.github.io/element.js"></script>

<style>
  flags {display:grid; grid: 1fr/1fr 1fr 1fr; gap:1em}
</style>

<flags>
  <pride-flag columns="10">
      </pride-flag>
  <pride-pan-flag columns="100" delay="20" billow="1">
      </pride-pan-flag>
  <pride-trans-flag columns="200" delay="20" speed="1700" billow="2">
      </pride-trans-flag>
</flags>
```

### creates:

{% jsfiddle https://jsfiddle.net/WebComponents/vjubp5oz result,html %}

#### Flag Configurator at: https://pride-flag.github.io

#### More Flags in a Web Component: https://flagmeister.github.io
<br>
<hr>
<br>

{% jsfiddle https://jsfiddle.net/WebComponents/62f1eLay result,html,js %}
Digital marketing
Tags: beginners, programming, tutorial, react
Published: 2023-06-17 19:12:25

Digital marketing is the process of promoting products and services via digital media in order to connect with customers in a timely, pertinent, personalized, and cost-efficient way. 1] Digital marketing incorporates numerous network marketing (Internet marketing) tactics and methods. Digital marketing includes a wider range of communication techniques that do not require the use of the Internet, such as offline media like TV, radio, SMS, and so on, or online media like web-based entertainment, electronic advertising, traditional marketing, and so on. [2] Short broadcast the use of the Internet, computer communication technologies, and digital interactive media to accomplish marketing goals is known as "digital marketing." In order to locate new customers, digital marketing will heavily rely on cutting-edge computer network technologies.
Measurement Scales in Software Quality Assurance
Tags: webdevelopemnt, sqa, softwaretesting, qualityassurance
Published: 2023-06-17 19:00:00

In software quality assurance (SQA), various measurement scales are used to assess and evaluate the quality attributes of software products and processes. These scales help in quantifying and comparing different aspects of software quality. Here are some commonly used measurement scales in SQA:

1. Nominal Scale: This scale is used to categorize items into distinct groups or categories without any inherent order. For example, assigning a defect type to different categories such as functionality, usability, or performance.

2. Ordinal Scale: In this scale, items are ordered or ranked based on their relative positions. However, the differences between the positions are not quantifiable. An example would be prioritizing software defects as high, medium, or low severity.

3. Interval Scale: Interval scales have ordered categories with equal intervals between them, but the zero point is arbitrary. This scale allows for measuring the difference between values. For example, assigning a rating scale from 1 to 5 for user satisfaction, where the difference between 1 and 2 is the same as the difference between 4 and 5.

4. Ratio Scale: Ratio scales have ordered categories with equal intervals, and they also have a meaningful zero point. This scale allows for meaningful ratios between values. An example would be measuring the execution time of a software module in seconds, where a value of 0 represents no execution time.

5. Likert Scale: Likert scales are commonly used in surveys and assessments to measure attitudes, opinions, and perceptions. They consist of a set of statements or items, and respondents are asked to rate their agreement or disagreement on a numerical scale, typically from 1 to 5 or 1 to 7.

6. Continuous Scale: Continuous scales are used to measure quantitative variables that can take any value within a range. For example, measuring the lines of code in a software module or the number of defects found during testing.

It's important to choose the appropriate measurement scale based on the nature of the attribute being measured and the analysis required. Each scale has its own characteristics and limitations, and the choice of scale should align with the goals and requirements of the quality assurance process.
Bard GPT - Best of both bots
Tags: ai, chatgpt, bard, bardgpt
Published: 2023-06-17 18:57:16

---
title: Bard GPT - Best of both bots
published: true
description: A browser extension that shows responses from ChatGPT alongside Bard, seamlessly combining ChatGPT and Bard AI in a user friendly side-to-side view.
tags: AI, chatgpt, bard, bardgpt
---


## Bard GPT - Best of both bots

Hi 👋🏻

TLDR; -> visit here -> https://tinyurl.com/bardgpt



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




## The Problem


With the recent rise in Ai, I was thinking there are currently two major ai bots - chat GPT and Bard, So how to get best of both ?


## The idea


The idea is to make a UI (user interface) such that user can  Enter 1 prompt and get both results of ChatGPT and Bard Ai together



![Bard GPT Features](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x96tjcm0bko7vokcry3q.png)




## The solution

Introducing "Bard GPT"

It is a chrome extension that shows responses from ChatGPT alongside Bard.

Seamlessly combine ChatGPT and Bard AI in a user friendly side-to-side view.



![Both bots comparision](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/im8ygoivzj42zyoyu7hm.png)


## 🚩Features ---

👉🏻 Dual AI-Powered Interface. 🚀
👉🏻 Easy side to side comparison 👀
👉🏻 No need to switch tabs
👉🏻 Just hit ----  ctrl / ⌘ + j  ---- and prompt 🪄
👉🏻 Darkmode ☀️
👉🏻 Fluid Interaction 🔍
👉🏻 Fast access using popup ⚡️
👉🏻 100% Free 🎉


{% youtube 5KuuSiBEaGw %}


Checkout bard GPT here - https://bardgpt.framer.ai/ 

or you can directly install it-> https://tinyurl.com/bardgpt

---

Let me know your thoughts in comments below 😀
Is this the future of Ai Bots.👀

How do you like my portfolio 🚀 - https://parammittal.vercel.app