teleren/devto huggingface dataset:
Being a Developer Advocate: Week 14
Tags: devrel, learninpublic
Published: 2022-12-11 19:00:04

This week I focused solely on developer onboarding again, as it is our main focus right now.

## Gitpod to the Rescue
One of our main problems is the time it takes for a developer to reach their first _AHA_-moment with ur product. Better known as the Time-To-Hello-World (TTHW).

This is why I focus on documentation and tutorials a lot.

But we also have a rather unique problem. We automate the operating system (OS). And every OS is different. Linux sometimes needs libraries to be installed first. macOS display management is inconsistent and also you need to give permissions to our product first. Add to that the sheer amount of variations and you got a lot of users dropping out of frustration -> **BAD**.

Gitpod offers a remote cloud environment where we can control the environment completely and eliminate nearly all of the problems described above! I got it working with the help of the fabulous Gitpod community. Check them out, you will not regret it :-)

Also there will be a separate post about our setup. I can not wait to write it ;-)

## Content - Getting Structure into the Process
At the moment we produce one piece of long form content every week. The streak is continuing since six weeks and we got content lined up for the rest of the year.

However, the process for publishing and distributng it through social media is basically non existent. Add to that content syndication and the chaos is perfect.

Therefor we looked into Hubspot and found out, that we could handle everything through this tool. From setting up a calender to creating shortlinks with tracking. I am relieved we as a team managed to sort this out, as it added a lot of communication to our daily doings.
Equality of values in JavaScript
Tags: javascript, webdev, beginners, tutorial
Published: 2022-12-11 18:54:41

I'm currently doing the [JustJavascript](https://justjavascript.com/) course, which I highly recommend, and I've learned how equality of values works in JavaScript.

There are 3 kinds of equality in JavaScript.

- **Same value equality**: `Object.is(a, b)`.
- **Strict equality**: `a === b` (triple equals).
- **Loose equality**: `a == b` (double equals).

## Same value equality

`Object.is(a, b)`  tells us if  `a`  and  `b`  are the same value:

```js
Object.is(2, 2); // 🟢 true
Object.is(undefined, undefined); // 🟢 true
Object.is(null, null); // 🟢 true
Object.is(true, true); // 🟢 true
Object.is(1, 1); // 🟢 true
Object.is(-1, -1); // 🟢 true
Object.is("Hello", "Hello"); // 🟢 true
Object.is({}, {}); // 🔴 false
Object.is([], []); // 🔴 false
```

## Strict equality

Strict equality works like `Object.is` but there are two exceptions.

**1.** `NaN === NaN`  is  `false`, although they are the same value in JavaScript.

There are some ways to safely check if two values are `NaN`:

- `Number.isNaN(variable)`
- `Object.is(variable, NaN)`
- `variable !== variable`

```js
NaN === NaN; // 🔴 false
Object.is(NaN, NaN); // 🟢 true
Number.isNaN(NaN); // 🟢 true
NaN !== NaN; // 🟢 true
```

**2.** `-0 === 0`  and  `0 === -0`  are  `true`, although they are different values in JavaScript.

In the common math that we all learn at school _negative zero_ does not exist, but it exists in _floating-point math_ for [practical reasons](https://softwareengineering.stackexchange.com/a/280708).

```js
0 === -0; // 🟢 true
Object.is(0, -0); // 🔴 false
```

## Loose equality

Loose equality is very confusing and that's why it's recommended not to use it. As an example, see these cases:

```js
[[]] == ""; // true
true == [1]; // true
false == [0]; // true
```

If you still want to learn how it works, you can read more about it [here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness#loose_equality_using).

## Resources

- [JustJavascript](https://justjavascript.com/)
- [Floating-point math](https://softwareengineering.stackexchange.com/a/280708).
- [Loose equality](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness#loose_equality_using).
Intro to Infrastructure as Code (IaC) in AWS context
Tags: aws, architecture, serverless, devops
Published: 2022-12-11 18:36:39

Hello devs

This post is about the following AWS picture:



![iac](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wbtiruav3yn3u3btiuwf.png)



Ok ... We have here in the cloud parts of the picture the following AWS cloud components:

- **Cloudformation** - Infrastructure as Code service from AWS to deploy aws components

- **S3** - object storage service, you can deploy here big data

- **Cloudfront** - CDN service from AWS

- **Lambda** - Serverless on AWS 🚀

....

The list can be around 200 services 😀

To deploy these AWS services you have many options. If you quickly test around you can use the AWS console. But if you want more reproducible architecture with CI/CD chain or deployments over stages with many accounts, in Cloud-Native development there are solutions named under the buzzword **IaC (Infrastructure as Code)**.

IaC code creates your infrastructure which is composed of cloud services, like S3. The advantage is we can handle your infrastructure like source code 😀

## Entering Cloudformation

Cloudformation is IaC service from AWS which accepts YML or JSON formatted files and deploys the described infrastructure from these files. Yes, Cloudformation is a setup as YML or JSON file 😀

For example, the following snippet describes an S3-Bucket (YML-formatted):

```
MyS3Bucket:
    Type: 'AWS::S3::Bucket'
    Properties:
      BucketName: !Join
        - '-'
        - - !Ref S3BucketName
          - !Ref 'AWS::Region'
```


The problem with Cloudformation is, these YML or JSON files can be very complex for big cloud architectures. Refactoring can be a disaster, therefore over the years many IaC frameworks are developed, so we enter IaC Frameworks or abstractions over Cloudformation

- [Terraform](https://www.terraform.io/)

- [Pulumi](https://www.pulumi.com/)

- [CDK](https://aws.amazon.com/de/cdk/)

- [SAM Framework](https://aws.amazon.com/de/serverless/sam/)

- [Serverless Framework
](https://www.serverless.com/)

- [SST](https://sst.dev/)

There are much more frameworks, every one with its strength and different paradigm.

All these frameworks produce in AWS as a cloud provider, Cloudformation code (YML-formatted) except Terraform and Pulimi, which creates and deploys your services. Frameworks like CDK, Serverless Framework or SST are only **abstraction** over Cloudformation, to make it easier to develop your infrastructure.

For example, the following SST-Snippet creates an S3-Bucket named Uploads.

```
let bucket = new sst.Bucket(this, "Uploads");

```

You see the difference, SST framework in this case uses another abstraction layer over CDK and has a programming paradigm for creating IaC 😀

Happy Coding 😀


I write a series of articles also on https://oedemis.gumroad.com/l/wplrv
cool deployment websites free
Tags: free, webdev, gamedev
Published: 2022-12-11 18:33:11

ok so hi my name is Jack Davis well not really it is complicated email me at 2220741@edtools.psd401.net for more info but for the sake of simplicity call me Ender so as most of you know github a amzeing place but still a pain in the ass to deploy so i i have some depolyers i am gonna share
1 koyeb


2 railway

3 storm kit

4 cloudflare

5 render

6 cube cloud

plz post more deployments site in the comments thx
My Devfest Experince as Speaker 
Tags: webdev, javascript, devfest, programming
Published: 2022-12-11 18:29:01

Hello everyone , I generally post about angular and tech related stuff only . However what i want to share today is also pretty much about tech event only.

**Today I had my first ever Event of DevFest as Speaker **. _What made me write this blog is to share my experience and motivate other tech enthusiast to come forward and become speaker at such events._

Let me count you the reasons why you must be at such events:

- All the attendes present there are genuinely attentive and are willing to learn something new.

- You get great vibes from everywhere around

- It's the platform to give back to your community.

- It gives you the recognition in the industry as well.

_I have attended the devfest Noida where most of the attendes were student. These students were not just immensly talented but the great audience as well._


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4cenrwy1xwp7crseckid.jpg)




_I really liked the respect they have for speakers and will to gain more and more knowledge .What i have realised is these students realise importance of knowledge and that's why they are valued everywhere._


**What have become pretty common these days is not respecting your teacher.I was pretty impressed with my audience out there**

Apart from that I got the chance to meet amazing tech leaders from big companies. Their insights will be life long lesson for me . Meeting such great personaties and sharing stage with them is a blessing for me .


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9569b4yifjab94u03x44.jpg)




**From my childhood ,I have felt the most confident on stage .You will be shocked to know I am an under confident person in real life . But an over confident person on stage**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0swqr9wmxlqyld7xej4g.jpg)

**THIS IS ME ,CONFIDENT ON STAGE :)**

_I don't know something's really wrong here but that's how it is._

**Apart from this the level of efforts volunteers give to make these events a success is just incredible . People were comparing #devfestNoida with international events.Their team work was pretty awesome. We can see what team work can do after these success events**


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

And let me tell you these volunteers were the college students.The organizers were also young but pretty wise at taking decisions and executing the event.

**One must always participate at such events as a volunteer,attendee,speaker or Organizer itself because it actually pushes you to develop the qualities you were not aware you had.**
App Ideas to make in 2023
Published: 2022-12-11 18:24:26

Here are a few app ideas that could be interesting to develop in 2023:

- A **virtual event platform** that allows users to create and attend virtual events, such as conferences, workshops, meetups, and other gatherings. The app could include features for scheduling and managing events, networking with other attendees, and participating in live sessions and discussions.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0sjua56nrrv233etrjo3.jpg)
- A **social networking** app for professional networking and job search. The app could connect users with potential employers and business contacts, and it could include features for creating and sharing a professional profile, networking with other users, and searching and applying for job opportunities.

- A **fitness and health tracking **app that combines personalized workout plans, nutrition tracking, and health monitoring to help users achieve their fitness goals. The app could use machine learning to customize workout plans based on the user's fitness level, goals, and preferences, and it could integrate with wearable fitness devices to track and monitor the user's activity and health data.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xvr9btkt7dyv1is9x335.jpg)
- A **personal finance management** app that helps users track and manage their spending, budgeting, and saving. The app could include features for linking bank accounts, categorizing expenses, creating and tracking budgets, and providing personalized advice and recommendations.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vetqbjfz6h5c5l04usif.jpg)
- A **mental health and well-being** app that provides users with tools and resources to manage their mental health and well-being. The app could include features for tracking mood and emotions, practicing mindfulness and relaxation techniques, and connecting with licensed therapists and mental health professionals.


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

These are just a few examples of app ideas that could be interesting to develop in 2023. The possibilities are endless, and the right app idea for you will depend on your interests, skills, and resources
Dev Retro 2022: How I have changed in just 365 days!
Published: 2022-12-25 19:43:10

---
title: Dev Retro 2022: How I have changed in just 365 days!
published: true
date: 2022-12-11 17:38:44 UTC
tags: 
canonical_url: https://abhirath.codes/dev-retro
---

Hi Everyone!

2022 has passed by soo fast, it felt like yesterday that I had built my first web app around this time. But 2022 was a year full of new technologies, with me learning major technologies, here is what I have achieved in the past year.

## 1. Coming back to my blog

Believe it or not, I had ghosted this blog for a long time due to not having enough time to post full-fledged articles, so many articles have been drafted, but not published as I lost the idea. But I am going to make a return, so stay tuned!

## 2. Getting Accepted for GitHub Student Developer Pack

Though it sounds boring, this developer pack is going to make me make better projects and better blog articles, with a wider range of technologies and apps.

## 3. Building a Chat app

Every developer has to build a chat app, whether it is sophisticated or simple, it always has to be done at some point in a developer's career, and I have taken the next step by building a boring chat app 🥱. Though it is pretty simple, it has made me a better developer (not a joke, lol) as I actually learned mustache and less while doing it.

## 4. Attending my first developer conference! (virtually 😑)

Yes, I have attended a virtual conference, actually twice! I first attended ViteConf, which was great, and NextJS's 13th version Conference (more of a keynote, lol) which made me have to MIGRATE ALL OF MY APPS TO THE APP DIRECTORY. Though I didn't have to and there could be a chance it will be deprecated, I like to live on the wilder side of the developer world, trying new technologies whenever I can (except for angular, EXCEPT FOR ANGULAR).

# Conclusion

Jokes aside, 2022 has been an amazing year for me, with me achieving many things I thought were impossible, and I am very thankful to be part of the developer community while building my little corner of the internet, one step at a time, until the next article, I'm signing out!
Top JS frameworks in 2023
Tags: javascript, jamstack, webdev, news
Published: 2022-12-11 17:19:11

It is difficult to predict with certainty which JavaScript frameworks will be the best in 2023, as the field of web development is constantly evolving and new frameworks are being released all the time. However, some popular JavaScript frameworks that are likely to remain popular in 2023 include:

1. **React**: React is a popular JavaScript library for building user interfaces. It is used by many large companies, including Facebook, Instagram, and Netflix, and has a strong ecosystem of libraries and tools.

2. **Angular**: Angular is a full-featured JavaScript framework for building complex, scalable web applications. It is supported by Google and has a large community of developers.

3. **Vue.js**: Vue.js is a lightweight, flexible JavaScript framework for building user interfaces. It has a gentle learning curve and a strong focus on simplicity and _performance_.

4. **Next.js**: Next.js is a framework for building server-rendered React applications. It is focused on performance and ease of use, and has been adopted by many large companies.

4. Svelte: Svelte is a novel JavaScript framework that compiles components at build time, resulting in small, fast, and easy-to-use _applications_. It has gained popularity for its simplicity and performance.

> Honourable Mention: Nuxt.Js

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5eo7ki8uv6xgd763tbhl.jpg)

It is worth noting that the best JavaScript framework for a particular project will depend on the specific requirements and goals of that project. It is worth evaluating the features and capabilities of each framework to determine which one is the best fit for your project
Lenguaje C
Published: 2022-12-11 17:13:31

int main(){
       int h = 3;
       int x = 7;
       int z = 9;

       char *sql; 
      //Crear BASE DE DATOS 
       (BBDD) 
      sqlite3 *db; 
      sqlite3_open("datos.db",&db); 

     //Crear Tabla 
       sql = "CREATE TABLE VALORES(" \
                 "ID INTEGER PRIMARY KEY,"\ 
                 "C1 INTEGER,"\ 
                 "C2 INTEGER,"\ 
                 "C3 INTEGER);"; 
      //---------------------------------------------------
     
     /*
      DUDA 1: Como puedo hacer la columna: [ID] de la tabla "Autoincrementable".

     // DUDA 2: Como puedo utilizar la instruccion      
         SQL: "INSERT INTO" de forma dinámica    
          mediante la API.?....Necesito introducir los       
          dígitos de las variables h, x y z en la tabla  
          "Valores".

       //DUDA 3: Como puedo actualizar y guardar los cambios realizados en la base de datos.
  */
    //---------------------------------------------------

     //Cerrar conexión a la BBDD.
     sqlite3_close(db); 
}
Canadian Municipal GitHub Rankings
Tags: opensource
Published: 2022-12-11 17:06:00

---
title: Canadian Municipal GitHub Rankings
published: true
description: Open source published by the government
tags: opensource
# cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tobrockhm0n009g3qdq.png
# Use a ratio of 100:42 for best results.
published_at: 2022-12-11 17:06 +0000
series: opensource
---

Part of the research I am doing in preparation for the [Open Source Developer Course](https://dev.to/szabgab/open-source-development-courses-5d4b) I mentioned earlier, is to find organizations with Open Source projects.

I started a Git repository listing [Open Source projects by Higher Education institutes](https://github.com/szabgab/open-source-by-higher-education) and another one listing [Open source projects by corporations](https://github.com/szabgab/open-source-by-corporations).

A subsection of the latter is the **Open Source projects by Non-profits** and the **Open Source projects by Governmental institutions**.

While looking for this last one I bumped into the

[Canadian Municipal GitHub Rankings](https://cityssm.github.io/municipal-github-rankings/)

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

Nice to see several governments not only using open source but also publishing projects under an [OSI approved license](https://opensource.org/licenses).

## And yours?

What about your government? Do they publish Open source code? Do they have a GitHub organization? Let me know so I can put together a nice page.
JavaScript Loops
Tags: javascript, beginners, programming, webdev
Published: 2022-12-09 15:09:15

**Loops are used to execute a block of code multiple times while a condition remains true. If, for example, you wanted to log to the console every number from 1 to 100, you could use a loop instead of having to type out each number.**

**While Loops**
While loops are created using the 'while' keyword followed by parenthesis containing a conditional statement. One of the value in the conditional statement must be a variable.

First the variable must be declared and assigned a value.
`let i = 1;`
The variable will be used in the conditional statement inside of parenthesis.
`while (i <= 10){`
After the parenthesis there will be a code block inside {} that will execute until the condition is false.
`console.log(i);`
There must be some sort of incrementation (or decrementation) applied to the variable in the condition so that the condition approaches becoming false.
`i++;`
}
Once the condition is false we will 'break out' of the while loop and it will stop executing.
let i =1;

```
while (i <= 10){
  console.log(i);
}
```
**For Loops**
For loops accomplish the same thing as while loops using different syntax. For loops are created using the 'for' keyword followed by parenthesis containing 3 expressions separated by semicolons. The first expression is initialization in which a counting variable is created. The second expression is the condition that must remain true the code block to execute. The final expression is the increment or decrement which will be applied to the counting variable.

```
for (let i = 10; i >=0; i--){
  console.log(i);
}
```
**For in Loops**
For in loops are different than for and while loops as they apply specifically to objects. for in loops are created using the 'for' keyword followed by parenthesis. Inside the parenthesis is a variable followed by the keyword 'in' and the name of the object that we are iterating over. The variable will represent each property inside the object allowing us to access every key and value pair.

```
let team = {
  name: 'Jets',
  city: 'New York',
  conference: 'AFC',
}
```

```
for (let key in team){
  console.log(key, team[key])
}
```
The code block inside {} will execute for each property in the team object. This code will log each key in the team object followed by the value located at each key in the team object.
"The name org.freedesktop.secrets was not provided by any .service files"
Tags: linux, endeavouros, vscode
Published: 2022-12-11 16:46:01

I can't sync vscode to github account with `"The name org.freedesktop.secrets was not provided by any .service files"` error. And I solv with install `gnome-keyring`


![The name org.freedesktop.secrets was not provided by any .service files](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q96ymnx078wf8o4trnq1.png)

```
sudo pacman -S gnome-keyring
```

---
## reference 
[code.visualstudio.com](https://code.visualstudio.com/docs/editor/settings-sync#_troubleshooting-keychain-issues)
CSS Snowy Winter : codepen design
Tags: codepen, css, design, beginners
Published: 2022-12-11 16:28:37

##  Best codepen pen this week

{% codepen https://codepen.io/FlyBirds-Box/pen/XWYGgGE %}


Now that the design of this codepen has been finalized, it's time to start thinking about the next one. What are some interesting ideas that you have?
Change PORT on react project
Published: 2022-12-11 16:19:58

1st way:
- create .env file
- and write: `PORT=3010`

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

2nd way: 
- in the package.json file
- change: `"start": "react-scripts start",`
- and type : `"start": "set PORT=3020 && react-scripts start",`

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