teleren/devto huggingface dataset:
i made a programming language!
Tags: python, beginners, webdev, javascript
Published: 2022-06-27 13:07:18

Yesterday, I saw [this](https://www.reddit.com/r/ProgrammerHumor/comments/vkkyyv/say_hello_to_pythowo_make_sure_to_treat_her_well/) post on reddit and decided to make a programming language called pythOwO!

This is how I made it:
{% youtube czZmkh7CY6M %} 

pythOwO got over github 300 stars in under a day!

Check it out: https://github.com/virejdasani/pythOwO

Please consider liking the video and giving [pythOwO](https://github.com/virejdasani/pythOwO) a star, thanks!
Insquad | Made with React JS
Published: 2022-06-27 12:35:02

![Insquad | Made with Javascript | React JS](https://res.cloudinary.com/madewithjavascript/image/upload/v1655734831/large_insquad_made_with_react_js_793318ecff.png "Insquad | Made with Javascript | React JS")


### Hire startup-ready remote tech heroes fast, pay in crypto

> Are you a startup looking to scale dev team? We source them worldwide, rigorously vet 3+ hrs their tech skills. And, we’re the only platform to assess if the developer is startup-ready.
> Check us out and find your senior remote Startup Developer in 24 hours!
> 
> - Scale your team
> - 4x faster with Insquad
> - Startup developers
> - Curated senior, results-driven talent
> - Interview tomorrow, hire in two weeks
> - Legal, tax and payments covered
> 
> ### Filter out candidates by stack and domain
> 
> ### Browse through profiles with vetted skills, experience and video-interview recordings
> 
> ### Book several interviews and enjoy 85% interview to hire rate

## Check out more such amazing projects on our website

[Made with Javascript](https://madewithjavascript.club)

## Want us to feature your project

[Submit your Project to Made with Javascript](https://madewithjavascript.club/submit-project)


You can also write to us for any of your queries at:

[Email Made with Javascript](mailto:madewithjavascript@gmail.com)

## Project already shared on our social media handles.

| SocialMedia | SharedLink |
| ----------- | ---------- |
| Twitter | [Insquad on Twitter](https://twitter.com/withjavascript/status/1541398496472956930?s=20&t=kOlkd4Z2VtvJG1N-2ISRWQ)
 |
| Medium | [Insquad on Medium](https://medium.com/@madewithjavascript/insquad-made-with-react-js-906074166a29)
 |
| Facebook | [Insquad on Facebook](https://www.facebook.com/madewithjavascript/posts/pfbid02GcKaCpxE7FyLym9fkPFK6nykfrxdDZLAupfsjTtDNDPEHxjQqYL5G1sJ9PDmkzkul)
 |
| Tumblr | [Insquad on Tumblr](https://www.tumblr.com/blog/view/madewithjavascript/688215252150665216?source=share)
 |
| LinkedIn | [Insquad on LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:6947164414806544386)
 |
| Pinterest | [Insquad on Pinterest](https://pin.it/6syPKza)
 |


Filled Under:


 - [Made with Javascript](https://madewithjavascript.club)
 - [Made with React JS](https://madewithjavascript.club/categories/react-js)

Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!
Developing a goal-setting system for a Forbes-acknowledged company
Tags: ruby, hr, writing, webdev
Published: 2022-06-27 12:29:01

Evrone was integrated into the HR software development project to work on a product called TalentTech Goals. The team for this project is big: two backend developers (one from Evrone), three frontend developers, two QA engineers, and a number of managers.

[What is TalentTech Goals? Read here!](https://evrone.com/talenttech)
Mac 設定 Part 4 -- IntelliJ 基本操作と便利な拡張
Tags: intellij, vim, jetbrains
Published: 2022-06-27 12:22:00



# 基本ツールの使い方


## .bashrc の環境変数を読み込んで起動

通常 IntelliJ で JVM を使うと Bash の環境変数は無視される。

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

Jetbrains ToolBox から起動して
Settings/Configuration から
実際に入っているパスをみつける

```php
~/.local/share/
JetBrains/Toolbox/apps/IDEA-C/ch-0/123.45.67/
```

ここに本体と、起動用の idea.sh が入っている。

その sh を直接叩けば、.bashrc の(JAVA_HOME などの)
環境変数を引き継いで IntelliJ に引き継げる。

---

## 同じエディタで共同作業する

https://www.jetbrains.com/help/idea/code-with-me.html#invite

VScode の LiveShare 相当は Code With Me という。

このリンクを送れば共同作業できる。

参加者のカーソルを自動で追いかけるには、
RUN の下の参加者のイニシャルをクリックする。

---

## 今いるファイルを反映する

VScode や NardTree と違って
編集しているファイルが左ナビに反映されない。

https://stackoverflow.com/a/25114695

ライフルのスコープマークを押すと現れる。

---
---

# 便利な拡張設定

## Vim 拡張を入れる

VSCode で画期的に操作が早くなる Vim 拡張。
ちょっと設定の仕方が違うが、IntelliJ でも使える。

名を IdeaVim という。

不便なことに、IntelliJ の無料版ではアプリ内の Plugins 検索では
IdeaVim は引っかからない。

https://plugins.jetbrains.com/plugin/164-ideavim

なので、Web から DL して、その zip ファイルを選択して IntelliJ に追加する。

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xvl689wx16hk1dagw0hv.png)
 
有料版では普通にインストールできる。Ktor と似たようなものか。

---

## IdeaVim の jj で Escape できるようにする

https://stackoverflow.com/a/10195639

```php
I use jj to exit insert mode. 
Creating a keymap using this method prevents 
the practical use of j in normal mode 
(such as trying to go down by three lines jjj). 
To avoid this, create .ideavimrc 
and put :imap jj <Esc> into it.
```

このスレッドのこのコメントの通り、

```php
:imap jj <Esc>
```

このコードを

~/.ideavimrc に書き込む。
するとスムーズに jj で Escape できる。

---

### IdeaVim でも ctrl { c, v } を通常にする

IntelliJ で IdeaVim を適用すると
Ctrl {c,v} が Vim 空間の yank, paste になってしまう。

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

ここを開くと
ここで Ctrl { c, v } が Vim に取られているので
Vim から IDE にして、再起動すると
普通のコピー、ペーストができるようになる

---

# 見た目の改善

## フォルダ名に応じたアイコンに

Atom Material Icons

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wz77b573p80nz6rp3bqp.png)
 
階層ほって探すときにかなり快適になる。
リスタート不要。

## ブラケットをレインボーに

Rainbow Brackets

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3aejntcq05euft3aueui.png)
 
一番有名なやつ。便利さは自明。

## インデントをレインボーに

Indent Rainbow

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

1 つだか 2 つだか、間違えやすいインデントを間違えなくなる。
リスタート不要。
 
## CSV をレインボーに

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

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

何列めがなんのデータかわかりにくい CSV が一目瞭然になる。

## プログレスバーをマリオで可愛く

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

ノコノコ甲羅とマリオがプログレスバーで動く。
ポケモン版もある。

待ち時間が楽しくなる。
長いビルドでも甲羅が跳ね返るのが楽しく、イライラしなくなるので生産性が爆発的にあがる、JVM ユーザーには必須のツール。
SQUAKE CO2 API
Tags: sustainability, carbon, api, offsetting
Published: 2022-06-27 12:19:55

SQUAKE helps businesses to build sustainable products! 

With the most performant API in the market, we help travel, mobility, and logistics companies calculate carbon emissions and purchase certified climate contributions in real-time. Implemented within minutes!

Implement the Carbon API here: https://www.squake.earth/request-api-credentials
The express.js alternative web framework for 2022: aex
Tags: javascript, typescript, webdev, node
Published: 2022-06-27 12:11:12

express.js hasn't been updated for years.
For the time expressjs was created, javascript has no concepts like Promise and async/await to ease the way to write async invocations with functions. This can easily cause callback holes.

Over time when javascript introduced Promise and async/await, we can very easily write sync code with async/await to invoke async functions.

To write clean code with async calls, aex was created from scatch.
It is compaitiable with most expressjs middlewares, and have better support for async calls.

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

It also provides better way to organise your project with classes/files. And ease the way you handle http requests with a class.


This is a very simple example on how aex works:

```ts
import { Aex, http } from "@aex/core";

class Helloworld {
  public message: string;
  constructor() {
    this.message = "Hello world!";
  }
  @http("/")
  public async all(req: any, res: any) {
    res.end(this.message);
  }
}

const aex = new Aex();
aex.push(Helloworld);
// aex.prepare().start(8086).then();
await aex.prepare().start(8086);
```

for detailed info please visit: [https://github.com/calidion/aex](https://github.com/calidion/aex)
osmanip 4.0.0, a library to manipulate ANSI escape sequences: added support to Windows and MacOS operating systems
Tags: cpp, computerscience, programming, linux
Published: 2022-06-27 12:10:03

Hi everybody, I recently shared with you a library I developed in order to manipulate ANSI escape sequences: it provides you useful tools for terminal output-stream decoration and manipulation. Each feature is really easy to use and 100% customizable. Some of them are:

Color, style, cursor and ANSI escape codes manipulators.

Progress bars, 100% customizable with messages, colors and different styles / types.

2D terminal graphics and plotting (without GUI, but directly on the terminal).

Other stuff is incoming.

Since some of you asked me to care about support on other platforms than Linux, I decided to release a new version in which I added features to support also Windows and MacOS operating systems. For what regard Windows, the library can now be used on Cygwin64, MSYS2, MinGW and WSL (tested so far). I didn't worked on pure Windows powershell support, but it could be provided by updating the makefile (if you want to send a pull request or open an issue to require this feature it would be good for me) in order to correctly compile the code on powershell too (I will probably add CMake compilation tools in future, but for the moment GNU make is enough).

If someone of you want to contribute with a pull request to fix bugs or add improvements he/she would be more than welcome!

If you like it don’t forget to leave a star on Github! Thanks.

Github repository link: https://github.com/JustWhit3/osmanip
Tour Management Software - Amadeus API Development
Tags: webdev, html, software, programming
Published: 2022-06-27 12:03:56

**SoftwareXprts** is the best travel technology, provider. We are having a dedicated team for attractive designs, development, testing, SEO and Ecommerce, **[B2B Travel Portal](https://www.softwarexprts.com/b2b-travel-portal)** , **[B2C Travel Portal](https://www.softwarexprts.com/b2c-travel-portal)**, white label travel portal, **[Hotel api Integration](https://www.softwarexprts.com/hotel-booking-api)**, Amadeus api Development. Website Development to improve your travel business. For more details please **visit more**. 

**[Car Booking Api](https://www.softwarexprts.com/car-rental-api)**
**[GDS Integration](https://www.softwarexprts.com/gds-integration)**
**[Flight Booking Api](https://www.softwarexprts.com/flight-booking-api)**
TIL how to find fresh forks of abandoned repositories
Tags: todayilearned, github
Published: 2023-05-19 20:37:39

---
title: TIL how to find fresh forks of abandoned repositories
published: true
date: 2022-06-27 11:54:00 UTC
tags: TIL,github
canonical_url: https://www.zufallsheld.de/2022/06/27/til-how-to-find-fresh-forks-of-abandoned-repositories/
---

Often times I find a interesting or useful project on Github that is abandoned and has some issues. Then I hope that someone already forked the repository and continued working on it. To find a fresh fork, I had to go to the Insights-tab in the repository, click on “Forks” and then look at all the listed forks to see if there is an active one. Tedious!

Here are two projects that try to fix this:

**[Fork Freshness](https://forkfreshness.com/)**‘ results look nice - take a look at this example: https://forkfreshness.com/Shopify/active\_shipping. However to get this result, I have to tweet the repository-URL to a twitter account. That’s almost as tedious as checking the forks manually.

**[Active Github Forks](https://techgaun.github.io/active-forks/index.html)** immediatly displays the results and organizes it in a neat, sortable table. My go-to solution to find fresh forks.

## NEW: Here are two more ways to do this

### With a search modifier

There is a way to filter out forks in your GitHub search to only those that were created recently, using the “fork:only” search modifier. To find recent forks for a repository, you can use the following search query (replace MYREPOSITORY with the repository you are looking for), where YYYY-MM-DD is the date you would like to start searching from.

### Github now has this functionality included!

Open your repository and click on the forks, there you can change to a new list view that let’s you filter the forks:

![abandoned](https://www.zufallsheld.de/images/abandoned.png)

The functionality is in beta right now - check this [discussion](https://github.com/community/community/discussions/40968) for more information!
Full-Stack React & Node.js - Create The Client
Tags: webdev, javascript, react, node
Published: 2022-06-27 11:50:21

---
series: Simply Learn Full-Stack React & Node.js
---

## Create the React web-site

Create a folder somewhere for your project. This will hold the client and server code.  I called mine: **node-react-stack** and will be using that folder name throughout.

Inside the **node-react-stack** folder, use a shell/CLI to enter this command to create your React app:

```shell
npx create-react-app react-client
```

When that has finished, inside the **node-react-stack/react-client** folder, run another command to npm install react-router:

```shell
npm i -S react-router-dom
```

> Make sure that npm install commands like this are run in the same folder where your package.json file is located.

Next open up the react-client project in an editor.

Inside the **src** folder create a new file called **AddEditNote.js** and paste in this code:

```jsx
import React from 'react';

const AddEditNote = () => {
    return (
        <div>
            Add Edit Note
        </div>
    );
};

export default AddEditNote;
```

Next edit **App.js** and change the code to:

```jsx
import {
    Link,
    HashRouter as Router,
    Routes,
    Route,
} from 'react-router-dom';
import AddEditNote from "./AddEditNote";
import './App.css';

function App() {
    return (
        <div className="App">
            <Router>
                <Routes>
                    <Route exact path="/" element={
                        <ul>
                            <li>
                                <Link to="edit-note">Edit Note</Link>
                            </li>
                        </ul>
                    }/>
                    <Route path="/edit-note" element={<AddEditNote/>}/>
                </Routes>
            </Router>
        </div>
    );
}

export default App;
```

To test this, inside the **node-react-stack/react-client** folder, run:

```shell
npm run start
```

> Just as with npm install above, ```npm run``` commands must be executed from the same folder as your package.json file. The reason is that ```npm run start``` runs the ***start*** script defined in your package.json file.

When your React app finishes building, a browser should appear, showing an "Edit Note" link. Clicking that will display the text: "Add Edit Note"

Good job - your client app and routing are working!

Next: [Add a form](https://dev.to/neohed/full-stack-react-nodejs-part-2-add-a-form-2e9b)

Code repo: [Github Repository](https://github.com/neohed/node-react-stack)
Full-Stack React & Node.js - Introduction
Tags: webdev, javascript, react, node
Published: 2022-06-27 11:50:04

---
series: Simply Learn Full-Stack React & Node.js
---

## An easy tutorial series that teaches full-stack with React, Node.js, Prisma and SqlLite DB


![A small plant growing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xrwozzeydofbrgryghym.jpg "Big things have small beginnings")

This series is simple and fast.  The code repo link will be at the bottom of each post. To use this tutorial there's no typing. Instead, as you read, you only need to:

1. Create files and folders.
2. Paste in the code.
3. Run a few shell/CLI commands.

I will make 2 or 3 posts per day over the next few days until this is finished. If you have any problems, questions or suggestions then please add them.

### You need:

* node.js
* npm
* An editor

If you don't have node or npm, these links should help: [Node.js](https://nodejs.org/en/download/), [NPM](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)


![A perspex training padlock](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vs7i5l3qhp56wq57aodq.jpg "Training Padlock")

> When you learn lock-picking you use training locks that expose the mechanism.

When I learned full-stack web development (back in the 90's) my biggest problem was understanding how all the pieces fitted together.  I studied an app from an experienced developer, made changes - and it broke!

The problem: a lot was going on that I couldn't see.  In this tutorial I will expose the "conversation" so you can see what's going on.  Because, full-stack, is really just a conversation between the web-site and the server and between the server and the DB; they communicate and they each do their own thing.

I'm not going to explain in detail how the React code or CSS works. This is more about how the pieces fit together and communicate. I will explain in detail how the layers in the stack communicate and I will try to include some useful things I've learned, where relevant.

![A cartoon minion with arms in the air and text, "let's get started"](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xnb183koc4zzbo0vdapd.jpg "Enthusiastic Minion")

Next: [Part 1, Create The Client](https://dev.to/neohed/simply-learn-full-stack-web-part-1-create-the-client-440e)

Code repo: [Github Repository](https://github.com/neohed/node-react-stack)
My First Certification in Data Science Field
Tags: machinelearning, beginners, datascience, deeplearning
Published: 2022-06-27 11:47:30

Dear, Everyone. Thank you being with my AI journey.
Since few weeks ago, I started to learning AI with Andrew Ng's tutorials on Coursera. Now I am keep learning every day even just few hours at least.

I found that there are some useful courses on Kaggle which make able to earn Certifications very easy and fast. Whether those certifications shows your real ability on AI fields or not, I think those are valuable to try at once.

I had already completed first 2 courses on there. I pushed all materials of those 2 tutorials (tutorial lecture and programming exercise) to Github and shared them as public. I Hope my works will be little bit helpful for everyone as beginners as me.

This one is github repo of my Kaggle tutorial's works.
https://github.com/levintech/kaggle-courses

Thanks for reading my first post carefully.
To encourage me continue work, please follow me on Dev.to and Github.

https://dev.to/levintech
https://github.com/levintech

Best Regards.
How to use AND, OR, IN and NOT to filter the returned data in SQL
Tags: sql
Published: 2022-06-27 10:01:13

This article describes how to combine the AND and OR operators into a WHERE clause to create more powerful and advanced search criteria. We also describe how to use the NOT and IN operators.

Link to the original article:https://www.developerastrid.com/en/sql/sql-and-or-in-not/
How to use SQL WHERE to filter the returned data
Tags: sql
Published: 2022-06-27 10:00:10

This article describes how to use the SQL WHERE clause to specify search criteria to filter the returned data. It also introduces how to check for equality, inequality, greater than, less than, range of values, and NULL values.

Link to the original article:https://www.developerastrid.com/en/sql/sql-where/
Template String in ES6 Javascript
Tags: javascript, beginners
Published: 2022-06-27 09:59:11

Using **template string** is a better form than using **string concatenation** making your JavaScript more readable and easy to understand.

By the end of this article you'll understand;

- How to use Template strings

- Why use it over string concatenation


Let's get into it

```javascript
let lastName = 'John';
let firstName = 'Doe';
let age = prompt('What is your age: '); // prompt user to add his age

```

Before the advent of ECMA script, to console the output of the above code trying to concatenate them into a piece.

```javascript
let result = lastName + ' ' + firstName + 'is' + age + ' ' + 'years old';
console.log(result)

```

output 

```javascript
//output will be after the user has been prompted to add their age

//John Doe is 25 years old

```
This is a cool way to string variables together, but assume you work on a large code base that has plenty of variables declared.
How you make this shorter and easily readable is by using template strings which can also be termed template literals.

Using the template string

```js
let result = `${lastName} ${firstName} is ${age} years old`;
console.log(result);
```
output

```js
// same application after prompting user information

// John Doe is 25 years old.
```
 The template string makes code shorter and gives the developer the quickest option to call the variables into action making it readable for the developer or whomsoever is reading the code. 


`
Beginner's - creating virtual environment on ubuntu for python
Tags: ubuntu, virtualenvironment, python, beginners
Published: 2022-06-27 09:56:41

## Installing virtual environment

- Update your system
```shell 
$ sudo apt-get update && sudo apt-get upgrade
```

- Install Virtual Environment package with below command :
```shell
$ sudo apt install virtualenv -y
```

- Create a python virtual environment directory for different.

```shell
$ mkdir ~/python-environments && cd ~/python-environments
```

<u>Explanation :</u>

**mkdir** -> is used a create folder/directory in ubuntu from 
         terminal
**cd**    -> is used to change path for folder/directory path

**&&**    -> is used to join and run 2 commands in terminal 
           together at once

You can run make directory and change directory command in separate line too :
```shell
$ mkdir ~/python-environments
$ cd ~/python-environments
```

- Now create python virtual environment :
```shell
$ virtualenv --python=python3.8 env_python38
```
After running create virtual enviornment commant output in terminal would be like this :
```shell
created virtual environment CPython3.8.10.final.0-64 in 80ms
  creator CPython3Posix(dest=/home/ruchika/python-environments/env_python38, clear=False, global=False)
  seeder FromAppData(download=False, pip=latest, setuptools=latest, wheel=latest, pkg_resources=latest, via=copy, app_data_dir=/home/ruchika/.local/share/virtualenv/seed-app-data/v1.0.1.debian.1)
  activators BashActivator,CShellActivator,FishActivator,PowerShellActivator,PythonActivator,XonshActivator
```

- type ls command to check list of file, folder in current directory :
```shell
ls
```
you can your created virtual environment directory :
```shell
env_python38
```
- Check your environment is installed with the python version is proper :
```shell
$ ls env_python38/lib
```
## Activate and deactivate virtual environment
- Activate your virtual environment
```shell
$ source env_python38/bin/activate
```
After activating you see your virtual env name in rounf bracket :
```shell
(env_python38) yoursystemname:~/python-environments$
```
- Deactiavte (close) your virtual environment:
```shell
$ deactivate
```