teleren/devto huggingface dataset:
Ruby on Rails 2023 - 0.2% -0.7% Percentage of Active Websites!
Tags: ruby, statistic, usage, popularity
Published: 2023-05-20 03:30:24

Probably I am becoming boring with this Bard / ChatGPT statistics about Ruby On Rails. What can I do. I think I am just human like everyone else. Even I know that all those tweets about 'Dying Rails' and similar  are kind of click bytes, somehow I cant just look at it and not react. So, I hope this short info about current states of Ruby On Rails usage in 2023 collected from modern AI's can help many people to know a real status of technology.
(if its possible to have real numbers at all).

According to **BuiltWith** Trends, as of May 19, 2023, there are 661,621 live websites using Ruby on Rails. This represents approximately **0.2%** of all active websites.

It is important to note that this number is constantly changing, as new websites are built with Ruby on Rails and old websites are retired. Additionally, the number of websites using Ruby on Rails may vary depending on the source. For example, the **TIOBE** index estimates that Ruby on Rails is used by **0.7%** of all websites.

Overall, [Ruby on Rails](https://www.rubyonrails.ba) is a popular framework for building web applications, but it is not the most popular framework. It is important to choose the right framework for your project, based on your specific needs and requirements.

![statistic of usage ruby on rails 2023](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9nqtn680zog5rvg7w6dw.png)
If we can use symbolically term '**Dying**' for something which constantly loosing usage over the years, constantly lowering users, new product base, then we can openly say **Ruby On Rails is far from his teenage period**. Its definitely in his senior phase. It more looks like a healthy senior who spend lots of time in a past in sports activities like dancing or something and now in his senior ages he is not so young and so active but it still has some nice moves and charms like in beginning. 

[![old ruby  on rails ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7m9ktq9xir6smr9z1zbo.png)](https://blog.rubyonrails.ba)
huh, joking. **Rails is still the best tool out there** but definitely these numbers saying that usage dropping and you can call it what ever you want...
3 Lightweight CSS Frameworks
Tags: css, frontend, opensource, beginners
Published: 2023-05-20 03:29:44

## [Milligram](https://milligram.io/)

Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipped! It's not about a UI framework. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code. Hope you enjoy!

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

[GitHub](https://github.com/milligram)

---


## [Neptune CSS](https://neptunecss.org)

Neptune CSS is free and open source. It is a lightweight CSS framework and makes you webdesign faster. You can setup your project by changing a few variables.


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

[GitHub](https://github.com/neptune-css) [Twitter](https://twitter.com/neptunecss) [Instagram](https://www.instagram.com/neptune.css/)

---


## [Pure CSS](https://purecss.io/)

Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.


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

[GitHub](https://github.com/pure-css/) 

---


## Support my Social Media
[GitHub](https://github.com/CGWebDev2003) [Twitter](https://twitter.com/CGWebDev2003) [Instagram](https://www.instagram.com/colingrahm.dev/)
MySQL Error 2003 (HY000): Can't connect to MySQL server on 'localhost:3306' (10061)
Tags: mysql, sql, help, errors
Published: 2023-05-20 03:11:52

So we have finished [ installing MySQL](url) and we want to start it at the command line. There are times you may come across the 2003(HYOOO) error or the MySQL Command Line Client may disappear after it prompts you for your password. Do not fret, this is easily fixed.


## How to fix it;

Please see the steps below to fix the problem.

1. Log in as Admin to your system
2. Open the Task Manager panel 
3. Go to the Services tab.
4. Look for your MySQL service. 
It will show the service has stopped.
5. Select the MySQL and right click. You will get Start option. Select start command, give it a few minutes to start and in a while it will read running. Please see the below image for reference.
![Image showing how to start MySQL server from task manager](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eqyr9ry0qlt0ybyxpobl.PNG)

6. Please recheck that MySQL service has been started successfully.
7. In case MySQL services do not start using this way, It means you are not logged in with Admin account. In this case you will receive this error.


![Image showing error because f not running ad admin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t8ispccvum2ggnkvidhn.PNG)

Please follow next given steps to start MySQL service from Administrative Panel.

8. Please Go to  Control Panel > All Control Panel Items > Administrative Tools.
9. Go to Services. 
10. Select MySQL56 under Name column.
11. Click on start link from left panel to start MySQL Service.
12. Once MySQL service started go to the MySQL Command Line Client
13. Enter your MySQL password.
14. We can see image given below after MySQL server started successfully.


![Login sucess](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3dq90im8ujaa2ppy6jh5.PNG)

Login success! Your MySQL server is now ready to connect!

Thanks for reading this post. Please let me know if your problem has been resolved. Like, comment and share. 

Finally, In case you want to learn how to install MySQL server from scratch please check [this blog post ](url)on my learning SQL series.
What are Angular Signals? Explain with example.
Tags: angular
Published: 2023-05-20 02:59:16

What is Signals?
Signals serve as wrappers around values, offering the ability to notify interested consumers whenever the encapsulated value undergoes a change. These signals can accommodate a wide range of values, encompassing both basic primitives and intricate data structures.

What is Angular Signals?
Angular Signals is a powerful system that provides detailed monitoring of state usage within an application, enabling the framework to efficiently optimize rendering updates.

How to use Angular Signals explain with simple example?
In this example, we create a signal called count and set its initial value to 0. We then subscribe to the signal so that we can be notified whenever its value changes. Finally, we add a button that increments the count when clicked.

When the button is clicked, the incrementCount() method is called. This method sets the value of the count signal to 1. The subscribers to the signal are then notified of the change, and the new value is displayed in the UI.

In typescript file

```typescript
import { Component, OnInit } from '@angular/core';
import { signal } from '@angular/cdk/platform-browser';

 @Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

count = signal(0);

constructor() { }

ngOnInit() {
   this.count.subscribe(value => {
      console.log('Count changed to', value);
   });
}

incrementCount() {
   this.count.value++;
}

}
```

In HTML file

```html
<h1>Angular Signals Example</h1>

<button (click)="incrementCount()">Increment Count</button>

<p>Count: {{ count }}</p>
```
For English studying...
Tags: career
Published: 2023-05-20 02:55:36

My new boss is a man from France.
Body language doesn't work to him.
I should study English again.

The above is a part of a famous song in Japan.

I am publishing a tech blog in Japanese, following:
https://qiita.com/cress_cc

But there is not enough tech information in Japanese, and so is English.
Therefore, I'll write tech articles while studying English.

Sorry for my poor English, and thank you for reading.
frontend, front-end or front end ?
Published: 2023-05-20 02:52:18

Whenever I create a new social network it's a challenge to build a bio when there's the question `"what's your job?"`.

The question that remains is: **After all, which one to use in general?**
If you, like me, have this **same doubt**, come with me and **I'll help solve it**.

According to a poll made by **_Chris Coyier_** on **_CSS-Tricks_** where he had the options: 

> 1. frontend
> 2. front end
> 3. front-end
> 4. Front end
> 5. Front-end
> 6. Front End
> 7. Front-End

after more than 56 thousand votes, the result was: 

> frontend = 22% 
> front-end = 20% 
> front end = 7% 

So we hit the hammer saying that frontend is the right one? **Not yet**.

According to a survey by **_Sam Deering_** at **_sitepoint_** most of the searches he did point, most of the time, to **front-end**. Whether searching for job openings on linkedin, topics on stackoverflow and other things. Now yes, is the correct front-end? **Not yet**.

Yeah, but anyway, what's the answer? And the answer is: **it depends**.

**_Ivan Stevkovski_** made a great explanation on the **_Medium_** website. It uses as a base the compound noun that ends up confusing since it can be written in three ways and the correct one ends up being frontend but no, the end of the post, according to the **Cambridge dictionary**, states the following:

> “front end” — the parts of a computer, piece of software, or website that are seen and directly used by the user
> “front-end” — used as a compound adjective to describe another noun.
> Therefore, based on the Cambridge dictionary, you should use “Front end” (as a compound noun) and “Front-end” (as a compound adjective).
> Compound noun ex: There are some issues on the front end.
> Compound adjective ex: I am a front-end developer.

Thank's for you attention.

---

> _References_

> {% embed https://css-tricks.com/new-poll-front-end/ %} 
> {% embed https://css-tricks.com/poll-results-front-end-front-end/#:~:text=The%20term%20%E2%80%9Cfront%2Dend%E2%80%9D,when%20used%20as%20a%20noun. %}
> {% embed https://www.sitepoint.com/spelling-frontend-front-end-front-etc/ %}
> {% embed https://medium.com/@ist.stevkovski/is-it-front-end-or-front-end-or-frontend-3ae717cae4aa %}
React(ion).js
Tags: reactjsdevelopment, learning
Published: 2023-05-20 02:45:36

As a budding JavaScript developer, I have been intrigued by React.js and its reputation for being the cutting-edge technology of web development. Despite its initial learning curve, I have found it to be a sort of invigorating challenge that‘a expanded my knowledge and skill set beyond my expectations.

The modular nature of React, which enables developers to create reusable components, is one of its most appealing features. It provides a sense of virtual building blocks, akin to Legos (but more so a house of cards), that can be arranged and rearranged in a multitude of ways, thus allowing for greater flexibility and scalability.

Beyond the benefits of React's structure and components, there is an added layer of amusement to be enjoyed. The community of React developers has created a humorous culture around the technology, complete with its own set of memes that are only understood by those who have experienced the joys and tribulations of working with React at 4am. I find myself looking forward to contributing to this community and adding my own insight and humor to the mix.

While React can be daunting, the satisfaction of finally solving a problem that has been plaguing a file for hours is unparalleled. I’m eager to continue exploring the technology and discovering new ways in which it can be utilized. Ultimately, my goal is to become a proficient React developer and to leverage my newfound knowledge to create innovative, dynamic web applications, and secure a job that complements that all.
Internals of Postgres, Understanding the Database Structure
Published: 2023-05-20 02:41:02

PostgreSQL, also known as Postgres, is a free and open-source relational database management system that emphasizes extensibility and SQL compliance. The Apache AGE team leverages its extensibility to build a graph database using openCypher.

Excerpts in this blog post have been taken from the book "Internals of Postgres," authored by Hironobu SUZUKI.

PostgreSQL's database structure is unique and will be summarized as follows.

**Logical Structure of Database Cluster**

A database cluster in PostgreSQL is a collection of databases managed by a PostgreSQL server. In a previous [post](https://dev.to/chidera/creating-your-first-graph-database-7mm), I started a database cluster called `test` using the command `bin/pg_ctl -D test -l logfile start` and subsequently created a database within the same post using `bin/createdb testdb`. A database cluster can contain different databases. The following image, extracted from "Internals of Postgres," provides a clearer explanation.

![A picture showing a database cluster with database inside of it, and database objects inside a database](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t71pe4uzynu6cl2a4ud7.png)


**Databases**

A database is a collection of database objects, which encompass tables, indexes, views, sequences, and even the database itself. The image above illustrates a database with various database objects contained within it.

**Object Identifiers (OIDs)**
OIDs (Object Identifiers) in PostgreSQL are unique identifiers assigned to database objects. These identifiers serve as internal references that aid PostgreSQL in managing and referencing objects within the database.

**Physical Structure of Database Cluster**

In terms of the physical representation, a database cluster is symbolized by a base directory encompassing subdirectories that correspond to individual databases. Each of these subdirectories contains a variety of database objects associated with the respective database. Tables or indexes with a size less than 1GB are managed by individual Object Identifiers (OIDs), while the data files are handled by a variable known as "relfilenode." However, when the size exceeds 1GB, a new relfilenode is created to manage it.

**Conclusion**
Understanding the logical structure of a database cluster is crucial, as it allows individuals to comprehend the relationships between the database objects and databases within the cluster.

Its physical structure helps individuals gain insights into the specific locations of files, facilitating easier manipulation and management of the database.

Further reading on specific database objects can be done [here](https://www.interdb.jp/pg/pgsql01.html).

**References**
https://www.interdb.jp/pg/pgsql01.html
Working on an idea for a startup? Microsoft could help you with that - here's how.
Tags: startup, azure, openai, microsoft
Published: 2023-05-20 01:37:09

If you have an idea for a startup, and you are looking for resources and support to help you get started prototyping a product or even building your own software as a service - Microsoft could help you with that, here's how.

Before that, let me explain a bit about startups

- What is a startup? 

- As a developer, why should you look for resources and support to help you out with working on an idea for your 
startup

- several companies you could try looking into to help you out with your startups (i.e. AWS, Azure, Google Cloud and even your government)


## What is a startup anyway?
a startup in its formal defintion is just a newly established business, A business that aims to introduce innovative products and create new business model that address societal and market needs - In other words, start-ups work on providing a new product or service that aims to solve a problem and hopefully make money solving that problem


## Why look for resources and support when you're working on an idea for a startup?
as a developer, having an idea for a startup is just a start - you need to validate your idea and refine your idea and prototype your product and usually iterate and change your product as assumptions got validated - all those usually takes time and effort.

Looking for resources and support (such as the Microsoft Startup Founders Hub) even if you only have an idea is great because:
- those programs usually have expertise when it comes to helping early-stage startups
- they usually provide you opportunities to network and connect with industry experts to help you validate idea and provide you tools to help you prototype your product as assumptions come and go
- you get access to training and support, you as an early-stage founder would find helpful

## What is Microsoft for Startups Founders Hub?
It is a platform that helps you turn your idea into a viable business by providing you with resources, guidance, and support - this include OpenAI, Azure, Bubble, and many more.

With Microsoft for Startups Founders Hub, you get:
- learn from experts and mentors who have been there and done things.
- connect with other startup founders who are on the same journey as you.
- get valuable feedback and validation for your idea and product.
- find potential customers, partners, and investors for your startup
- get access to tools and services to help you build, deploy your production

and the best part, no funding is required - only a LinkedIn account or a Microsoft account is needed to get started applying to the program.

Conclusion:
Microsoft for Startups Founder Hub is a wonderful way to get started working on your idea for a startup. It can help you avoid common pitfalls, learn from best practices, and accelerate your progress. So, what are you waiting for? Try signing up today and see what Microsoft for Startups Founder Hub can do for you!
Django Project with docker container
Tags: docker, django
Published: 2023-05-20 01:28:09

---
title: Django Project with docker container
published: true
description: 
tags: docker, django
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-05-20 01:21 +0000
---

```py
python3 -m venv env
source env/bin/activate
# . .env/bin/activate
pip3 install django
django-admin startproject django_practice .
pip freeze > requirements.txt
```
**Dockerfile**

```docker
# Utiliza una imagen base de Python compatible con Django
FROM python:3.9

# Establece el directorio de trabajo dentro del contenedor
WORKDIR /app

# Copia el archivo de requerimientos de Python al contenedor
COPY requirements.txt .

# Instala las dependencias del proyecto
RUN pip install --no-cache-dir -r requirements.txt

# Copia el código del proyecto al contenedor
COPY . .

# Expone el puerto 8000 para acceder a la aplicación
EXPOSE 8080

# Comando para iniciar el servidor de desarrollo de Django
CMD ["python", "manage.py", "runserver", "0.0.0.0:8080"]
```
**docker-compose.yml**
```docker
version: '3'

services:
  db:
    image: mysql:5.7
    restart: always
    environment:
      MYSQL_DATABASE: nombre_base_de_datos
      MYSQL_USER: nombre_usuario
      MYSQL_PASSWORD: contraseña
      MYSQL_ROOT_PASSWORD: contraseña_root
    volumes:
      - mysql-data:/var/lib/mysql

  web:
    build:
      context: .
      dockerfile: Dockerfile
    restart: always
    ports:
      - 8080:8080
    depends_on:
      - db
    volumes:
      - .:/app

volumes:
  mysql-data:
```
**image**
```docker
docker build -t django_practice .
```
**run**
```docker
docker run -p 8080:8080 django_practice
```

http://localhost:8080
Sloan's Inbox: What's Your Advice on Where to Start and How to Study in the World of Coding?
Tags: discuss, beginners, learning
Published: 2023-05-19 23:53:27

Hey there, awesome community! It's your slothful host, Sloan, swinging back into action with another edition of Sloan's Inbox. :sloth: Your never-ending stream of questions and boundless enthusiasm never fail to bring a smile to my face! Thanks to an extra intriguing question from a newbie developer, I'm here once again, and I'm counting on all of you to lend your valuable insights and advice. So, let's gather 'round and embark on this knowledge-sharing adventure. Together, we'll make this developer journey a slow and steady success. Let's get the conversation started!

Today's question is:

> I need advice on the best starting point for my learning journey. What should I prioritize learning first? And can you give me some effective study techniques and strategies to make the knowledge stick in my head? 



*Want to submit a question for discussion or ask for advice? [Visit Sloan's Inbox](https://docs.google.com/forms/d/e/1FAIpQLSc6wgzJ1hh2OR4WsWlJN9WHUJ8jV4dFkRDF2TUP32urHSAsQg/viewform)! You can choose to remain anonymous.*
While Loops in JavaScript | JavaScript #8
Tags: javascript, programming, chatgpt, devops
Published: 2023-05-19 23:41:39

// The while loop 
// The syntax of the while loop look like this :
// while (condition){
// ||code to excuted 
// }
// Note : if the condition never become false the while loop will never end this might crash the runtime 
// To explain 

// let n = prompt("Enter the value of n")
// n = Number.parseInt(n)

// let i = 0;
// while(i<n){
//   console.log(n)
//   i++;
// }

// do while loop 

let n = prompt("Enter the value of n")
n = Number.parseInt(n)

let i = 0;
do{
  console.log(i)
  i++;
}while (i < n ) [](https://replit.com/@SkSage/While-Loops-in-JavaScript-10#index.js)
Instalacija Dockera
Tags: devops, docker, tutorial
Published: 2023-05-19 22:27:03


1. INSTALACIJA DOCKER REPO

Na novoj masini potrebno je za prvi put postaviti Docker repozitorij, nakon toga mozemo da instaliramo i radimo update Dockera iz repozitorija. 

Deinstalacija starih verzija Dockera

        sudo apt-get remove docker docker-engine docker.io containerd runc


**Instalacija koristeci apt direktorij **

1.
    a) Update apt paketa index

        sudo apt-get update

    b) Instalacija paketa dozvoljavajuci apt da koristi repozitorij preko HTTPS

        sudo apt-get install ca-certificates curl gnupg

    
![instalacija-paketa-https](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fjmij0k5gzbv0uxzowzf.png)

2. Dodavanje GPG official kljuca za Docker:

        sudo install -m 0755 -d /etc/apt/keyrings

        curl -fsSL https://download.docker.com/linux/debian/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg

        sudo chmod a+r /etc/apt/keyrings/docker.gpg

3. Postavljanje repozitorija 

        echo \
         "deb [arch="$(dpkg --print-architecture)" signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/debian \
        "$(. /etc/os-release && echo "$VERSION_CODENAME")" stable" | \
        sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

Nakon ove komande nema nikakvog ispisa. 



**2. INSTALACIJA DOCKER ENGINA**

1. Update paketa 

        sudo apt-get update 

2. Instalacija Docker engina, containerd i Docker COmpose 

        sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin

3. Verifikovati da je Docker engin uspjesno instaliran, pokretajuci komandu hell-world, tj. image. 

        sudo docker run hello-world

    
![hello-world-run-docker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aepz96g28j3cu09w21xk.png)