teleren/devto huggingface dataset:
The ApiX-Drive online
Published: 2023-07-16 11:04:14

The ApiX-Drive online application connector provides an opportunity to independently simplify the routine work of integrating and automating data transfer without the need to contact the services of programmers.

How to upload data from Google Sheets to various services here https://apix-drive.com/en/google-sheets is considered in some detail, I advise you to read it. You can try it for free in test mode.
How To not think like me
Tags: beginners, discuss, development, softwareengineering
Published: 2023-07-16 10:55:51

Hello Everyone,

My name is Mona and i am 1.3 months old software engineer.

I am not a pro, so this post objective is to share how it has been for me being a developer.

Throughout my developer phase, I don't know why, the only thing that comes to my mind is to finish the task as soon as my manager assign it to me. I have tried to not think like that but it has not helped me. I guess, i am naive and want to show that i do things quickly, but nobody knows that to do it quickly, i spend hours more than others and often ask for help for little things.

Most importantly, during this i 'forget' to learn and improve myself and therefore it is taking more than expected time to improve as a software engineer.

How on earth, i can get rid of this feeling? I really need to stop this but i dont know how.
and please, if someone is also going through this mentality, i say dont do this and destroy yourself.

If anyone has gone with this stage, please leave your comment and share your journey.
EasyPie | Ecommerce with Stripe as Easy as Pie
Tags: stripe, terminal, ecommerce, payments
Published: 2023-07-16 10:44:59

EasyPie | Ecommerce with Stripe as Easy as Pie | Shopping, Payment and Subscription Terminal → [https://easypie.shop](https://easypie.shop) ← Start selling online with the easy-simple-fast ecommerce platform with Stripe. Monitor and manage the entire process via Stripe Dashboard after installation, without need a database or using a different interface.

#eccommerce #stripe #shopping #payments #subscriptions #terminal #selling
Don’t attach to any programming language
Tags: webdev, javascript, beginners, tutorial
Published: 2023-07-16 10:43:09

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

I know people who are absolutely obsessed with programming languages, you know? It sounds a bit strange, na?

Yeah, it's true. I've been attending a lot of tech and community events. There, I meet so many techies who claim that they only code in JavaScript. They say JavaScript is like their lifeblood and whatnot. But I can't help but wonder, is it really necessary to limit yourself to just one programming language? Why are people so fixated on programming languages instead of focusing on solving problems?

Beginners starting out in the world of programming often get confused, and it's only natural. There are around 8,945 programming languages out there (both active and inactive as of now), and this number is only going to increase in the future, for sure. So, beginners often find themselves in a dilemma, not knowing which programming language they should study or which one has more scope in the future. They may even wonder if learning a particular language, like 'C/C++', will be beneficial in the long run and all.

First and foremost, it's essential to understand that programming languages are just tools. Yes, you heard it right—they are just tools for solving problems. And secondly, every language has its own advantages and disadvantages, so don't think that studying 'C' or 'C++' won't be useful in the future, okay?

Now, here's the most important thing I want to say: if you're studying or planning to study programming and you're at that point where you're confused about which language to choose, here's a tip for you:

Think about what you want to be after studying programming. For example, do you want to become an app developer or a web developer who creates amazing web applications, just like me? 😄

Once you've made that decision, just do some research on Google, read some blogs, or connect with other programmers you may already know (you can always connect with me 💁), and ask them, 'I want to be a web developer or an app developer. Which language should I focus on more? What are your suggestions?' It always helps, trust me. So, don't worry too much about the programming language. Just start, and everything will fall into place for sure.

Remember, 'Programming Language is Just a Tool for Solving Problems
How to rewrite history in git repo
Tags: github, git, howto
Published: 2023-07-16 10:34:59

Changing the email address and author

ref: https://git-scm.com/book/en/v2/Git-Tools-Rewriting-History


```bash
/d/repo/go-training (main)
$ git filter-branch --commit-filter '
        if [ "$GIT_AUTHOR_EMAIL" = "person@example.com" ];
        then
                GIT_AUTHOR_NAME="New Person";
                GIT_AUTHOR_EMAIL="new.person@example.com";
                git commit-tree "$@";
        else
                git commit-tree "$@";
        fi' HEAD

Proceeding with filter-branch...

Rewrite 8430e1b897d5419fdasfsafasfsa685db2ae2327 (1/3) (0 seconds passed, remainRewrite 77c97ee4fsdafasfasdfaf5f9276348435fb768487e (2/3) (1 seconds passed, remainRewrite 6bb1508502ff0add7ae46d121a8d33a565f1889c (2/3) (1 seconds passed, remaining 0 predicted)
Ref 'refs/heads/main' was rewritten
```
How to Solve Connections Game
Published: 2023-07-16 10:29:55

[Connections game](https://connectionsgame.org/)" is a broad term, and without further context, it's challenging to provide a specific answer. However, I'll assume you are referring to a popular game or puzzle involving connecting various elements, such as dots, lines, or pathways, to achieve a specific goal. One example of such a game is "Connect the Dots" or "Dots and Boxes." If this isn't the game you are referring to, please provide more details, and I'll be happy to help accordingly.

Assuming you are talking about "Connect the Dots" or "Dots and Boxes," here's a brief explanation and strategy to help you succeed:

Objective:
The goal of "Connect the Dots" or "Dots and Boxes" is to create squares by connecting dots on a grid. The player who completes the most squares is the winner.

Rules:

Players take turns connecting two adjacent dots with a horizontal or vertical line.
When a player completes a square by drawing the fourth side, they put their initial inside the square to claim it.
The player who completes a square gets an extra turn.
The game ends when all dots are connected, and the player with the most claimed squares wins.
Strategy:

Go for Immediate Squares: In the beginning, focus on completing squares that are almost done. This strategy allows you to gain extra turns and maintain control of the game board.

Force Opponent into Bad Moves: Try to set up situations where your opponent is forced to leave a square partially open, giving you the chance to complete it on your next turn. This can be achieved by avoiding connecting dots that could lead to easy square completions for your opponent.

Control the Center: If the grid is larger, controlling the center can be advantageous. The center dots provide more opportunities to create squares compared to dots near the edges.

Plan Ahead: Look ahead to see how your moves might set up your opponent for completing squares. Try to anticipate their moves and block their potential victories.

Avoid Providing Free Turns: Be careful not to provide your opponent with easy opportunities to complete squares on their turn. Always analyze the possible outcomes of your moves.

Pay Attention to Edge Dots: Edge dots are easier to complete into squares since they only require two connecting lines instead of three. Use this to your advantage and secure edge squares when possible.

Overall, the game requires a mix of tactics, planning, and adaptability. The more you play, the better you'll become at recognizing patterns and developing effective strategies.

If this is not the game you were referring to, please provide more information or clarify the rules, and I'll be glad to assist you further.
Android Arcade
Tags: android, ui, google
Published: 2023-07-16 10:05:06

## What I built 
Arcade with Kotlin & Compose
### Category Submission: 

### App Link
https://play.google.com/store/apps/details?id=com.brickyardmobile.kupcakekid
### Screenshots 

### Description 
In-game competitions🏅🏆🎖
Duck Hunt - shoot the duckies 𓅭𓅰🔫 
Shootout - soccer penalty kicks 🦵⚽
### Link to Source Code 

### Permissive License 
Brickyard Mobile, Inc.
## Background (What made you decide to build this particular app? What inspired you?) 
Bringing the single tap mini-games back in style for a long commute or just waiting in line.
### How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?) 
Iterative approach refactoring Java god objects into navigation with one activity & fragments.
### Additional Resources/Info
Let's sync up. Catch me on all socials
ig https://www.instagram.com/brickyardmobile
twitter https://twitter.com/BrickyardApps
linkedin https://www.linkedin.com/in/raphael-cohen-669a50226
Multiple PHP version on Windows 10
Tags: tutorial, php, win10
Published: 2023-07-16 09:57:21

A very common problem that many PHP developers have is how to get multiple PHP version to run on the same computer. So, here is a solution.

Let's say that you already have installed PHP 7.4 on your computer, but you have to work on a project that needs PHP 8.2 to run. First head to [https://windows.php.net/download/](https://windows.php.net/download/) where you can find the version that we are interested. 

![example 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5h10t95csfxe9c8yyque.png)

Find the version 8.2.8 and click on zip hyperlink to start downloading. Once the file is downloaded, create a folder in the path where your current PHP version is installed. For example, if you have installed your current PHP in C:\PHP\7.4 create a folder C:\PHP\8.2.8 and unzip the content of the zip file in that folder.

Now, you have both versions on your computer. Now, you have 2 options. Whether you will make the PHP8.2.8 your default version or using it every time you want to work with your new project.

**Make PHP8.2.8 the default PHP**
In order to make the new PHP the default system PHP version, you follow the next steps.
a. Open a command line 
b. Type SystemPropertiesAdvanced
c. Go to Environment Variables

![example 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eak04p9vc71a63eqwcpg.png)

d. From the System variables, select Path and click Edit

![example 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y4ost5ah4bc5eyqdh0t8.png)

e. Click new and add the path of your new PHP version. After that click, Move Up as many times you need so that path will be on top of the other PHP versions that you have. 


![example 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hdc3sholuc2z855zyfxc.png)

f. Click OK to close the window, and that's it. You have PHP8.2.8 as the default system PHP version


![example 5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pp661hwf0n9dim68wbhk.png)

**Use it when you need it**
The second option, if you don't want to make PHP8.2.8 your current version, is to use it only when you need it. So, let's say that you have a script that runs with older version. Open a command prompt and type the full path of the PHP version that you want to use, i.e. _c\PHP\7.4\php myscript.php_
TypeScript Nedir?
Tags: typescript, javascript, beginners, programming
Published: 2023-07-16 09:49:49

JavaScript'in popülaritesi her geçen gün artıyor ve web uygulamaları, sunucu tarafı programlama ve hatta mobil uygulama geliştirme gibi birçok alanda kullanılıyor. Ancak, JavaScript'in dinamik ve esnek doğası, büyük ölçekli projelerde hatalara ve karmaşıklığa yol açabilir. İşte bu noktada TypeScript devreye giriyor.

## TypeScript Nedir?

TypeScript, JavaScript'in bir üst kümesi olan açık kaynaklı bir programlama dilidir. Microsoft tarafından geliştirilen TypeScript, JavaScript'e statik yazım ve nesne tabanlı programlama özelliklerini ekler. TypeScript, JavaScript kodunun geçerli bir alt küsesidir ve JavaScript dosyaları doğrudan TypeScript dosyaları olarak kullanılabilir.

TypeScript, JavaScript geliştiricilerine daha fazla araç ve özellik sunarak kodun okunabilirliğini, bakımını ve ölçeklenebilirliğini artırırken, hataların erken tespit edilmesini sağlar. Bu sayede daha güvenli, sürdürülebilir ve büyük ölçekli projeler geliştirmek mümkün hale gelir.

## TypeScript'in Avantajları

### 1. Tip Güvenliği
TypeScript, JavaScript'in aksine statik tipleme özelliği sunar. Bu, değişkenlerin ve fonksiyonların türlerinin önceden belirlenmesi ve bu türlerin uyumlu şekilde kullanılmasını gerektirir. Bu sayede hataların daha erken tespit edilmesi sağlanır ve daha sağlam bir kod tabanı oluşturulur.

### 2. Gelişmiş IDE Desteği
TypeScript, gelişmiş IDE (Entegre Geliştirme Ortamı) desteğiyle birlikte gelir. Bu, geliştiricilerin otomatik tamamlama, hata ayıklama, kod yeniden düzenleme ve daha fazlası gibi zengin araçlardan yararlanmasını sağlar. Bu da geliştirme sürecini daha verimli hale getirir.

### 3. Güncel JavaScript Özellikleri
TypeScript, en son JavaScript standartlarındaki özellikleri destekler. Bu sayede geliştiriciler, JavaScript'e yeni eklenen dil özelliklerini kullanabilir ve daha modern bir kod tabanı oluşturabilir.

### 4. Kolay Entegrasyon
TypeScript, JavaScript dosyaları ile uyumludur ve mevcut JavaScript projelerine kolayca entegre edilebilir. Böylece mevcut bir JavaScript projesini yavaş yavaş TypeScript'e taşımak mümkündür. Ayrıca TypeScript, popüler JavaScript kütüphaneleri ve çerçeveleriyle uyumlu çalışır ve bu ekosistemden tam anlamıyla yararlanabilir.

## Sonuç

TypeScript, JavaScript geliştiricileri için daha fazla güç ve tip güvenliği sunan bir seçenek haline gelmiştir. Statik tipleme, gelişmiş IDE desteği ve JavaScript ile uyumlu olması gibi avantajlarıyla büyük ölçekli projelerin geliştirilmesinde tercih edilen bir dil haline gelmiştir. JavaScript projelerinizi daha güvenli, okunabilir ve sürdürülebilir hale getirmek istiyorsanız, TypeScript'i göz önünde bulundurmanızı öneririm.
Gmail Backup Tool
Tags: gmailbackuptool, backupgmailemails
Published: 2023-07-16 09:34:26

Gmail Mailbox is used by lots of Professionals and Individuals. It is very important to have a backup of your Gmail account, so I will tell you some ways by which you can take a backup of your Gmail account.
You can also manually back up your Gmail, but we all know how difficult it is. Because the Manual way only supports the MBOX file format. MailsDaddy design their own application to solve this issue. This hassle-free [Gmail Backup](https://www.mailsdaddy.com/gmail-backup-tool/) Tool is introduced to export your Gmail emails into PST, MBOX, EML, MSG, and HTML file formats.

Qualities of This Gmail Backup Tool
1)	Help to export all your Gmail emails into other formats with all the attachments.
2)	The GUI interface of this tool growing rapidly according to beginners’ needs.
3)	Convert in multiple file formats including MS Outlook and Thunderbird.
4)	 You can access this application in all versions of Microsoft Windows including Windows 11.
5)	This tool preserves all your read and unread status separately.
Website speed
Tags: speed
Published: 2023-07-16 09:27:52

---
title: Website speed
published: true
date: 2023-07-16 09:26:14 UTC
tags: speed
canonical_url: https://blog.nicm42.co.uk/website-speed
---

I never usually think about the speed of any site I work on or visit. Until this weekend when I had no internet. The 4G/3G on my phone was sometimes as fast as WiFi (generally early in the morning/late at night) but sometimes was so slow nothing would load at all.

Often it was somewhere in between. Which meant if you waited a few minutes and didn't want to see images, and the site was simple, then you could read it. It was like being back on dial-up: in those days we turned the images off in the browser because they made sites too slow.

The most frustrating site/app was the Wimbledon one. If I wanted to know the live scores I could listen to the radio and wait until they recapped any of them. Or put Wimbledon into a Google search. The site and app just refused to load.

They have a lot going on with their live scores. There are potentially 19 courts with matches going on and they give you the exact point score, updated when the scoreboards on the court are updated (I assume, I don't know what the lag is there, but if you watch the tennis on the iPlayer then the live scores are ahead). And for each match you can open up a sidebar that tells you what's going on for each point. (It also tells you whether the momentum is with the green player or the purple player, although doesn't tell you which player is assigned to which colour).

I get that that's a lot to load. But I'd happily have had a static version that only refreshed when I loaded the page and didn't look as good.
Issue with assembling small images in Vite
Tags: vite
Published: 2023-07-16 09:04:51

Hello, I found a problem with adding small images to the build (perhaps I didn’t specify some settings to pull them up?)

Information:
Laravel 10
Vite ^3.0.4

vite.config.js:
```
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/sass/app.scss',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});
```

app.js:
```
import './bootstrap';

import.meta.glob([
'../images/**',
'../fonts/**',
]);
```

images larger than 4MB are perfectly included in the build assembly, but images <= 4MB are simply not processed by the script, it seems strange to me.

Maybe someone knows how to fix this?
🚀 Introducing My Latest Flutter Project Portfolio! 📱💻
Tags: flutter, portfolio, tutorial, website
Published: 2023-07-16 08:51:37

🚀 Excited to share my latest project portfolio! 🎉

I'm thrilled to showcase my new project, which has been built entirely using Flutter. 📱💻

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


🔗 Check out the LiveProject : [Live Preview](https://prince-dev.vercel.app/)

 📁Check out the project here: [ProjectRepositories](https://github.com/follow-prince/elavarasan.dev)


In this portfolio, I've poured my heart and soul into developing a range of innovative features and functionalities. From sleek UI designs to smooth animations, every aspect of this project has been meticulously crafted to deliver a top-notch user experience.

Flutter has been instrumental in enabling me to create a beautiful, responsive, and cross-platform application. The framework's flexibility and performance have truly elevated the development process.

Throughout the project, I utilized various Flutter packages and libraries to enhance the functionality and efficiency of the app. The end result is a polished and intuitive application that showcases the power of Flutter.

I'd like to express my gratitude to the amazing Flutter community for their continuous support and inspiration. It's been an incredible journey, and I can't wait to explore more possibilities with Flutter in the future.

Feel free to explore the project and provide your valuable feedback. I'm open to collaborations, feedback, and new opportunities, so don't hesitate to reach out!




🔗 *Flutter App Development Setup Guide*

🔧 Flutter 3.7.9 • channel stable  
🛠 Tools: Dart 2.19.6 • DevTools 2.20.1

🌐 GitHub Pages

📌 Prerequisites:  
1️⃣ Setup Flutter in the development environment  
2️⃣ Install a code editor like Android Studio or Visual Studio Code  
3️⃣ Setup Git in the development environment  
4️⃣ Ensure compatibility with the `flutter doctor` command  
5️⃣ Familiarity with Flutter app development

💡 How to Setup:  
1️⃣ Download or clone the repository  
2️⃣ Move the project to the desired directory  
3️⃣ Open it with a code editor (e.g., Android Studio or Visual Studio Code)  
4️⃣ Run `flutter clean` and `pub get` commands  
5️⃣ Avoid updating or upgrading Gradle and other versions until the app is up and running with built versions

🚀 How to Run:  
1️⃣ Download the `web-build` directory from the `web-build` branch  
2️⃣ Move the build files to a server like localhost, GitHub Pages, or any other http/https web server  
3️⃣ Set up and run the `index.html` file

🖼 Icons and Images:  
- Icons8

💎 Dependencies:  
- Flutter/Dart: Environment SDK: >=2.19.2 <3.0.0  
- Cupertino Icons: ^1.0.2  
- URL Launcher: ^6.1.9  
- Flutter Native Splash: ^2.2.17

💙 Contributing:  
If you encounter any issues or have suggestions, feel free to submit a pull request or open an issue. Please make sure to follow the Contributing Guidelines before contributing.
HOW JavaScript WORKS BEHIND THE SCENES SIMPLE EXPLANATION.
Published: 2023-07-16 08:50:30

Have you ever wondered how JavaScript works behind the scenes?
This will be the simplest explanation ever.


**What is a JavaScript engine or Runtime?**
****
JavaScript engine executes JavaScript code.
Example includes V8 (Use in Google Chrome) and other web browsers.



The JS engine has 
1) Call Stack: This is where our code is executed using the execution context

2)Heap: This stores  Objects


Javascript codes are compiled or Interpreted or both compiled and interpreted.

**Why Compilation and Interpretation?**

Since every computer processor only understands 0's and 1's, the computer program needs to be converted into a machine code.


Programs can be converted into machine codes by Compilation or Interpretation

What is Compilation?
A Compiler converts the entire code/program into a machine(0's and 1's) code at once and writes to a binary file that can be executed by a computer.

2)Interpretation: 
An Interpreter runs through the source code and executes it line by line. This is slow when compared to a compiler.



Over the years, Javascript has been referred to as an interpreter for reading codes line by line.
Since the introduction of Modern Javascript, Javascript now uses both a compiler and an interpreter called Just in Time compilation.


Steps Used in JS Engine

When you write a piece of code inside the Js engine, it passes through the following steps.

1)Js engine will parse the code and read it.

2)The code will be parsed into a data structure called the abstract syntax tree(AST)

3)The AST will split up the codes, check for syntax errors, then generate the machine code (0's and 1's)

5)The machine code will be compiled and executed.

Do you enjoy this? Please drop a comment and follow me @maakayjunior
#LearnedToday: GitBook
Tags: learnedtoday, tooling, git, documentation
Published: 2023-07-16 08:45:00

🌞 Sunday is **documentation** day (Wait... What?!? 😱)

📚 If you don't want to waste time doing the most boring part of our job, you should definitely try [GitBook](https://app.gitbook.com): the ultimate platform for creating, collaborating, and publishing interactive documentation.

💻 It is based on the **git** concept of branches, pushing, etc (developers feel at home!) and it's very **easy to use**!

🤓 I've been using it for years for my **code snippets** and to take **notes** while learning new things.