teleren/devto huggingface dataset:
My experience with Vue
Tags: vue
Published: 2023-05-21 09:37:00

---
title: My experience with Vue
published: true
date: 2023-05-21 09:35:41 UTC
tags: vue
canonical_url: https://blog.nicm42.co.uk/my-experience-with-vue
---

I've done a a few projects using React and one using Svelte, so I though it was finally time to try Vue.

Vue has a similar idea to both React and Svelte, so I at least had an idea of what I was doing. But it was different enough that sometimes I had no idea how to do the simplest little thing. It meant I spent a lot of time Googling. Which in itself was a bit fraught because I was using Vue 3. I knew things had changed quite a bit between Vue 2 and Vue 3, but not what exactly. So sometimes solutions didn't work because they were one of the things that changed.

Once I got the hang of things it got easier. I think of the three that Svelte is easiest to understand. I think Vue is a combination of Svelte and React. I don't know that Vue is any easier or harder than React, though. I think they each have some things that are more or less intuitive.

On the whole I enjoyed getting to learn and use Vue. I would definitely use it again. If I used it more I know I'd get more confident with it.
How to get Jetbrains IDE's for free
Tags: beginners, programming, tutorial
Published: 2023-05-21 09:10:04

I wanted to get the Jetbrains IDE Phpstorm for free and i think many people do not know that they can get all IDE's for free.

Jetbrains allows students to get their products for free the only thing you need is your students card, official university email address, ISIC or ITIC card, GitHub Student Developer Pack account or any other official document

So if you are a student and are looking for an IDE, Jetbrains is a very good provider in my opinion.

https://www.jetbrains.com/community/education/#students/
Many followers - few readers
Tags: writing, meta
Published: 2023-05-21 08:30:50

---
title: Many followers - few readers
published: true
description: There is no real correlation between readers and followers
tags: #writing, #meta
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-05-21 08:23 +0000
---

Recently I saw a post by @codenameone about a spike in follower-count.

{% embed https://dev.to/codenameone/weird-follower-spike-on-devto-41jm %}

I just looked at my [stats](https://dev.to/dashboard/analytics) and saw a similar spike in the last 12 days or so.

I already have 2,126 followers. Unfortunately that does not translate to more readers.

I published two articles during the week preceding that spike the had slightly more readers than usual. That might be part of the source of the new subscribers, but I don't see any increase in the regular view-count which is around 50/day.

There seem to be no correlation between readers and followers.
Hacking Podcasting: a Developer Hacking Content Repurposing for my Company
Tags: podcast, socialmedia, ai, clips
Published: 2023-05-21 08:26:48

Hi my name is Yuval, sw dev :)

I work for a corporation and am friends with people from our marketing department, I chatted with one of our social media personas and realized we were sitting on a potential gold mine - hours of podcast videos gathering dust. We were doing it wrong, I realized. We were producing great content but failing to deliver it in a form that was digestible to our busy listeners. Although we wanted to edit it down to podcast clips. But with the massive amount of content, the task was close to impossible. Until the AI hype induced dev in me whispered, "Why not build an AI to do it?"
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g5twkzarpnzps10g83ux.png)

The Dawn of the Idea: Build a Podcast Content Repurposing
tool, We were making art, but our listeners were time-starved. They needed snack-sized content, something they could consume on the go. Podcast clips were the answer - punchy, focused, and easy to digest. But carving out these clips from the monumental pile of podcast videos was another story. It was time-consuming and mind-bogglingly manual.

That's when I thought - what if we could create an AI tool to automate this?

My First Code: With my superiors' approval, I started developing an AI tool that could efficiently slice podcast videos into sharp, engaging podcast clips. a few ChatGPT API calls later I had working code pick out the meaty bits from our podcast videos, trimming the fat and serving up tasty content pieces.

The outcome? An AI tool capable of gulping down lengthy podcast videos and spitting out shareable podcast clips, with minimum human intervention.

From the Developer's Den to the Market: Software at Its Finest
After successfully implementing the tool within our podcast studio, an ambitious thought popped up. With the green light from my supervisors, I decided to pack up this AI wizard into a neat software package.

As a developer, it's a proud moment for me to have built something that solves a problem. And this is just the beginning.

Hacking together code and crafting an AI tool landscape was a journey I'll never forget. We went from an in-house tool to a successful software product that has now become the industry standard. AI-driven podcast video repurposing is here, and it's not going anywhere.

Keep an eye on this space for more exciting updates from my programming adventures. And hey, if you want to geek out about AI, podcasting, or both, hit me up!

Also, I've recently got permission from our legal department to release it as a commercial product, so here it is:
https://chopshopai.com

I'm just in love rn with: 
podcast clips, podcast video repurposing, podcast repurposing
🎉 Iconsans - +320 Free Icons for your next project
Tags: react, vue, javascript
Published: 2023-05-21 07:56:00

Iconsans is a collection of over 320 free icons designed for use in your next project. This package offers separate versions for Vue and React, making it easy for developers and designers to access a wide range of icons that can be used in a variety of applications.

 Demo: [https://mortezasabihi.github.io/iconsans/](https://mortezasabihi.github.io/iconsans/)
Java Through the Ages: Unraveling the Top Features of Each Major Version
Tags: javaevolution, java, coding, developer
Published: 2023-05-21 07:38:35

Since its beginnings, Java, a flexible and popular programming language, has undergone a remarkable growth and change. Java has added new features and improvements with each major version release, changing the way programmers write code and create applications. In this article, we'll trip through the several Java iterations and examine their key characteristics, highlighting key turning points in the development of the language.


| Version | Release Date | Top Features |
| --- | --- | --- |
| Java 1 | Jan 23, 1996 | Platform independence, basic object-oriented programming |
| Java 2 | Dec 8, 1998 | Improved libraries and APIs, Java Development Kit (JDK) |
| Java 5 | Sep 30, 2004 | Generics, enhanced for loop, annotations |
| Java 6 | Dec 11, 2006 | Scripting language support, enhanced JDBC |
| Java 7 | Jul 28, 2011 | Switch statement enhancements, try-with-resources |
| Java 8 | Mar 18, 2014 | Lambda expressions, Stream API, Default methods |
| Java 9 | Sep 21, 2017 | Module system, JShell, HTTP/2 support |
| Java 10 | Mar 20, 2018 | Local variable type inference |
| Java 11 | Sep 25, 2018 | HTTP Client API, Local variable syntax for lambda parameters |
| Java 12 | Mar 19, 2019 | Switch expressions, compact number formatting |
| Java 13 | Sep 17, 2019 | Text blocks, dynamic CDS, ZGC |
| Java 14 | Mar 17, 2020 | Pattern matching for instanceof, records |
| Java 15 | Sep 15, 2020 | Sealed classes, hidden classes, text blocks |
| Java 16 | Mar 16, 2021 | Records, pattern matching for instanceof |
| Java 17 | Sep 14, 2021 | Sealed classes, pattern matching for switch |
| Java 18 | Mar 22, 2022 | Vector API incubation, preview of pattern matching for switch expr. |
| Java 19 | Sep 20, 2022 | Structured concurrency, record patterns, preview of foreign API |
| Java 20 | Mar 21, 2023 | Virtual threads, vector API proposal, structured concurrency, more |


Conclusion:
Over time, Java has seen tremendous change as it adapted to the shifting demands of developers and the market. Every significant Java update has added useful features and enhancements that allow programmers to create cleaner, more effective, more contemporary code. Keeping up with the most recent Java release ensures access to these developments, enabling developers to produce creative and reliable apps. We eagerly anticipate further releases of Java and the fascinating features they will bring.
Xamarin, I Hate U
Tags: xamarin, dotnet, netmaui
Published: 2023-05-21 06:36:19

As a Xamarin and .NET MAUI user, I am actually very happy with the existence of this framework because with one language, we can write both the backend and mobile applications (using ASP.NET Core and Xamarin).

## Introduction
I am a programmer who deals with .NET, Xamarin, and SQL Server on a daily basis. I work for an enterprise where introducing a new technology requires extensive and costly studies, unlike startups that can easily propose relevant technologies for the problems they are addressing.

## Main Problem
I need to migrate from Xamarin to .NET MAUI because Xamarin will be out of support in 2024. You can find more information about it here: https://dotnet.microsoft.com/en-us/platform/support/policy/xamarin

Performing this migration is not as simple as it may seem. First and foremost, we need to merge the Xamarin.Android and Xamarin.iOS sources into a single project before we can combine them into .NET MAUI. Some of you may wonder, "Why were the Android and iOS projects separated in the first place?" The answer is that at that time, we lacked sufficient proficiency in Xamarin. Therefore, we chose to keep the source code separate to minimize the occurrence of errors.

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

You might be thinking now, why don't we just merge the two Xamarin projects first and then migrate to .NET MAUI? Well, that's exactly what we thought, but in reality, it's still challenging. We need to set up the .NET MAUI project first, but every time we try to set it up for the iOS platform, it keeps switching to .NET 7, even though we initially set it up for .NET 6.

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

In the end, all of this is in vain. It has been a week, and we are still stuck in the project setup process. It feels like we are just waiting for a time bomb to explode when the boss asks, "Why can't we publish our app?"
Simplifying Text Encryption with ROT13 Algorithm in JavaScript
Tags: codenewbie, webdev, javascript, algorithms
Published: 2023-05-21 06:21:59

### Introduction:

In the world of cryptography, the ROT13 algorithm is a simple yet effective method for encrypting and decrypting text. In this article.

We'll: 
1. discuss the problem.
2. outline an approach.
3. present a step-by-step solution and provide code.

### Understanding the Problem:

Given a string of text, we want to apply the ROT13 algorithm to encrypt it. The ROT13 algorithm replaces each letter with the letter that is 13 positions later in the alphabet. For example, 'A' becomes 'N', 'B' becomes 'O', and so on. The algorithm should preserve the case of the letters and leave non-alphabetic characters unchanged.

### My approach for solving this problem:

> **1-** We use the match method with a regular expression /[A-Z]/g to find all uppercase alphabetic characters in the string. These characters will be used for the ROT13 encryption.

> **2-** Next, we split the input string into an array of individual characters using the split method.

> **3-** We apply the map method to each character in the array. For each character, we convert it to its Unicode code using charCodeAt.

> **4-** Inside the map function, we check if the current character is included in the alphabeticCharacter array.
If it is, we determine the new code based on whether the current code is less than 78 (which corresponds to the letter 'N' in Unicode).
If the code is less than 78, we add 13 to it; otherwise, we subtract 13 from it.
This effectively rotates the character 13 positions in the alphabet.

> **5-** We convert the modified code back to its corresponding character using String.fromCharCode.

> **6-** Finally, we join all the characters back together into a single string using the join method and return the encrypted string.

### My solution:

```js
function rot13(str) {
  let alphabeticCharacter = str.match(/[A-Z]/g);
  str = str
    .split("")
    .map((item) => {
      let code = item.charCodeAt();

      if (alphabeticCharacter.includes(item)) {
        code = code < 78
          ? item.charCodeAt(0) + 13
          : item.charCodeAt(0) - 13;
      }

      return String.fromCharCode(code);
    })
    .join("");

  return str;
}

rot13("SERR CVMMN!");
```

>  If you have any questions or feedback, please feel free to share them in the comments. Thanks for being here!

### About the Author:

[Muhammad Awd](https://www.linkedin.com/in/muhmmadawd) is a passionate JavaScript developer with expertise in problem-solving and web development. He has a strong track record of delivering high-quality projects and enjoys tackling challenging coding puzzles. You can explore more of Muhammad's work and connect with him on his [LinkedIn](https://www.linkedin.com/in/muhmmadawd) and [GitHub](https://github.com/MuhmmadAwd).

### Get in Touch:
If you have any JavaScript development opportunities, project collaborations, or would like to discuss any tech-related topics, feel free to reach out at [muhmmad.awd@gmail.com](mailto:muhmmad.awd@gmail.com). looks forward to hearing from you and exploring potential collaborations.
💥Linh Vào Nhà Cái MC876 Game Online Uy Tín Nhất
Tags: mc876asia, minhngocmc876, linkkhuyenmai, linkdangky
Published: 2023-05-21 05:30:55


💥Linh Vào Nhà Cái MC876 Game Online Uy Tín Nhất
💥Nhiều chương trình khuyến mãi hấp dẫn
💥Bảo mật nghiêm ngặt-CSKH chuyên nghiệp
💥Giao diện bắt mắt-đa dạng thể loại game
💥Giao dịch nhanh chóng
👇chi tiết👇
🌐Web: https://mc876.asia/gioi-thieu-mc876/
🌐Fanpage: https://www.facebook.com/mc876asia/
📧Email: mc876asia@gmail.com
Địa chỉ:332d Đ. Phan Văn Trị, Phường 11, Bình Thạnh, Thành phố Hồ Chí Minh, Việt Nam
Số điện thoại: +84374860394
Email: mc876asia@gmail.com
#mc876asia #minhngocmc876 #link_khuyến_mãi #linkdangky #nhà_cái_mc876e description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8j5ovmk9djqzg0k0k47d.jpg)
💥Linh Vào Nhà Cái MC876 Game Online Uy Tín Nhất
Tags: mc876asia, minhngocmc876, linkkhuyenmai, linkdangky
Published: 2023-05-21 05:18:24

💥Linh Vào Nhà Cái MC876 Game Online Uy Tín Nhất
💥Nhiều chương trình khuyến mãi hấp dẫn
💥Bảo mật nghiêm ngặt-CSKH chuyên nghiệp
💥Giao diện bắt mắt-đa dạng thể loại game
💥Giao dịch nhanh chóng
👇chi tiết👇
🌐Web: https://mc876.asia/gioi-thieu-mc876/
🌐Fanpage: https://www.facebook.com/mc876asia/
📧Email: mc876asia@gmail.com
Địa chỉ:332d Đ. Phan Văn Trị, Phường 11, Bình Thạnh, Thành phố Hồ Chí Minh, Việt Nam
Số điện thoại: +84374860394
Email: mc876asia@gmail.com
#mc876asia #minhngocmc876 #link_khuyến_mãi #linkdangky #nhà_cái_mc876
Leaflet Map - Dark Theme
Tags: leaflet, map, css, webdev
Published: 2023-05-21 05:05:00

[Leaflet.js](https://leafletjs.com/index.html) is arguably the best client-side map-rendering library. While there's a plethora of [OpenStreet Map tile providers](https://wiki.openstreetmap.org/wiki/Raster_tile_providers), none of the _free_ basemap layer have a dark-themed map (_tiles_).

By applying [css filter](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) property on specific leaflet classes, we can have a "hacky" dark map.

```css
.leaflet-layer,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-control-attribution {
  filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}
```
- `invert(100%)` completely inverts the color, essentially adding dark background to the map.
- `hue-rotate(180deg)` is optional, but converts the predominant blue color (_large roads_) on the map to red.

{% codepen https://codepen.io/deepakdevanand/pen/XWxyLQv %}
Zoy - Social-emotional skills kids enjoy!
Tags: stories, books, education, parenting
Published: 2023-05-21 04:57:08

Develop social-emotional skills with kid-tested, psychologist and parent-approved, tiny-knee-slapping stories from Zoy. Our team of experts, including child psychologists, occupational therapists, educators, and SEL experts, have created a library of fun and engaging stories that are targeted at developing all social-emotional skills in young children.

[https://meetzoy.com](https://meetzoy.com)
100 Days Coding Challenge - Day 2: FreeCodeCamp Web Design
Tags: webdev, programming, css, 100daysofcode
Published: 2023-05-21 04:51:36

## Day 2

Hi! I finish the css building lesson, now, I will start to code a magazine :D


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tlhz3n9swbld1rglbb2f.png)
Code Collab
Tags: webdev, javascript, react, beginners
Published: 2023-05-21 04:39:47

[CodeCollab](https://code-collab.xyz) is a web solution that allows multiple users to code together in real-time, and you can also run and save the code file, with a chat feature for easy communication and support for multiple languages and CodeGPT for solving any programming related queries.

Features

- Realtime code editing
- Code in multiple languages
- Save your code
- Run your code
- CodeGPT
- Chat with the users in the room
- Tech Stack

Frontend : ReactJs, Socket IO, Bootstrap
Backend : NodeJs, Express
API : Open AI API
Hosting : Render

Link - https://code-collab.xyz
Good news for Terraform Cloud & Terraform Enterprise Users
Tags: hashicorp, terraform, devops, cloud
Published: 2023-05-21 03:24:20

Announcing Spacelift’s price match guarantee for anyone migrating from Terraform Cloud or Terraform Enterprise!

I understand pricing and packaging pages cannot satisfy everyone’s requirements on the surface.

Some individual or companies want to..

🙋‍♂️ pay per user

🏃 pay per run (or apply)

🟰 pay per parallel execution 

🥞 pay per workspace (or stack)

☁️ pay per cloud resource

⏱️ pay per minute

🎗️ pay per support type

♾️ pay for unlimited usage

Rigid pricing models create a lot of controversy and discussion. I’ve seen them incentivize bad engineering practices while others incentivize bad business processes, and others than slow down innovation and add more TOIL.

What if you could mix and match the models? 

What if you could allow the customer to opt in to the model based on what works for them, what they understand, and what they can properly communicate internallly to other stakeholders in leadership, finance, procurement.

Most companies can’t satisfy everyone. At the end of the day, we are all human. We are the same and different all at the same time.

If you are genuinely interested in using Spacelift, I’m here to facilitate that conversation. On top of the flexibility that we offer, I will go one step further. 

I will provide a price match guarantee for any user that wants to migrate away from Terraform Cloud or Terraform Enterprise.

I promise and commit to beat any price by 10% and will increase how much I beat them based on the size of your current contract.

For clients paying <$100K, I’ll beat their price by 10%.

For any clients paying over $100K, I’ll be their price by 25%.

For any clients paying over $1M, I’ll beat their price by 50%.

If you want to take advantage of this, I’ll throw in free migration services at no added cost to hand hold you through the process. If you don’t want our assistance, here is a link to our migration utility and blog.

https://github.com/spacelift-io/spacelift-migration-kit

https://spacelift.io/blog/how-to-migrate-from-terraform-cloud

Happy migrating!
Day 110 of #365DaysOfCode: Google OAuth 2.0 Integration, useContext Hook, and Navigating Python Learning
Tags: webdev, javascript, beginners, programming
Published: 2023-05-21 03:08:48

Hey everyone! It's Day 110 of #365DaysOfCode, and I've made great progress with Google OAuth 2.0 integration in my project. Today, I focused on the sign-up logic, ensuring a smooth experience for users. I realized that I might need to separate the sign-in and sign-up endpoints to streamline the process further.

One challenge I faced was making a specific state globally accessible. To tackle this, I plan to learn about the useContext hook tomorrow. This will allow me to show tailored pages after successful sign-up. I've structured the Google OAuth logic in a separate component, trying to keep the code organized and maintainable.

Regarding the Python course, progress today was limited. However, I truly enjoy Python and can already appreciate its elegance, which helps me understand its popularity. I just need to allocate more time for it. I'm considering skimming through the parts I'm already familiar with to reach the more challenging sections.

Stay tuned!
If you stack with Hotwire official video from hotwire.dev?
Published: 2023-05-21 02:30:15

Tried yesterday hotwire with rails 7.4.3 abd I had some issues there. 
Following official video tutorial by running commands like:
`rails new chat --skip-javascript`

`gem 'hotwire-rails'`

`rails hotwire:install`

I started to get console error:
**You must either be running with node (package.json) or importmap-rails (config/importmap.rb) to use this gem.**

Solution was to add missing importmap's by:

`./bin/bundle add importmap-rails
./bin/rails importmap:install`

After that final command was successful:
`rails hotwire:install`
How to embed Google Map without API Key?
Published: 2023-05-21 01:47:33

Make your website more interactive by embedding Google Map for the location of your business. To embed Google maps to your webpage, one doesn't need an API key. 

To embed a Google Map in your webpage, you can follow these steps:

1) Go to Google and search the location you want to embed in your web page

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

2) Maximize the location details in Google page


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

3) Click on the share icon in the location details card


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

4) Select the "Embed a map" tab in the dialog box


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

5) Copy HTML for the code (iframe) to be added to your webpage


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

Happy Coding!