teleren/devto huggingface dataset:
How to Download Research papers for ABCD-Index
Tags: webdev, research, devjournal, abcdindex
Published: 2023-06-19 10:53:20

Researchers and other academicians often seek different sources and platforms to find appropriate research papers or articles that are relevant to their studies. Individuals from research and academic background do research and publications in their field of research so that people who are interested in that area can find the developments, avoid plagiarism and stay updated about the researches in their respective fields. 


At present there are a variety of websites and channels available that provide data related to research and academics. Due to this all types of data are floating here and there unwontedly and authentic information are going down or becoming hard to recognize and fading day by day. 

Apply Here- [Free Professional Membership For Computer Science](https://abcdindex.com/blogs/free-professional-membership-for-computer-science)

ABCD index provides research databases related to all fields. One can find and download the research and academic database easily. The quality of research papers and articles here are the top most because they avoid conference papers and only provide research papers and articles published in the journals that are indexed in the top indexing sites like scopus, web of science, ABCD Index etc. so it ensures the quality of the papers here is definitely best. 

**How to download research papers for ABCD Index
** Finding research papers at ABCD Index is very easy. 

one can follow the steps to find research papers or articles at the ABCD Index. They are as follows:

Firstly go to the abcd index homepage and find the search bar.
Select articles from the drop down list of search bar.

Write a keyword related to your field or domain then click on the search button.

A default list of articles would be on the screen.

One can also apply filters given at the left side of the window as per their requirement.

If you want research papers related to a particular country then go to filter and type the country name from which you want research papers.

If you want to see papers published in a particular year then select the year then click on the search button. A list of papers published in that year would be on screen.

One can also look for databases from a specific time period. For example if you want to find a research database from 2000 – 2010 then select the range of the year from the filter section then click on the search button. The list of research databases from the given range would be on your screen.

At **[ABCD Index](https://abcdindex.com/)** the research paper’s abstract are provided openly to help researchers and academicians in getting brief knowledge about the research so that they can understand whether they should continue the reading or not. This also helps them in finding the most relevant research database for their studies in less time.
Stop Using whereDate() Laravel
Tags: php, laravel, mysql
Published: 2023-06-19 10:47:44

whereDate is a harmless eloquent method, or is it??

```
$users = DB::table('users')
                ->whereDate('created_at', '2016-12-31')
                ->get();
```
When you are querying a table with large data, `whereDate` is a bad option. 

**Reasons**
1. The query does a full table scan
2. It does not allow indexed columns to work.

**My Personal Experience**
A snippet from my code before

```
$message_week=Log::where('user_id',$user->id)
         ->whereDate('created_at','>=',$week_started_date)
         ->count();
```
I changed it to this and I had great performance improvement
```
$date=$week_started_date->format('Y-m-d');
$message_week=Log::where('user_id',$user->id)
         ->where('created_at','>=',$date.' 00:00:00')
         ->count();
```

Take note of the space before the 00 in **' 00:00:00'**
It is buiding the date to be **2022-12-31 00:00:00**

Stop using whereDate for large data query
บันทึกการย้าย Project จาก GitLab ไป Bitbucket #Phase1
Tags: devjournal, management
Published: 2023-06-19 10:11:08

---
title: บันทึกการย้าย Project จาก GitLab ไป Bitbucket #Phase1
published: true
description: 
tags: #devjournal #management
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-06-15 03:59 +0000
---

เริ่มจาก GitLab เริ่มบังคับให้มี member ได้แค่ 5 คน
แต่ package จ่ายเงินของ GitLab ตอนนี้เปลี่ยนเป็น Premium
ซึ่งราคาคนละ $29 / month
ซึ่งราคาแรงไปสำหรับทีม และ Product ที่ scale ยังเล็กอยู่
เลยตัดสินใจย้ายไปที่ Bitbucket กัน

แต่เนื่องจากตัว CI/CD ทั้งหมดเขียนอยู่บน GitLab
ถ้าจะเขียนตัว CI/CD ใหม่หมดทุกโปรเจคให้มาเป็นของ Bitbucket
น่าจะต้องใช้เวลานานมาก
เลยตัดสินใจแบ่งเป็น 2 เฟส คือ
**Phase1** > ใช้ Bitbucket เก็บไฟล์เท่านั้น เมื่อมีการ push ก็ให้ตัว Bitbucket ทำการ push ต่อไปที่ GitLab
แล้วทาง GitLab ก็จะรัน CI/CD ต่อได้เลย
`วิธีนี้ทำให้ไม่ต้องเขียน CI/CD ใหม่`
**Phase2** > คือ ค่อยๆ กลับมาเขียนตัว CI/CD ให้เป็นของ Bitbucket

**ข้อเสีย**
จะแสดงชื่อคน push เป็นคนเดียวกันทั้งหมด
ถ้าจะดูชื่อคน commit จริงๆ ต้องกดเข้าไปดูใน commit อีกที

**ขั้นตอน**
- สร้าง ssh key เพื่อให้ Bitbucket push code ไปที่ GitLab ได้
```ssh-keygen -t rsa -b 4096 -N '' -f my_ssh_key```
- Add ssh key ใน GitLab Profile ของเรา
- Add ssh key ใน Project ที่ Bitbucket ของเรา
- Add `bitbucket_pipelines.yml` ใน project ของเรา
```
pipelines:
  branches:
    '*':
      - step:
          script:
            - git remote add gitlab [Repo URL ของเรา]
            - git push gitlab $BITBUCKET_BRANCH
  tags:
    '*':
      - step:
          script:
            - git remote add gitlab [Repo URL ของเรา]
            - git push gitlab $BITBUCKET_TAG
```
A Brief History of JavaScript
Published: 2023-06-19 09:56:11

History of JavaScript:

JavaScript often abbreviated as Js,is a programming language that's one of the core technologies of the world wide Web, alongside HTML and CSS. JavaScript was invented by Brendan Eich in the year 1995. It was developed by Netscape 2 and became the ECMA-262 Standard in 1997.

JavaScript is one of the most popular programming language that represents one of the three core languages used to develop websites, alongside HTML and CSS. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/la5q7mgcjgpju515dmy7.jpg)
Whereas HTML and CSS give a website structure and style, JavaScript lets you add functionality and behaviors to your website. This allows visitors to interact with your website in various creative ways.

JavaScript is a programming language that lets web developers design interactive sites. Most of the dynamic behavior you'll see on a web page is thanks to JavaScript, which augments a browser's default controls and behaviors. Meaning without Js our website with forever and infinitely be static 

![How JavaScript works](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l14s6lqb7jmlzvz4utfe.png)

Uses of JavaScript in encapsulation:

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

Since we've walked through the history and overview of JavaScript it's now time to take on the race in getting started learning JavaScript
My Journey of Contributing to the ASP.NET Core Repository
Tags: programming, aspdotnet, tutorial, discuss
Published: 2023-06-19 09:54:35

Márton, our genius software architect, shared his story of contributing to the ASP.NET Core repository. In this blog post, he recounted the challenges faced while working on a project involving an API and two React applications. Debugging efforts led him to discover issues with hosting the applications in a subdirectory, prompting him to explore the code and identify a solution.

During development, Márton noticed that the admin application failed to load properly due to a problem with the proxy code. After thorough debugging, he realized that the Map middleware in ASP.NET Core did not include the prefix provided in the first parameter. Additionally, the concatenation of URI segments differed from the expected behavior with strings. He found an existing GitHub issue but decided to propose his own solution to address the problem.

Márton’s initial attempt at submitting a code change incited integration test failures, which were unrelated to his modifications. After resolving the test issues by merging the latest main branch, he received approval and awaited inclusion in the main branch release with .NET 7.0. Surprisingly, another issue emerged, mirroring the previous problem with the same line of code. Driven by determination, Márton embarked on resolving both issues simultaneously.

During the process, Márton collaborated with code owners who provided feedback and requested assistance with manual testing. To facilitate testing and future maintenance, he took the initiative to write unit tests for the code. Despite the complexity of testing an extension method for the HttpContext class, Márton succeeded in verifying the correctness of the URL using an HTTP client with a mocked HTTP message handler.

With his tests passing and necessary adjustments made, Márton’s code was eventually merged into the main branch. His conclusion and takeaway emphasize the importance of a cautious mindset when contributing to open-source projects, especially those as complex as ASP.NET Core. The significance of semantic versioning, automated tests, and meticulous code reviews is highlighted in his blog post as essential elements for maintaining robust libraries.
Read the full story [HERE](https://www.allwin-solutions.com/post/my-story-of-contributing-to-the-asp-net-core-repository)!
React Hooks vs Functions made easy
Tags: react, webdev, tutorial, frontend
Published: 2023-06-19 09:54:13

In today's blog post, we'll explore the key differences between React Hooks and JavaScript functions. We'll also learn how to differentiate between a function and a hook in React. So, let's dive right in!

## What is a React Hook?
A React Hook is a special type of function that allows you to "hook into" React state and lifecycle features from function components. With the introduction of React Hooks in React 16.8, you can now use state and other React features without writing a class component React provides built-in hooks like `useState `and `useEffect`, but you can also create your own custom hooks to reuse stateful behavior between different components.

## Functions in JavaScript
In contrast, a JavaScript function is a set of statements that perform a specific task. Functions are the basic building blocks of any JavaScript program, and they can be used in various ways, such as defining reusable code, organizing your code, or simply breaking down a complex problem into smaller, manageable pieces.

## Key Differences between React Hooks and Functions
React Hooks are functions, but they have a special purpose and usage within React components. Here are some key differences between React Hooks and JavaScript functions.

- React Hooks are specifically designed to interact with the React component lifecycle and state management.
- React Hooks can only be used within functional components, whereas JavaScript functions can be used anywhere in your code.
- React Hooks follow specific naming conventions, starting with the "use" prefix (e.g., useState, useEffect), while JavaScript functions can be named anything.

## Avoid Confusion between Functions and Hooks

- Remember that hooks are functions with a specific purpose in React components.
- Always use the "use" prefix when naming hooks, as it helps to quickly identify them.
- Don't call hooks from regular JavaScript functions; only call them from React function components.

**Conclusion**

eact Hooks and JavaScript functions may seem similar at first, but they serve different purposes within a React application. Hooks are designed to work with React components, allowing you to manage state and lifecycle features without using class components. On the other hand, JavaScript functions are general-purpose building blocks for your code. By following naming conventions and understanding their specific use-cases, you can easily differentiate between hooks and functions in your React projects.
Fix 403 Forbidden error on Mozilla in Minutes
Tags: firefox, errors, website, websecurity
Published: 2023-06-19 09:37:00


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


The **403 Forbidden error** in Mozilla means that the web server is denying access to the requested page or resource. Here is a more detailed explanation:

When you enter a URL in the address bar and press Enter, Mozilla (the Firefox browser) makes a request to the web server hosting that resource. The web server then decides whether or not to serve that resource based on its configuration.

**There are a few common reasons why you might be getting a 403 Forbidden error on Mozilla:**

- Permission issues - The web server (e.g. Apache) does not have the correct permissions to access the files necessary to serve the page. Check file and directory permissions and ownership.
- .htaccess file - An .htaccess file could be incorrectly configured, blocking access to that page. Check your .htaccess rules.
- CORS issues - If the page is on a different domain, it could be a CORS (Cross-Origin Resource Sharing) issue. Check the CORS headers.
- Server misconfiguration - The server could be improperly configured to deny access to that particular page. Check server configuration files.
- .htpasswd file - An .htpasswd file could be blocking access. Check if you have password protection enabled.
- User agent blocking - Some servers block specific user agents (like Mozilla). Check server configurations for user agent blocking.

Perform these operations to Fix 403 Error in Firefox

- Check and fix file/directory permissions - Ensure the web server has read access.
- Review and fix any .htaccess rules - Comment out rules temporarily to test.
- Add proper CORS headers - Origin, methods and credentials headers.
- Check server configurations - .conf files for blocking rules.
- Remove .htpasswd files - If you don't need password protection.
- Remove user agent blocking - Allow the Mozilla user agent.
- Clear Mozilla cache and cookies - Then reload the page.
- Reinstall Mozilla - As a last resort, to rule out any client-side issues.
Windows 基礎 Part 01 -- キーボード変更
Tags: windows, uskey
Published: 2023-06-19 09:30:00


## why

US キーボードをつないでも反映されず、設定で検索してもでなかったので。

## 結論

日付と時刻のメニューから言語ごとにキーボードを選択できた。

設定 > 時間と言語 / 言語 / 言語を選択 / ハードウェアキーボードの変更 > 日本語キーボード(106/109キー) or 英語キーボード(101/102キー)

## やりかた

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

settings / Time & Language / 

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

Japanese / options /


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

Hardware Keyboard Layout / 

ここで US キーボードを選択できる。


-----------------------------

## 参考

imagingsolution さん

https://imagingsolution.net/program/windows11/switch_japanese_english_keyboards/

ドズパラさん
http://faq3.dospara.co.jp/faq/show/3224?site_domain=default#anc04
InstaPro APK Download v9.90 Latest Update
Tags: instapro, instagrampro
Published: 2023-06-19 09:27:01

Instagram Pro is a modified version of the popular social media app, Instagram. It offers enhanced features and functionalities that go beyond the standard Instagram experience. Designed for users seeking additional customization options and advanced controls, Instagram Pro provides a more tailored and personalized social media experience.

With [Instagram Pro Free Download](https://instagrampro.net/), users can expect a range of additional features not found in the original Instagram app. These features include:

## Enhanced Privacy Settings

Instagram Pro allows users to have more control over their privacy settings, enabling them to adjust the visibility of their profile, posts, and stories. Users can customize who can view their content and exercise greater control over their online presence.

## Advanced Customization Options

[Instagram Pro APK](https://instapro2.net/) offers a wide range of customization options, allowing users to modify the appearance of the app according to their preferences. Users can customize themes, layouts, fonts, and colors, creating a unique visual experience.

## Download Media

One of the standout features of Instagram Pro is the ability to download photos, videos, and stories from the app directly to the device's storage. This feature allows users to save and access media offline, even when an internet connection is unavailable.

## Ad-Free Experience

Instagram Pro provides an ad-free browsing experience, eliminating intrusive advertisements that may interrupt the user's browsing or viewing experience. This allows users to focus solely on the content they enjoy without distractions.

## Extended Media Sharing

Unlike the standard Instagram app, Instagram Pro allows users to share media with a larger file size. This feature enables the sharing of high-resolution photos and videos, preserving the quality and details of the content being shared.

## Advanced Editing Tools

[InstaPro](https://instagrampro.pro/) offers a range of advanced editing tools, giving users more creative control over their photos and videos. Users can access features like advanced filters, adjustments, and effects, enhancing their ability to craft visually stunning content.

It's important to note that Instagram Pro is a modified version of the original Instagram app and is not developed or supported by the official Instagram team. As with any modified app, it's essential to exercise caution when downloading and using third-party applications, as they may have security risks or violate the terms of service of the platform they are modifying.

In summary, Instagram Pro provides users with additional customization options, advanced editing tools, enhanced privacy settings, ad-free browsing, and the ability to download media. It aims to cater to users who seek a more personalized and tailored Instagram experience, offering features beyond the standard app.
How to create a Widget Programmatically in Magento 2
Tags: webdev, magento, magento2tutorials
Published: 2023-06-19 09:04:36

Magento 2 is a well known internet business stage that permits you to make a great many gadgets for your web-based store. Gadgets are little bits of code that can be added to your site to show different sorts of content, for example, item records, highlighted items, advancements, client audits, and substantially more.

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

They can be put anyplace on your site, for example, on CMS pages, blocks, or even on the landing page. By utilizing gadgets, you can without much of a stretch exhibit your items and administrations in an alluring and easy to use way. 

This permits you to modify the look and feel of your Magento 2 site to meet your particular necessities and prerequisites, as well as make it more straightforward for your clients to find what they're searching for.  

In this blog, we will examine **_how to create a widget programmatically in Magento 2_**, bit by bit.

For more info, visit **_https://webguru.dev/how-to-create-a-widget-programmatically-in-magento-2/_**
VIM setup
Tags: vim, bash
Published: 2023-06-19 08:58:23

I am VS-Code user, but time-to-time I need to work with terminal, even on windows where I use `gitbash` because that is close to linux shell, which is important when you find yourself some `ssh` situation for example.
By the way each of those environment vim was installed.
At first time vim seems a very weird. But few round later this editor seems very useful tool for us.

I use this basic setup for vim:


```vim
syntax on
set tabstop=2
set shiftwidth=2
set softtabstop=2
set autoindent
set smartindent
set termguicolors
set number
set mouse=a
set cursorline
set encoding=utf-8
set hlsearch
set incsearch
set ignorecase
colorscheme slate
```

copy this code and:

```sh
vim ~/.vimrc
```

press: `p` - paste
press: `:` - change to command mode
write: `wq` - quit with write.

Few useful `vim` shortkey:

`:q` - quit
`:q!` - quit without save
`:e filename` - open file
`:Ex` - open selected file
`:help` - self doc

Fine coding!
[Italian] Blaise Pascal, 400 anni del genio universale a metà tra lo Spirito di finezza e lo Spirito geometrico
Tags: programming, history, pascal
Published: 2023-06-19 08:54:09


Esattamente quattrocento anni fa, in Francia, nasceva **Blaise Pascal**, il genio universale che si poneva a metà tra lo spirito di finezza e lo spirito geometrico. Tale descrizione credo che rappresenti meglio la sintesi del suo straordinario contribuito alla storia umana.

Risulterebbe insufficiente tentare di esplorare ogni singolo campo di interesse di Pascal. Come pioniere dell'informatica, costruì uno dei primi calcolatori meccanici, la Pascalina, tra i primi strumenti a gettare le basi per il futuro progresso tecnologico.

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


A lui è stato dedicato il linguaggio di programmazione PASCAL, uno dei primi del suo genere, diffuso a cavallo dagli anni '70 e '80 , influenzando la maggior parte di quelli che utilizzati oggi.

Nonostante una vita breve, morì a soli 39 anni, Pascal ha arricchito diverse discipline con i suoi teoremi e trattati sulla Fisica, la Matematica e la Geometria. Tra i suoi innumerevoli contributi spiccano le teorie sulle coniche, il calcolo combinatorio, la teoria della probabilità, e la legge dei fluidi.

In Filosofia, Pascal è ricordato per la celebre Scommessa su Dio, ma anche per le sue decise e attente riflessioni sul valore dell'esistenza umana, anticipando pensatori come Leopardi, Kierkegaard, Schopenhauer e Nietzsche. 
Semplificando molto sostenne con convinzione che l'essere umano, non può affidarsi esclusivamente alla razionalità per comprendere il destino e il valore dell'esistenza, ponendo l'Uomo un essere a metà tra due spiriti quello **geometrico** (razionalità e calcolo), e quello di **finezza** (intuizione e sentimento).


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

Forse Pascal avrebbe previsto oggi, con gli strumenti tecnologici a nostra disposizione, la capacità di scrivere 
e aggiungere nuove pagine del mondo che ci rappresentiamo grazie alla nostra volontà di potenza, ossia il bisogno di modellare la nostra natura indipendentemente dal fatto che i risultati siano di natura positiva o negativa.