teleren/devto huggingface dataset:
Authentication System in PHP
Tags: php, bootstrap, html, css
Published: 2023-03-13 13:26:21

## Authentication system in PHP

Watch the video and comment down your thoughts.

{% embed https://youtu.be/ojA9a8_aRyc %}

Source code - 
{% embed https://github.com/MadhubanKhatri/authentication-php %}

Read my other blogs-
{% embed https://dev.to/madhubankhatri/the-backpacker-website-in-php-web-development-project--55fn %}

{% embed https://dev.to/madhubankhatri/crud-application-php-project-4llg %}

{% embed https://dev.to/madhubankhatri/what-is-solidity-in-blockchain--487p %}
DataTypes & Conversion in JavaScript
Tags: javascript, fundamentals, learn
Published: 2023-03-13 13:23:19


## Checking Data Types and Casting

### Checking Data Types

To check the data type of a certain variable we use the _typeof_ method.

**Example:**

```js
// Different javascript data types
// Let's declare different data types

let firstName = "shaikhmd"; // string
let lastName = "shaikh"; // string
let country = "IN"; // string
let city = "Mum"; // string
let age = 250; // number, it is not my real age, do not worry about it
let job; // undefined, because a value was not assigned

console.log(typeof "shaikhmd"); // string
console.log(typeof firstName); // string
console.log(typeof 10); // number
console.log(typeof 3.14); // number
console.log(typeof true); // boolean
console.log(typeof false); // boolean
console.log(typeof NaN); // number
console.log(typeof job); // undefined
console.log(typeof undefined); // undefined
console.log(typeof null); // object
```

### Changing Data Type (Casting)

- Casting: Converting one data type to another data type. We use _parseInt()_, _parseFloat()_, _Number()_, _+ sign_, _str()_
  When we do arithmetic operations string numbers should be first converted to integer or float if not it returns an error.

#### String to Int

We can convert string number to a number. Any number inside a quote is a string number. An example of a string number: '10', '5', etc.
We can convert string to number using the following methods:

- parseInt()
- Number()
- Plus sign(+)

```js
let num = "10";
let numInt = parseInt(num);
console.log(numInt); // 10
```

```js
let num = "10";
let numInt = Number(num);

console.log(numInt); // 10
```

```js
let num = "10";
let numInt = +num;

console.log(numInt); // 10
```

#### String to Float

We can convert string float number to a float number. Any float number inside a quote is a string float number. An example of a string float number: '9.81', '3.14', '1.44', etc.
We can convert string float to number using the following methods:

- parseFloat()
- Number()
- Plus sign(+)

```js
let num = "9.81";
let numFloat = parseFloat(num);

console.log(numFloat); // 9.81
```

```js
let num = "9.81";
let numFloat = Number(num);

console.log(numFloat); // 9.81
```

```js
let num = "9.81";
let numFloat = +num;

console.log(numFloat); // 9.81
```

#### Float to Int

We can convert float numbers to integers.
We use the following method to convert float to int:

- parseInt()

```js
let num = 9.81;
let numInt = parseInt(num);

console.log(numInt); // 9
```
##### Now U Know About JavaScript Data Types And Its conversions 😎⤴️
Netex, Bir Varlıktaki Açık Port Değişiminin Algılanabilmesi
Tags: netex, agizleme, nmap
Published: 2023-03-13 12:55:22

- Aktif tarama olan Nmap taraması yapılır.
- "Machines" sekmesine girilir.
- İlgili varlığın solundaki **">"** butona tıklanır ve en sağda bulunan "Open Ports" başlığının altında varlıktaki açık portlar izlenir.
- Port değişimi durumunda yine Nmap taraması sonucu bu değişim hem ilgili varlığın solundaki **">"** butona tıklanıp "Open Ports" başlığında güncellendiği görüntülenir. ( Örneğin, aynı network içindeki bir makinede şu komut ile yeni port açılır: 

```
# python3 -m http.server 5555
```
 Daha sonra tekrardan Nmap taramsı yapılır ve Machines sekmesinde ilgili makinenin portlarının güncellendiği gözlenir. Ayrıca Alarms sekmesinde de port açıldığı ile ilgili alarm gözlenir.)

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


- "Alarms" sekmesine girilir.
- Port açılması ile ilgili alarm gözlenir. (Örneğin, Types: Port Alarm seçilir; Time From: 27/02/2023 → 06/03/2023 seçilir; Create butonuna tıklanır ve bu türe ve tarihlere ait rapor PDF formatında CREATED AT-DESCRIPTION-SENSOR-TYPE başlıkları dahilinde port değişimi raporu görüntülenir.)

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




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



- "Settings" sekmesinde pop-up çıkan "Ports Blacklist" sekmesine girilir.
- Sağda bulunan "+" butonuna tıklanır.
- Gelen ekranda port aralığı girilir ve "Create" butonuna tıklanır.

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

- Böylece bir Blacklist oluşturulur.
- Blacklistte olan portlar artık alarm üretmez.
Monthly Amazon Location Service Updates - 2023.02
Tags: amazonlocationservice, amplifygeo, amplify, amazonlocationserviceupdates
Published: 2023-03-13 12:45:40

![img](https://day-journal.com/memo/images/logo/aws/location-service.png)

### Monthly Amazon Location Service Updates - 2023.02

<br>

This is a summary of the February updates for Amazon Location Service.

<br>

## 2023.02 Updates

[API Keys Now Available for Amazon Location Service (Preview)](https://docs.aws.amazon.com/location/latest/developerguide/using-apikeys.html)
API keys are now available as a standard for map tile distribution.

[Amplify Geo - Map Style Add](https://github.com/aws-amplify/amplify-cli/releases/tag/v10.7.0)
New map styles have been added to "Amplify Geo."

<br>

## Other Info

[Amazon Location Service Developer Guide](https://docs.aws.amazon.com/location/latest/developerguide)
Official Amazon Location Service Documentation.

[Amplify Geo Docs](https://docs.amplify.aws/lib/geo/getting-started/q/platform/js)
Official Amplify Geo Docs.

[Amazon Location Service Samples](https://github.com/aws-samples/amazon-location-samples)
Official Amazon Location Service samples.

[amazon-location-service-starter](https://github.com/dayjournal/amazon-location-service-starter)
Build environment to get started with Amazon Location Service.

[A Summary of How to Build Amplify Geo and Amazon Location Service](https://dev.to/aws-builders/a-summary-of-how-to-build-amplify-geo-and-amazon-location-service-5hal)
Summary of Amazon Location Service and Amplify Geo. (as of December 2021)  

[dev.to](https://dev.to/dayjournal)
Articles on Amazon Location Service.

[tags - Amazon Location Service](https://day-journal.com/memo/tags/Amazon-Location-Service)
[tags - Try](https://day-journal.com/memo/tags/Try)
Notes on Amazon Location Service. (Japanese)

<br>

## Related Articles

{% link https://dev.to/aws-heroes/monthly-amazon-location-service-updates-202301-56cg %}
Inreament & Decrement Operators
Published: 2023-03-13 12:45:07

Inrement bu operator bu qoshish degani bu operatorlar juda qiyin hisoblanadiBu operatorlarni hozir man qisqaxha tushuntirib ketaman Incrementdan boshlaymiz bu operator bittaga kopayish degan ma'noni anaglatadi, man buni hozir misolda korsataman.

```
#include <iostrema>
using namespace std;
int main () {
x = 5;
x++
return 0;
}
```
bu incrementga, endi man decrementga korsataman.

```
#include <iostrema>
using namespace std;
int main () {
x = 5;
x--
return 0;
}
```
kein +, va - ishoralari oldida va orqasida kelishi mumkin ularning asosiy farqi bu agar oldida kelsa bu (++x) bunda javobi ozida chiqaradi misol uchun 

```
#include <iostream>              
using namespace std;
int main () {
x = 5;
++x  //6}
```
agar + yokki - orqasidan kelsa bu holda uni saqlab oladi hozir man buni misolda korsataman.

```
#include <iostream>              
using namespace std;
int main () {
x = 5;
x++  //5
++x //7
}
```
Bu holda uni saqlab olib keyingisiga qoshadi.
Netex Raporlama
Tags: netex, agizleme
Published: 2023-03-13 12:40:42

- Raporların oluşabilmesi için Netex sunucusuna report-base kurulu olması gerekmektedir.
- Kurulum için şu adımlar izlenir:

**1.** Report-base paketi kurulmak istenen Netex server'a aktarılır.
**2.** Ardından reportbase bağımlılıkları ile birlikte yüklenir:
```
# sudo apt install ./report-base-x64.deb
```
**3.** /opt/report-base/.env-example dosyasının içerisine girilir.

> DB_NAME="reporter"
> DB_USER="reporter"

bilgileri güncellenir.

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


**4.** Değişiklikler sonrasında aşağıdaki adımları izleyerek veritabanında user, database ve şifre oluşturulur.

**Kullanıcı Oluşturma:**

```
# sudo -u postgres createuser <username>
```
Bu örnekte username karşılığı reporter olarak belirlenmiştir.

**Database Oluşturma:**

```
# sudo -u postgres createdb <dbname>
```

Bu örnekte dbname karşılığı reporter olarak belirlenmiştir.

**Kullanıcıya Şifre Verme:**

```
# sudo -u postgres psql
```

```
psql=# alter user <username> with encrypted password '<password>';
```

Bu örnekte şifre 1 olarak güncellendi.

**Database'de Ayrıcalıklar Verme:**

```
# psql=# grant all privileges on database <dbname> to <username> ;
```
Örneğe göre DB_PASS=1 olarak güncellendi.

**5.** Son olarak report-base'i tekrar başlatmak için: 

```
# systemctl restart report-base.service
```
komutu girilir. Aktif olup olmadığını kontrol etmek için de:

```
# systemctl status report-base.service
```
komutu girilir.

**6.** Ağ keşif servisi ile rapor servisinin birlikte çalışabilmesi için /opt/netex/.env-example dosyasının içerisine girilir.

Her durum için

> RB_URL:http://raporservisi_adresi:3001

bilgisi güncellenir.


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


- Ayrıca raporların görüntülenebilmesi için Netex sunucusunda ve bilgisayarda Chrome kurulu olması gerekmektedir.

- Kurulum için [buradan](https://www.imaginelinux.com/install-chrome-on-ubuntu/) yararlanılabilir.
- Liman arayüzü açılır.
- Menüye girilir.
- Menüde sunucunun alt başlıklarında bulunan NETEX eklentisinin içine girilir.
- "Alarms" sekmesine girilir.
- Sağda üstte bulunan "İNDİR" butonuna tıklanır.
- Gelen ekranda üretilen alarmlar "Types" başlığından istenen türler filtrelenir ve "Time From" başlığından istenen tarih seçilir. 

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


- "Create" butonuna tıklanır ve rapor PDF formatında indirilir ve Netex Anomaly Report adı ile görüntülenir. (Örneğin, Types: Port Alarm seçilir; Time From: 27/02/2023 → 06/03/2023 seçilir; Create butonuna tıklanır ve bu türe ve tarihlere ait rapor PDF formatında CREATED AT-DESCRIPTION-SENSOR-TYPE başlıkları dahilinde görüntülenir.)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xeml0qsnxij2mgv3j1dp.png)
I dont knw what i want to do?
Published: 2023-03-13 12:24:36



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


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5v0aw4h8ivl7oib25l88.jpg)
Flexify V0.1.2 has been released.
Tags: a11y
Published: 2023-03-13 12:15:30

---
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/itqwmlc5o5ejvjp3ijmq.png
---

Hey fellow human beings,

Today, I have added the following features:

- Allow users to change the page font and choose from 101 available google fonts.
- Allow users to move images on a web page.

![demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0etjncvtcu9y57gyjgtc.gif)

## Resources

{% embed https://github.com/wiseaidev/flexify %}

{% embed https://github.com/wiseaidev/flexify-landing-page %}

Until next time!
Learning Python my first step to be a Data Scientist in the future
Published: 2023-03-13 12:05:49


*Learning the Python programming language is a different experience and a challenge for me because I had very little programming knowledge. At first everything was unknown but little by little as I progressed through the lessons of the hundred days of code: The Complete Python Pro Boot camp for 2023, which is very good, I began to realize that programming is not that difficult.*

*At the basic level of Python I learned to write programming codes, understand how it works and also to debug code and basic programming concepts in the Python language.*

*According to the knowledge that I acquired in the Python course that I mentioned:*

*- Procedural Programming is the programming in which procedures or functions are established that do specific things.* 

*- Object-oriented programming tries to model real-life objects. Objects have things that are attributes that are modeled with variables, and objects can do things called methods that are modeled with functions. With object-oriented programming, relationships in code are simplified. It seems to me that it allows a more practical application to solve real-life problems.*

> 
*I think that Python is a very useful tool for data analysis that I will apply in the future as a data scientist.*
React.js: The Documentary - How it All Began
Tags: react, programming, webdev, javascript
Published: 2023-03-13 11:58:17

These days, React is everywhere – even the Honeypot team uses it! But what was happening about a decade ago when React was first open-sourced? The JavaScript community didn’t just have a bad reaction, they couldn’t believe this project had any future.

In the early days, before React.js was even open-sourced a bunch of passionate engineers like Jordan Walke, Shane O'Sullivan, Christopher Chedeau, Jing Chen, Tom Occhino, Pete Hunt, Sebastian Markbåge, Paul O’Shannessy, and Lee Byron took a crazy idea that would revolutionize the way interactive user interfaces are built. 

If it wasn't for a small group of passionate developers at (what was then) Facebook, React might not have seen the light of day. In this documentary, Honeypot's filmmaker Ida Bechtle takes you back to the origins, right to the moment when 'Rethinking Best Practices' got real.

[**Link to full article**](https://bit.ly/3JAyo1u)
Building a Successful Bitcoin Halving Countdown Website Using Python and JavaScript
Tags: python, javascript, bitcoin
Published: 2023-03-13 11:52:39

I had always been fascinated by the world of cryptocurrency and the technology that powers it, so I decided to create a website that would help others keep track of important events in the Bitcoin world. I wanted to build a [website](https://halvingbitcoins.com/) that would display a countdown to the next Bitcoin halving event, as well as provide information on past halving events.

I decided to use Python and JavaScript to build the website. I used Python to scrape data from blockchain explorers and other cryptocurrency websites, and then I used JavaScript to display the data on the website in real time. I also used the Moment.js library to calculate and display the countdown timer.

It was a challenging project, but I was determined to see it through. After many long hours of coding and testing, I finally launched the website. To my delight, it quickly gained popularity and attracted a large following of Bitcoin enthusiasts.

As the website grew in popularity, I continued to refine and improve it, adding new features and updating the design. Today, the website is one of the most popular Bitcoin halving countdowns on the web, and it has helped countless people stay informed about important events in the cryptocurrency world.

Overall, I am incredibly proud of what I have achieved with this project. It has been a great learning experience, and it has given me the opportunity to share my passion for cryptocurrency with others. I am excited to see what the future holds for this website and for the world of cryptocurrency as a whole.
How to retrieve specific LWC code from org
Tags: salesforce, javascript, lwc
Published: 2023-03-13 11:51:02

Sometimes we may have to work on the LWC which was deployed by some other. In such cases, we may not have the code on our local machine.

To pull the component's code from the org, we can use the below command

```
sfdx force:source:retrieve -m LightningComponentBundle:[cmpName]

```

**Note** :

1. Make sure Salesforce CLI is installed on your machine.
2. Make sure after creating the project (`SFDX: Create Project`), authorize the Salesforce Org. To authorize, run `SFDX: Authorize an Org` command in the VSCode terminal.
Cube: Creating a Semantic Data Layer!
Tags: database, dataops, programming, productivity
Published: 2023-03-13 11:18:54

Hello,

Nowadays, it is very common to have a data environment with several solutions; in this post on Medium, I will summarize how to implement a data layer to unify access safely weighing on better governance, cost reduction, and compliance with LGPD, GDPR, and much more.

To know more:

https://jlgjosue.medium.com/cube-creating-a-semantic-data-layer-a947fd0b6a5c

Thanks for reading; share this post, please! :)
Why You Should Consider Using PNPM for Your Next JavaScript Project ?
Tags: webdev, javascript, frontend, performance
Published: 2023-03-13 11:18:12

As a JavaScript developer, you're probably familiar with package managers like npm and Yarn. However, there's a new kid on the block that's been gaining popularity recently - pnpm. In this article, we'll discuss why you should consider using pnpm for your next JavaScript project.

## What is pnpm?

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

pnpm is a fast, disk space efficient package manager for Node.js. It was created to address some of the problems that npm and Yarn have, particularly around disk space usage and package duplication. With pnpm, packages are shared between projects, which means that you don't need to download and install the same package multiple times. This not only saves disk space but also speeds up installation times.


## Why use pnpm?

-  Faster installation times

One of the biggest advantages of pnpm over npm and Yarn is its installation speed. Because packages are shared between projects, pnpm only needs to install each package once, which means that subsequent installations are much faster. This can be particularly useful if you're working on a large project with lots of dependencies.

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

- Reduced disk space usage


As mentioned earlier, pnpm only downloads each package once and then shares it between projects. This means that you can save a significant amount of disk space, especially if you're working on multiple projects that use the same packages.

- Multiple versions of the same package

Another useful feature of pnpm is its ability to support multiple versions of the same package. This can be particularly useful if you're working on a project that requires specific versions of packages or if you need to test different versions of a package.

- Easy migration from npm or Yarn

If you're already using npm or Yarn, migrating to pnpm is relatively easy. pnpm uses the same package.json file as npm and Yarn, so you don't need to make any significant changes to your project. You can simply install pnpm globally and then use it in place of npm or Yarn.

- Community support

While pnpm is a relatively new package manager, it has a growing community of users and contributors. There are a number of plugins and integrations available for pnpm, including support for popular build tools like webpack and rollup.


While npm and Yarn are both popular and well-established package managers, pnpm offers some significant advantages, particularly around installation speed and disk space usage. If you're working on a JavaScript project and want to optimize your workflow, it's worth considering pnpm as a viable alternative. With its growing community and support for popular build tools, pnpm is a promising option for JavaScript developers looking to streamline their development process.
How I passed my Solution architect exam after failing on my second attempt"
Tags: cloud, aws, tutorial, certifications
Published: 2023-03-13 11:17:42

Passing a Associate certification exam can be a daunting task, especially if you have already failed once before. However, it is important to remember that failure is simply a temporary setback and should not discourage you from pursuing your goals. With determination and the right approach, you can overcome any obstacle and achieve success.

This was certainly the case for me when I was preparing for my Solution Architect exam. After failing on my second attempt, I was determined to find a way to pass and become a certified Solution Architect. Here is how I did it:

I thoroughly reviewed the exam content and objectives.

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



Before diving into study materials and practice exams, it is essential to have a clear understanding of what the exam will cover and what is expected of you. I made sure to thoroughly review the exam content and objectives, so I knew exactly what I needed to focus on during my studies.

I sought out additional resources and study materials.
While the official exam materials and study guide are important, I found that supplementing my studies with additional resources and materials helped me to better understand and retain the information. I looked for online courses, video tutorials, and practice exams that covered the exam content in a variety of ways.

I practiced and applied what I learned.
Simply reading and memorizing the material is not enough to truly understand and retain the information. It is important to practice and apply what you have learned in order to fully grasp the concepts. I made sure to take practice exams and work through exercises and real-world scenarios to apply my knowledge.

I sought out guidance and support.
I didn't have to go through the study process alone. I reached out to others who had already passed the exam and sought guidance and support from them. I also joined study groups and participated in online forums where I could ask questions and get feedback from other professionals in the field.

I remained persistent and focused.
Passing the Solution Architect exam was not easy and there were certainly times when I wanted to give up. However, I remained persistent and focused on my goal, even when things got tough. I learned from my mistakes and kept pushing forward until I ultimately achieved success.


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



By following these steps, I was able to pass my Solution Architect exam on my third attempt and become a certified professional. If you are preparing for a certification exam and have faced setbacks, remember that it is possible to overcome them and achieve your goals. Stay focused, seek out additional resources and support, and don't be afraid to ask for help when you need it. With hard work and determination, you can reach your full potential and succeed.
dbForge Schema Compare for Redshift/PostgreSQL
Tags: postgres, dbforgestudio, redshift, database
Published: 2023-03-13 11:16:46

Let's look at a brief description and key features of the tool for simple and efficient comparison and synchronization of database schema differences - dbForge Schema Compare for PostgreSQL - https://wiki.postgresql.org/wiki/DbForge_Schema_Compare_for_Redshift/PostgreSQL

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