teleren/devto huggingface dataset:
Why URL encoding saves lives.
Published: 2023-01-29 14:32:19

The story begins with me trying to understand why the gravity forms confirmation message is not sent to a third-party application that I use via HTML post requests.
After many manually handled cases, I started noticing a pattern that revealed where all of my issues were coming from. That pattern was the URL encoding part I was missing.

To give you some background, everything looks fine when a Notification mail is sent from Gravity Forms to the recipients (in our example, me). But when it turns to the confirmation message, the plugin it self does not encode the values submitted by the users.

After I understood what was happening, I had to encode all of the values somehow. There are many ways to achieve that, and all of them are probably much better than my final workaround, though I am still writing this to share my learnings.

I chose to use the 'gform_pre_submission' function from Gravity Forms webhooks and encode all the critical fields that might cause a problem before the actual submission of the form.
As one could, though, if the value is encoded before the submission, doesn't it affect the notification mail? Short answer, yes, it is. But to fix that,  I used another function called 'gform_pre_send_email' and replaced those values by decoding them to "utf-8" strings.

Why didn't I encode them in the confirmation stage? At that point, the response to the user was a custom-coded message, and I had to encode it as a whole, which was not a choice.

I hope you get some value and learnings from this story. As a gift for reaching that far, with my friend chatGPT, we made you a poem.

URL encoding is a must, when writing code
Sending data with HTML requests, it's not just a mode
For user's inputs may not always be right
And lead to errors, with no end in sight

But URL encoding helps to fix that flaw
By converting special characters, and making it all raw
So data can be sent, without any mix
And servers can understand, just what we want to fix

And never forget, the user input's impurity
It may contain errors, that bring insecurity
So before it's processed, verify with care
To avoid any risks, and keep your code fair.

In short, URL encoding is a key
To sending data, the right way to be
And validating user's submissions, is a must
For security reasons, and to keep your code robust.

Have a nice day :)
Kuda bank transfer code7
Tags: kudabank, bankfanz
Published: 2023-01-29 10:10:28



[https://www.bankfanz.com/kuda-bank-transfer-code/](https://www.bankfanz.com/kuda-bank-transfer-code/#utm_source=backlinks&utm_medium=search&utm_campaign=darry+ring+us&utm_content=Michelle)
https://plaza.rakuten.co.jp/gtbtransfer2023/diary/202301290000/
https://www.divephotoguide.com/user/Kuda7
https://www.producthunt.com/@kuda_bank_transfer_code7
https://www.provenexpert.com/kudabanktransfercode7/
https://vocal.media/authors/kuda-bank-transfer-code7
https://wakelet.com/@Kudabanktransfercode7291
https://www.lifeofpix.com/photographers/kuda_bank_transfer_code7/
https://rosalind.info/users/Kuda_bank_transfer_code7/
http://phillipsservices.net/UserProfile/tabid/43/userId/196261/Default.aspx
https://camp-fire.jp/profile/Kuda_bank_transfer_code7
https://app.roll20.net/users/11565858/kuda-bank-transfer-code7-k
https://seedandspark.com/user/kuda-bank-transfer-code7
https://plazapublica.cdmx.gob.mx/profiles/Kuda_bank_transfer_c/activity
https://www.zintro.com/profile/kuda_bank_transfer_code7
https://peatix.com/user/15720898/view
https://www.metal-archives.com/users/Kuda_bank_transfer_code7
https://trabajo.merca20.com/author/kuda_bank_transfer_code7/
https://www.intensedebate.com/people/Kuda_bank7
https://www.mifare.net/support/forum/users/kuda_bank_transfer_code7
https://pinshape.com/users/2563192-kuda-bank-transfer-code7
https://www.kiva.org/lender/kudabank6588
https://www.credly.com/users/kuda-bank-transfer-code7/badges
https://www.myminifactory.com/users/kudatransfercode7
https://www.sqlservercentral.com/forums/user/kuda_bank_transfer_code7
https://guides.co/a/kuda-bank-transfer
http://foxsheets.com/UserProfile/tabid/57/userId/119196/Default.aspx
https://storium.com/user/kuda_bank_transfer_code7
https://speakerdeck.com/kuda_bank_transfer_code7
https://www.kompasiana.com/kuda25660
https://www.longisland.com/profile/Kuda_bank_transfer_code7
https://myanimelist.net/profile/Kuda_bank7
https://social.msdn.microsoft.com/Profile/Kuda_bank_transfer_code7
https://www.iheart.com/podcast/269-kuda-bank-transfer-code7-107994069/
Securing Your Future in the Language Model Era: Tips for Developers
Published: 2023-01-29 17:52:01

---
title: Securing Your Future in the Language Model Era: Tips for Developers
published: true
date: 2023-01-29 14:30:39 UTC
tags: 
canonical_url: https://adithyana.hashnode.dev/securing-your-future-in-the-language-model-era-tips-for-developers
---

### Introduction

In the age of rapid technological advancement, it's more important than ever for developers to stay ahead of the curve and protect their careers.

One area that is seeing significant growth and development is natural language processing, with language models such as ChatGPT becoming increasingly prevalent in the workforce.

### In this blog post

We will explore strategies for developers to protect their careers in the age of ChatGPT and similar language models. We will discuss the importance of:

- Staying up-to-date with the latest technologies

- Developing a strong understanding of the data and techniques used to train language models

- Focusing on skills that are complementary to language models

- Being adaptable

- Staying abreast of ethical and societal implications

- Diversifying your skillset and experience to adapt to new technologies and developments in the field.

### Jobs that are safe

- Data analysts and scientists

- Natural Language Processing (NLP) experts

- Machine learning engineers

- AI/ML researchers

- Ethical AI/ML experts

### Jobs at risk

- Low-skilled data entry jobs

- Simple language translation jobs

- Low-skilled customer service jobs

- Basic data analysis jobs

It's worth noting that while some jobs may be at risk of being automated, it doesn't mean they will disappear entirely, they may evolve and change, requiring different set of skills. Additionally, with the growth of language models and AI, new job opportunities will arise in fields such as data analysis, NLP, and ethical AI.
Share data to all component via service use NgZone, Subject
Tags: webdev, angular, beginners, tutorial
Published: 2023-01-29 14:15:55

There are some cases in Angular that you should know to send data between components or to all components, which many of us often use @Input @Output or we can use global variable and via service
here I'm gonna only explain one first through service (ngZone)
let we create some service 
data.service.ts

```
//we should import
import { Injectable, NgZone } from '@angular/core';
import { Subject } from 'rxjs';

private dataStr = new Subject<any>()
data$ = this.dataStr.asObservable()

constructor(private ngZone: NgZone) { }


  sendDataUrl(data: any){
   return this.ngZone.run(() => {
      this.dataStr.next(data)
    } )
  }

```


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


and let we create component to send data via service
first we import and inject the service that we created earlier

```

import { UrlnavService } from '../../../../shared/urlnav.service';
//here myservice name UrlnavService

constructor(private urlnavService: UrlnavService){}
//inject the service

 sendDataParams(){
    this.urlnavService.sendDataUrl(this.url)
 }
//and create method to send data 

```
trust the data will send into Subject data, 
After we send data from component1, now we take the data that has been sent to the service in another component

dont forget we must import the service and inject it like in component before

```
import { UrlnavService } from './shared/urlnav.service';
constructor(private navurlService: UrlnavService){}

//here im getting data via ngOnInit 
 ngOnInit() {
    this.navurlService.data$.subscribe((data: any) => {
      this.url = data
      console.log(this.url)
    })
  }

```


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

then we can share data to all component via service 

the other way to share data **iscomingsoon**
Enabling Access Logs for Application Load Balancer
Tags: aws, cloud, awscommunity, 100daysofcloud
Published: 2023-01-29 13:23:17

[29/100] #100DaysOfCloud Today, I learned how to enable Access logs for the Application load balancer.

Elastic Load Balancing provides access logs that capture detailed information about requests sent to your load balancer. Each log contains information such as the time the request was received, the client's IP address, latencies, request paths, and server responses. You can use these access logs to analyze traffic patterns and troubleshoot issues.

Access logs is an optional feature of Elastic Load Balancing that is disabled by default. After you enable access logs for your load balancer, Elastic Load Balancing captures the logs and stores them in the Amazon S3 bucket that you specify as compressed files. You can disable access logs at any time.

You are charged storage costs for Amazon S3, but not charged for the bandwidth used by Elastic Load Balancing to send log files to Amazon S3.

Elastic Load Balancing publishes a log file for each load balancer node every 5 minutes. Log delivery is eventually consistent. The load balancer can deliver multiple logs for the same period. This usually happens if the site has high traffic.

You can try do it by yourself by following the steps from the link below:
[GitHub](https://github.com/aaditunni/100DaysOfCloud/blob/main/Journey/029/Readme.md)
CSS tutorial series: CSS media queries
Tags: beginners, webdev, css, programming
Published: 2023-01-29 13:17:41

Media queries are used by web designers and developers to apply CSS styles depending on the types of devices or screen that is showing a webpage. This makes it possible to create responsive designs that change to cater the user's device's specifications, such as altering the layout  or hiding specific components on different screen sizes.

## Structure of a Media Query

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

Let's dissect it.

- The `@media` rule  is the first component of a media query. This keyword informs the browser that the ensuing rule is a media query and need to be like so.
- The `media type` (`screen`), such as screen, print, or speech, is specified using the media type attribute. The most popular media type is "screen," which includes computer screens, mobile devices, and tablet displays. 
- The `Media feature` (`max-width`) is used to target a specific device or screen and to specify details like the device's pixel ratio, screen width, and screen resolution. To create more precise queries, media features are combined with the media type. For instance, you can target devices with screens wider than a specific amount using the media feature "min-width".
- The logical operators AND, OR, and NOT not are used to link together several conditions to build more complex queries.
- Value is the value set.
 

In other words, media queries are used to add a breakpoint at certain media features like in the example provided above the breakpoint was at `600px`.

The best approach to responsiveness is the **_mobile-first_** approach, that means designing for mobile then other devices.

The most common media queries breaking points are :

- Extra Small: less than 576px 
- Small: between 576px and 768px
- Medium: between 768px and 992px
- Large: between 992px and 1200px
- Extra Large: 1200px and above

```CSS
@media (max-width: 575px) {}

@media (min-width: 576px) and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

```
Try increasing and decreasing the size of the page

{% codepen https://codepen.io/fullstackjo/pen/BaPPZRa %}

The next post will be a simple and easy challenge where we will apply everything we've learned so far.
AFFiNE - the new Knowledge Management System - open source and feature-rich
Tags: affine, notion, miro
Published: 2023-01-29 13:02:51

hello dear community

pretty new to AFFiNE but it looks awesome. I ilke it. One question - regarding the test what if i test it here - https://livedemo.affine.pro/AFFiNE/a3007697-7fed-5671-95d8-1159c886a5b4

i have added some pages in office. if i leave the page - and come back two hours later - now at home - nothing is saved - no page is visble.

now i created some new test pages - do they get lost!?
AWS CI/CD
Tags: devops, aws, cloudformation, automation
Published: 2023-01-29 12:56:17

As a lifelong lover of technology and a passion for efficient processes, I've always been drawn to DevOps. As a passionate DevOps enthusiast, I was thrilled to dive into the world of CloudFormation today. I learned about how a code change can be submitted using CodeCommit and then automatically built, tested, and deployed using CodePipeline and CodeBuild. The ability to streamline the development process and make it more efficient was truly exciting. Watching my code change go from a local repository to a fully deployed application in just a few minutes was an amazing experience. The integration of these tools allowed for seamless collaboration between development and operations teams and made the entire process more manageable. This has left me feeling inspired and eager to continue learning more about the power of DevOps and AWS CloudFormation.
Getting started with python
Tags: python
Published: 2023-01-29 12:53:09

Python is a high-level, general-purpose, interpreted programming language.
1) High-level
Python is a high-level programming language that makes it easy to learn. Python doesn’t require you to understand the details of the computer in order to develop programs efficiently.

2) General-purpose
Python is a general-purpose language. It means that you can use Python in various domains including:

Web applications
Big data applications
Testing
Automation
Data science, machine learning, and AI
Desktop software
Mobile apps
The targeted language like SQL which can be used for querying data from relational databases.
3) Interpreted
Python is an interpreted language. To develop a Python program, you write Python code into a file called source code.

To execute the source code, you need to convert it to the machine language that the computer can understand. And the Python interpreter turns the source code, line by line, once at a time, into the machine code when the Python program executes.

Compiled languages like Java and C# use a compiler that compiles the whole source code before the program executes.

Why Python
Python increases your productivity. Python allows you to solve complex problems in less time and with fewer lines of code. It’s quick to make a prototype in Python.

Python becomes a solution in many areas across industries, from web applications to data science and machine learning.

Python is quite easy to learn in comparison with other programming languages. Python syntax is clear and beautiful.

Python has a large ecosystem that includes lots of libraries and frameworks.

Python is cross-platform. Python programs can run on Windows, Linux, and macOS.
Getting Started with Redis and Node.JS
Tags: redis, node, javascript, webdev
Published: 2023-01-29 12:45:49

Redis is a powerful tool for caching data and having it available in memory. Redis requires RAM to use, and every piece of data you use in Redis is loaded into the RAM. That means it can be accessed really quickly, which allows us to cache and provide data to users super fast.

Redis has lots of uses, including caching web pages and as a normal database for quicker access. It also can be used out of the box with Node.JS. In this guide, I'll show you through how to get started with Redis and Node.JS.

## Using Redis with Node.JS
Before you start, make sure you [install Redis](https://fjolt.com/article/redis-how-to-install) first. Then start up a new Node.JS project/folder, and initiate `npm` using `npm init` in the folder:
```
npm init
```

This will guide you through the `npm` setup. You can then install the `npm` redis package using:
```
npm i redis
```

After that, you're free to use `redis` in your code in whatever way you like. The Node.JS redis package gives you an interface to store data in a Redis database, just like you would if you were using Redis from the command line. To get started with it, you can import redis into your code like so:
```javascript
import { createClient } from 'redis';

const client = createClient();
client.on('error', (err) => console.log('Redis Client Error', err));
await client.connect();
```

`createClient` is the function we use to connect to redis - after which we initiate our redis connection by using the `connect()` method on that function. After that, we can interact with `redis` using our `client` variable. 

Let's look at some examples. To set a key, we can now use `client.set`:
```javascript
await client.set('myKey', 'someValue');
```

Since it takes a bit of time to set the data in RAM, each of these functions are `async` - meaning they return promises. So make sure you use them in conjunction with `await` or `then`. [You can learn more about promises here](https://fjolt.com/article/javascript-how-to-use-await-and-promises).

Similarly, we can retrieve a key using `get`:
```javascript
await client.get('myKey')
```

Redis is much faster than other databases, since it's available right in memory - so expect a high level of performance using these functions. You can also use any other typical redis function, like [Hashes](https://fjolt.com/article/redis-hashes):
```javascript
await client.hSet('user', '1', 'someValue');
await client.hGetAll('user');
```

You can also use `sendCommand` if you'd rather send a specific command of any kind to Redis. This is useful if you find something which Redis for Node.JS does not support:
```javascript
await client.sendCommand(['HGETALL', 'someKey']);
```

## Conclusion

Redis is super fast and I used it quite extensively to build [fjolt](https://fjolt.com/). I hope you've enjoyed this quick guide on getting started with Redis in Node.JS
installing and using electron
Published: 2023-01-29 12:43:10

**step 1**
first you need to install [npm](https://www.npmjs.com/) and [nodejs](nodejs.org) this will allow you to install electron.

**step 2**
run:
```bash
npm init
```
it will ask you the following things:

```
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (tsv) eletron-app
version: (1.0.0) 
description: 
entry point: (index.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /home/sharpi/Documents/tsv/package.json:

{
  "name": "eletron-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this OK? (yes) 
```

**step 2**
now install electron by running:

```bash
npm install electron
```

**step 3**
Create a new file called main.js. Enter the following code in it:
```js
const {app, BrowserWindow} = require('electron') 
const url = require('url') 
const path = require('path')  

let win  

function createWindow() { 
   win = new BrowserWindow({width: 800, height: 600}) 
   win.loadURL(url.format ({ 
      pathname: path.join(__dirname, 'index.html'), 
      protocol: 'file:', 
      slashes: true 
   })) 
}  

app.on('ready', createWindow) 
```
**step 4**
create a index.html and enter the following code:
```html
<!DOCTYPE html>
<html>
   <head>
      <meta charset = "UTF-8">
      <title>Hello World!</title>
   </head>
   
   <body>
      <h1>Hello World!</h1>
      We are using node <script>document.write(process.versions.node)</script>,
      Chrome <script>document.write(process.versions.chrome)</script>,
      and Electron <script>document.write(process.versions.electron)</script>.
   </body>
</html>
```

**step 5**
inside package.json there is `"scripts": {}` and inside is the test command. so delete the `"test"` command and and replace the code with: 
```json
"start": "electron ./main.js"
```
**step 6**
to run use:
```bash
npm run start
```
**step 7**
enjoy coding and have a good day
AWS: Using VScode to Create Bucket in AWS S3
Tags: aws, s3, vscode
Published: 2023-01-29 12:42:50

This section talks about creating a bucket in [S3](https://dev.to/daniees45/amazon-simple-storage-services-3aii). These things are required of you to have:
1. AWS account
2. VScode installed

## STEP 1:
Download AWS extension and connect your aws account to VScode using the AWS extension.

![Connecting AWS account](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rgly0idpan6u2ugo2i9j.jpg)

## STEP 2:
On the AWS extension panel; A list of AWS services are listed out such as Lambda, Api Gateway, Cloudformation, S3 etc....
Click on S3 to create your bucket.

![Click on S3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mmty5nj7qt600ksd4a3z.png)

## STEP 3:
To create a bucket under the S3, The name of the bucket must be unique (i.e the name of the bucket can't be found in that Availability zone).It must contain lowercase letters and number 

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

![Bucket Created Successfully](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kuuok0x8vjacq7f4h4di.jpg)


##STEP 4:
The Bucket created is now ready to upload files into it.

![File uploaded successfully](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6fth3mcmfooxbiifcat.png)
Note: Check your AWS Account to see the Bucket created

![Bucket Verification](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vjg8mw2iwvtdo5877qog.png)
Turning Incidents Into Lessons
Tags: beginners, motivation, growth
Published: 2023-01-29 12:26:54

**Has your code ever caused someone else to be fired?**

**How about a refactor that caused the project to be delayed by weeks?**

In this series of posts, I will go through the stories behind those questions. As when they happened to me, it felt like the bells signalling the end of my career as an engineer. But in reality, they actually were lessons, that if noticed earlier, could have helped me become a better engineer.

---

* **Story 2** and **Conclusion** are WIP.
You're never satisfied with your work? You might have productivity dysmorphia. Here’s what you need to know.
Tags: productivity, work, psychology, remotework
Published: 2023-01-29 12:03:05

Do you spend the day working and still feel unproductive? You might have productivity dysmorphia. Check out the article to know what it is and how to overcome it.

https://unimind.team/blog-productivity-dysmorphia-9-tips-you-need-to-know-to-overcome-it-in-2023/