teleren/devto huggingface dataset:
Do you have any abandoned projects you still have to pay for?
Tags: watercooler, career, business, finances
Published: 2021-09-18 07:47:45

---
title: Do you have any abandoned projects you still have to pay for?
published: true
description: 
tags: watercooler, career, business, finances
cover_image: https://assets.nst.com.my/images/articles/111aad_%281%29.jpg_1524201145.jpg
---
Yesterday I made a [discussion](https://dev.to/madza/what-are-your-recurring-expenses-as-a-developer-59p9) about the recurring expenses as a developer. I got a great reply from @ben, which resonated in me:

{% comment 1i5hm %}

When creating new projects (especially complex ones with multiple services involved) I always try to think about the long-term maintenance and scalability aspects, so I replied: 

{% comment 1i5mg %}

For example, I'm very happy with the stack I chose for my most recent project [devQuizzes](https://quizzes.madza.dev/) (a quizz platform where users can test their dev knowledge in over 500 questions across 20 categories): 

I picked [GitHub](https://github.com) to store all the data (each question is a seperate .md file in the repo), [Airtable](https://airtable.com) for users to submit new questions and submit edits for the question (I use their API for this, so the inputs are stored in their Sheets), [Vercel](https://vercel.com) to host it all (which I absolutely love, no promo btw) and for the domain I created a subdomain [quizzes.madza.dev](https://quizzes.madza.dev/) for the only domain I own [madza.dev](https://madza.dev) (I use [NameCheap](https://namecheap.com), which I found in this [discussion](https://dev.to/madza/what-s-your-favorite-domain-registrar-4dcl), thanks to you guys), meaning I can still buy a separate domain and set up redirect to it if the project starts to become something serious.

This means that the total maintenance costs for the project is zero and I am not limited to move to other projects if I want to in the future without sacrificing my bank account.

The question for this discussion is:

Do you have any abandoned (inactive) projects that you must pay for monthly/yearly to keep them running? Like hosting, domain, database, storage and other costs.

Also, what are the key lessons you learned from it (what would you do different when setting up the same project today)?
Termux hacks
Tags: webdev, programming, android, devops
Published: 2021-09-18 07:30:06

Hacking with termux part1
There are a lot of stuff that we can do with termux termux is a Linux emulator which you can use it on either Android or on your PC are you can save window or any operating system. You can install various packages like Kali Linux you can work on it as you are on Linux.

So here is a part 1 of hacking with termux in this post I am going to make you learn how you can download latest version of termux.

This is the YouTube video showing how to download termux in your Android application or in your smartphone
https://youtu.be/9QUQO1Sc2II

Step1-go to

Step2–download fdroid

Step3– install f-droid

Step4–search for termux

Step5– download and install termux

Now open termux your termux is ready to do cool stuffs from sending enormous SMS to the hacking Android application.
Design chrome new tab your own by building a simple chrome extension with HTML, CSS, JS and some open API's
Tags: chromeextension, newtab, chromestore, chromenewtab
Published: 2021-09-18 07:07:07

Today, I want to share how to design chrome new tab with simple steps. Minimal configuration with basic knowledge of HTML, CSS and JavaScript and JSON.

I hope I'm able to help anyone who wants or needs to design their own chrome extension Here I am going to share how to design new tab. Like this we can create awesome chrome extensions.

Create a root folder inside that add new file name it manifest.json 

```
{
  "name": "New Tab",
  "description": "Replace new tab page with a personal dashboard time, weather, quotes, and inspiration.",
  "version": "1.0",
  "manifest_version": 3,
  "background": {
    "service_worker": "background.js"
  },
  "permissions": ["storage", "activeTab", "scripting"],
  "chrome_url_overrides": { "newtab": "index.html" }
}
```

### How to add our source code to chrome browser as extension?

1. Open chrome browser go to settings page.
2. Select extensions link from left panel.
3. Turn On developer mode right top corner in extension page.
4. Click Load unpacked button and select your root folder which we created at beginning.
5. Turn off developer mode. Open new tab to see your design based on your HTML, CSS and JavaScript.

Write your own HTML, CSS and JavaScript and design your new tab as you like.

Note: We are storing data in chrome.storage method which we can access later wherever we need.

For reference I am sharing my design code [inprogress repo] link: https://github.com/vulchivijay/chrome-extension-newtab

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kfrp8oys9fk3pocnpg9c.jpg)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4ahcn1ddx4juuwt27s8.jpg)
Block a List of IP Addresses in PHP
Tags: php, security
Published: 2021-09-18 07:03:32

Here's a simple PHP snippet that you can place at the top of a file to determine whether the IPv4 address of a request is blacklisted:

```php
$blacklist = array(
    '127.0.0.1',
    '192.168.1.1',
    // etc.
);

$ip = isset($_SERVER['REMOTE_ADDR']) ? trim($_SERVER['REMOTE_ADDR']) : '';

if (($key = array_search($ip, $blacklist)) !== false) {
    echo 'You are forbidden from accessing this resource!';
    exit();
}
 
// If the process has not exited, then the IP address is not blacklisted.
```

You could also pull a list of IP addresses from a file:

```php
    $blacklist = file('blacklist.txt', FILE_IGNORE_NEW_LINES);
```

In the above example, each line of `blacklist.txt` should contain a single and unique IP address.

## Adding a 403 response code

If you haven't already, you might want to consider responding with a [403 error](https://en.wikipedia.org/wiki/HTTP_403):

```php
http_response_code(403);
echo trim('
    <!DOCTYPE html><html><head><title>403</title></head><body>You are forbidden from accessing this resource!</body></html>
');
exit();
```

## Conclusion

Anyway, this is just one of many simple ways to block a list of IP addresses from accessing a resource on your PHP server.

If you're running into issues, remember to add this snippet to the top of the files you want to add it to!
Sweet Alert JavaScript Library With Oracle Apex
Tags: javascript, oracleapex, sql, react
Published: 2021-09-18 06:50:48

Today I use JavaScript library Sweet Alert with Oracle Apex it's a very useful library I explain how to use it in this 
blog by reading this we can integrate any of JS library with Oracle Apex not only this 

https://medium.com/@jskhan211/sweet-alert-javascript-library-with-oracle-apex-a8c082fa6e20

Hope you like it 
Feedback are highly Appreciated
Have you ever wondered how YouTube, Netflix shows you video/movie recommendations?
Tags: datascience, machinelearning, python, java
Published: 2021-09-18 06:43:17

Credit: [**Pradip Nichte**](https://www.mentorif.com/ment/pradipnichite9b7893bd7a?utm_source=blog&utm_medium=Devio&utm_campaign=be-or-ee&utm_id=be-or-ee)

One of the techniques used to build a recommendations system is called collaborative filtering.

The idea behind collaborative filtering is that if User A and User B have watched some movies in common, they have similar preferences, and User A is more likely to watch films seen by user B than any random user preferences.

But how do we find similar users for a given user?

We can represent users and movies using a matrix (or spreadsheet).
Each row represents each user, and each column represents each movie.

Each cell in the matrix is 1 or 0, which tells us whether the user has watched a movie or not.

One way to calculate the similarity between two users (rows) is using dot product or cosine similarity.

Let's pick user A; once we compare the user A row with every row, we can find the most similar row; let's call it User X.

Then pick a movie from User X which A has not watched yet and Show it to user A.

Can we improve the above technique?

1. Instead of finding one similar user, we can see the top 5 similar users and show one movie from each user or recommending a film seen by all five similar users and not watched by User A.

2. Represent each cell in the matrix by rating (1 to 5) given by the user for that movie instead of 1 or 0.

3. Since the system will be having millions of users and 1000s of movies, the matrix will become huge, we can use matrix factorization techniques to represent users and movies efficiently.
Setup a LAMP stack development within A MINUTE!
Published: 2021-09-18 06:41:15

Before the minute, it assumes you have the knowledge on Git and Docker, and already installed Git and Docker Desktop. If not, please pick from there:
- Git - https://git-scm.com/downloads
- Docker Desktop - https://www.docker.com/get-started

Long story short, let's go!

1) Clone the project from GitHub (ssmak/lamp :point_left: Cool! it is my project! :smiley:)
```bash
git clone https://github.com/ssmak/lamp.git
```

2) Enter the project directory
```bash
cd lamp
```

3) Start the LAMP stack
```bash
docker-compose up -d
```

That's it! Please check with the link http://127.0.0.1. It is the document root and mapped to the project path of ~/container_volume/www/default/html. You can also access with HTTPS, a self-signed certificate has been already generated.

Furthers reading...
### MySQL
Connect to MySQL with IP:PORT (127.0.0.1:3306) and the credential (user: root  password: root).

### PHP
Visit http://127.0.0.1/phpinfo.php and you can see the detail settings. Notes that many common modules have been already installed for you such as MySQLi, MongoDB, Memcached, Redis and GD, etc.


For more details, please visit the project on GitHub
https://github.com/ssmak/lamp


##### (The cover image of this post is not my work and just from Google search. Please let me know if you are the owner and require me to remove. THX!)
'1' - '1' / 2 = ? , Can you find the answer ?
Tags: javascript
Published: 2021-09-18 06:26:40


I just found out some 🙀 funny things about javascript, If someone able to explain I really appreciate 

```js

'A'+'A'
// output 'AA'

'1'+'1'
// output '11'

// Okay that make sense but ...

'1'+'1'*2
// output 12 


'1'+'1'/2
// output 10.5

// It's start getting weird then ....


'1'-'1' 
// output 0

'1'-'1'/2
// output 0.5

// It's correct , but why ? 

```
6 Tips and Tricks Every Developer Should Know in Visual Studio Code 🤩
Tags: vscode, programming, productivity
Published: 2021-09-18 06:16:23

One of the most common text editors used by developers is Visual Studio Code. Microsoft created it to be the first cross-platform programming tool in the Visual Studio family that supported OS, Linux, and Windows .Visual Studio Code is by far one of the most popular code editors for web, mobile, and hardware developers.

In this article, we will talk about the most essential tips every developer should know in VS Code

### Go to Definition

You may come across a lot of variables or methods that you are unfamiliar with when programming. By selecting the “Go to Definition” option from the right-click menu of the required variable or method in Visual Studio Code, you may quickly get to the definition.

### Zen Mode

It's a view with no distractions. All of your window's superfluous toolboxes and bars will be gone, allowing you to concentrate just on your code. To use zen mode simple go to View > Appearance > Toggle Zen Mode

![Screenshot 2021-09-18 at 06.48.08.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631944094542/wHade5sNT.png)

### Split view

Go to the split view if you're skilled at multitasking and are working on two separate files of the same project at the same time, or if you need to compare two files. You can open as many editors as you like side by side vertically or horizontally. 


![Screenshot 2021-09-18 at 06.53.05.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631944391725/YBsuAWhiV.png)


### Quick Open

If you want to open a file quickly without using sidebar , you can simply use quick open. To open quick open press `cmd`+`p` on Mac and for Windows / Linux you can use `ctrl` + `p`
![Screenshot 2021-09-18 at 07.02.31.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631944955533/V1pnrVtIj.png)

### Command Palette

The command palette, allows you to quickly access any registered command, including those offered by extension. In addition, if a key binding is connected with a specific command, it will be presented in the type-to-search drop-down list.

You can open Command Palette by pressing `cmd`+`shift`+`p` in Mac and `ctrl`+`shift`+`p` for Windows / Linux.

![Screenshot 2021-09-18 at 07.07.22.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631945249539/KCyyopCSp.png)


### Multi cursor selection

You may utilise multi-cursor editing to modify several lines of text in various areas of your document. This function allows you to add, modify, or remove text by using several cursors in separate locations.

You can do this by clicking anywhere in your text document while holding down the Alt or Option keys on your keyboard. 

![MayEK.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1631944700525/wPRw_UpZm.gif)

> 
Gif by Nacimota from SOF


Thanks for reading!

Let's connect on [Twitter](https://twitter.com/KakarZahab)
When I create a post, how to automatically complete the tag metadata?
Tags: help
Published: 2021-09-18 06:15:07

---
title: When I create a post, how to automatically complete the tag metadata?
published: true
description: 
tags: help
---

The current situation is that I don't know what tags are available at all unless I check from [tags](https://dev.to/tags). I don't know the exact name of the tag available either. For example, the tag about JavaScript is `js` or `javascript`? The tag about `Go` is `go` or `golang`?

Or, the tag can be anything? Will `dev.to` create the new tag automatically? 

Is there any way to automatically complete the available tags?
Calculator Function using JavaScript 🚀🚀
Tags: javascript, webdev, beginners
Published: 2021-09-18 05:56:30

  How to create calculator function in JavaScript?? 

  Yes, Today we are making a JavaScript function which is return some mathematics output.

  So, let's start with JavaScript code. 

(1) Let's make a JavaScript 
    file and give any name 
    here I am giving index.js.
   (Note:- We must need a 
    html file to run our JS 
    code in browser) 

(2) Next step make a function 
    name calculator() in js 
    file. And pass three 
    parameter x, y and o. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g5l2zr1u510bmeck09c6.jpg)

(3) Parameters explanation :- 
     (a) x is a first number
     (b) y is a second number 
     (c)  o is a operator

(4) We are using switch 
    statement as shown in 
    following code. 

![img2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g6acqoya88gzk981vp31.jpg)

(4) Let's understand above 
   code :-
     (a) first pass o 
      parameter because it 
      will decide which 
      mathematics operation 
      will conduct. o is 
      String and x and y 
      number 
    (b) If any user call this 
     function by passing three 
     parameters like 
     calculator(2,3,'+') then 
     the first case is 
     executed.
   (c)  When anyone not enter 
     valid input the it will 
     return "enter valid 
     numbers".

(5) Let's call the above 
   function and see output. 
![img3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kwk9bhif4vgcen50o1l0.jpg)

👉 Happy Coding... 
🙏 Thank you for reading...
SNITOGEL TERBESAR
Tags: snitogel, snitogelterbesar, agenslotonline, agenttogelonline
Published: 2021-09-18 05:41:50

Kamu Seorang pecinta Agen Slot Online atau kalian yang mahu tau Trik-Trik cepat untuk mengumpulkan pundi-pundi rupiah? Saat ini ada SNITOGEL TERBESAR yang menjadi kunci jawaban kalian dalam memberikan Jasa Pelayanan server permainan terupdate dengan memiliki tingkat Member terbanyak diantara server lainnya.

Dan yang sangat mengejutkan, disini terdapat Agent Togel Online dengan potongan terbesar dan saat kamu betting sedikit ternyata nomor kamu kena dengan JP nya maka akan dibayar tanpa takut tidak dibayar hanya di SNITOGEL TERBESAR.

gameslotpragmatic . com

Disini kami juga akan membagikan Anda Situs yang Terbaik dan Terpopuler dari Agen Slot Online.Yaitu SNITOGEL TERBESAR yang menggunakan server HKB, Kami juga menyediakan Deposit Pulsa dan OVO.

Praktis bukan dijaman yang semakin update ini semuanya menjadi semakin canggih. dan kamu juga tidak perlu capek untuk pergi ke Atm transfer ke bank bank Agent Togel Online. SNITOGEL TERBESAR juga memberikan deposit yang sangat terjangkau sehingga memberikan kemudahan kepada kalian untuk melakukan deposit.

Cukup dengan uang 10K saja kamu sudah dapat bermain. Murah dan Praktis bukan ?
Tunggu apa lagi. Gabung sekarang.

#snitogel #snitogelterbesar #agenttogelonline #agenslotonline #depositpulsa
My 3 GraphQL favorite things 🚀
Tags: graphql, beginners, javascript, typescript
Published: 2021-09-18 05:35:51

I keep thinking what make GraphQL so special. Here are three of my favorite GraphQL things.

1. Self Documented
2. Client describe the shape of the data it need
3. Schema define the data shape

What are your favorites #graphql things? 🙂
My First Open-Source Project With SSG 
Tags: opensource, node, javascript, ssg
Published: 2021-09-18 05:27:09

## SSG
What is SSG? It is a acronym of Static Site Generator. It simply creates a static site that doesn't really need to be updated. So, I built a program that generates a html file that is created with a text file. Here is how it works.

## How to run

1. git clone [git address]
2. redirect to a1-gss and enter "npm i"
3. Open any terminal and Enter "npm i" and "node . -i [filename]"
You'll see the new "dist" folder and a new HTML file that has a same name as the text file.
4. Now, let's try the folder. Enter "node . -i [foldername]"
You can also try other flags like -v, -h. 

## Features

* Commend-line flag
* Identify title and content in a text file
* Identify input weather if it is a file or folder
* Generate HTML file(s) with a folder where new HTML file(s) is.

## Reflection
The first assignment of the open-source class is done! This task was about generating HTML file(s) from a text file(s). Unlike previous assignments, where instructions were mainly specific, I was slightly confused because I am not so used to this concept of assignment that is pretty flexible. I was lost at first in what language to choose and where to start. However, through this assignment, I spent a lot of time looking at many open sources and thinking about combining them with my code. In addition, by using a new library related to the command line, I felt that I was developing the skills I really needed in the working environment and taking a step closer to this field rather than doing a set school task.

## License
#####MIT


[My Github Repo](https://github.com/jjung99/a1-ssg.git)
Hiring for a Backend Engineer! [NFT/DeFi Startup]
Tags: blockchain, nfts, startup, node
Published: 2021-09-18 05:16:18

Proud to announce we recently closed Fractional’s $7.9M seed round over the summer with over 40 VCs and angels participating (led by Paradigm.xyz) and we’re hiring! We’ll be 8 strong starting in October and are now on the search for an outstanding Backend Engineer to join the team 🔥

Working at Fractional, you will be building on the cutting edge of NFTs and DeFi to help shape the future of decentralized communities and asset collecting.

The opportunity in this role to drive lasting impact is high. Experience in a major tech company, high-growth start-up, or blockchain product environment is preferred.

Apply here:

https://angel.co/company/fractional-art/jobs/1641476-backend-engineer
Create a Netflix clone from Scratch: JavaScript PHP + MySQL Day 54
Tags: php, javascript, webdev, tutorial
Published: 2021-09-18 04:57:12

Netflix provides streaming movies and TV shows to over 75 million subscribers across
the globe. Customers can watch as many shows/ movies as they want as long as they are
connected to the internet for a monthly subscription fee of about ten dollars. Netflix produces
original content and also pays for the rights to stream feature films and shows.


In this video,we will be  Creating SeasonProvider class
{% youtube 8fMwRTRwgQU  %}



If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)
Anaconda Cheatsheet
Tags: datascience, python
Published: 2021-09-18 04:41:52

---
title: Anaconda Cheatsheet
published: true
description: Anaconda is a python package manager and it is really amazing, it is popular because it brings many of the tools used in data science and machine learning with just one install.
tags: datascience, python
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g726q6nu1rfm1wshqkf4.jpg
canonical_url: https://milindsoorya.com/blog/anaconda-cheatsheet
---


## What is anaconda?
Anaconda is a python package manager and it is really amazing, it is popular because it brings many of the tools used in data science and machine learning with just one install.

> In a previous article I talked about how to create a virtual environment using anaconda, you can check it out [here](https://milindsoorya.com/blog/how-to-use-virtual-environment-with-conda). 🐍

In this article, I will list out some of the important anaconda commands. Let's jump right in.

> Here on out I will use conda to refer to anaconda

## Check if conda is installed and in your PATH if not install from [here](https://www.anaconda.com/products/individual-d)
```python
conda -V
```

## Check if conda is up to date
```python
conda update conda
```

## Search for python versions in conda
```python
conda search "^python$"
```
## Use conda to create a barebone virtual environment
```python
conda create -n yourenvname python
```

## Use conda to create a virtual environment containing most of the popular data science tools
```python
conda create -n yourenvname python=x.x anaconda
```

## Activate your virtual environment in conda
```python
# if you are using a UNIX operating system like ubuntu
source activate *yourenvname*

# if you are using windows
conda activate yourenvname
```

## Install additional Python packages to a conda virtual environment. 
Failure to specify “-n yourenvname” will install the package to the root Python installation.
```python
conda install -n yourenvname [package]
```

## Deactivate your conda virtual environment.
```python
conda deactivate
```

## List all conda virtual environments
```python
conda env list
```

## Delete a no longer needed conda virtual environment
```python
conda remove -n yourenvname -all
```

## Find where your conda virtual environment is stored
Before running the below code, make sure you activated your virtual environment 
```python
# on MacOS/Linux:
echo $CONDA_PREFIX

# on Windows:
echo %CONDA_PREFIX%
```

## To find path of all conda environments
```python
conda info --envs
```

That's it, thanks for reading, if you have some code to share please share in the comment section I will add it to the above list.

Don't forget to bookmark this page for future reference 🐱‍👤