teleren/devto huggingface dataset:
Using the `&shy;` HTML entity
Tags: css, html
Published: 2023-11-21 02:00:00

Allow a long word to break at specific points using a hyphen `-`, when necessary, using the `&shy;` HTML entity.

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

Example: [https://stackblitz.com/edit/web-platform-xabwx7?file=index.html](https://stackblitz.com/edit/web-platform-xabwx7?file=index.html)

---

Let’s get connected! You can find me on:

- Medium: https://medium.com/@nhannguyendevjs
- dev.to: https://dev.to/nhannguyendevjs
- Linkedin: https://www.linkedin.com/in/nhannguyendevjs/
- X (formerly Twitter): https://twitter.com/nhannguyendevjs
Keindahan Pantai Balekambang di Malang, Jawa Timur
Tags: pantaibalekambangmalang, tempatwisatamalang, destinasiwisatamalang, pantaimalangselatan
Published: 2023-11-21 01:34:55



Jika sedang berwisata ke Malang, Ada satu tempat wisata yang wajib Kalian kunjungi yaitu Pantai Balekambang yang luar biasa keindahan pantainya di Kabupaten Malang, Jawa Timur. Lokasi pantainya tidak jauh dari alun-alun Kota Malang, tepatnya di Jln. Balekambang, Dusun Sumber Jambe, Desa Srigonco, Kec. Bantur, Malang, Jawa Timur.

Keindahannya pun nggak kalah bagus dengan pantai-pantai di Bali apalagi pasir putihnya, sangat halus sekali enak untuk dipakai jalan kaki. Daya tarik pantai Balekambang yang menjadi perhatian para pengunjung dengan pasir putih halus, ombak tinggi, dan keindahan alamnya yang masih asri. Pantai ini menjadi tempat wisata yang menarik dan wajib untuk Kalian yang sedang berlibur di akhir pekan, wajib kesini dan rasakan sendiri suasana pantai Balekambang.

Pantai ini memiliki area yang cukup luas dengan pasir putih sepanjang pantainya, jadi Kalian tidak usah khawatir untuk menemukan spot foto selama disini. Aktivitas seru yang bisa Kalian lakukan di tepi pantai bersama keluarga seperti bermain pasir, bersantai, berolahraga, atau menikmati deburan ombak.

Pantai Balekambang juga terkenal dengan tiga pulau kecilnya, akses menuju ketiganya bisa diakses melalui jembatan di atas perairan pantai. Banyak yang menyebutnya sebagai Tanah Lot ala Malang yang mirip dengan Tanah Lot di Bali. Banyak pengunjung yang datang dari mancanegara untuk melihat keindahan Tanah Lot ala Malang dan menikmati keindahan pantai Balekambang Malang.

Meskipun memiliki pesona yang memukau, harga tiket masuk Pantai Balekambang tetap terjangkau. Ingin tahu lebih banyak? Yuk, simak informasi wisata dan tips tentang [Pantai Balekambang Malang](https://www.kompasjatengupdate.com/2023/11/pesona-pantai-balekambang-di-malang-jawa-timur.html) yang kami bagikan di sini!.

source: https://www.kompasjatengupdate.com
A Full Stack Chatting App using Socket.io
Tags: chat, socket
Published: 2023-12-06 09:26:17

---
title: A Full Stack Chatting App using Socket.io
published: true
date: 2023-11-21 00:15:00 UTC
tags: Chat,Socket
canonical_url: https://reactjsexample.com/a-full-stack-chatting-app-using-socket-io/
---

# Talk-A-Tive
 ![A Full Stack Chatting App using Socket.io](https://reactjsexample.com/content/images/2023/11/Code_2023-11_21-09-58.jpg)

Talk-a-tive is a Full Stack Chatting App. Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

## Tech Stack

**Client:** React JS

**Server:** Node JS, Express JS

**Database:** Mongo DB

## Demo

[https://talk-a-tive.herokuapp.com/](https://talk-a-tive.herokuapp.com/)

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/group%20%2B%20notif.PNG)

## Run Locally

Clone the project

```
  git clone https://github.com/piyush-eon/mern-chat-app
```

Go to the project directory

```
  cd mern-chat-app
```

Install dependencies

```
  npm install

  cd frontend/
  npm install
```

Start the server

```
  npm run start
```

Start the Client

```
  //open now terminal
  cd frontend
  npm start
```

# Features

### Authenticaton

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/login.PNG) ![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/signup.PNG)

### Real Time Chatting with Typing indicators

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/real-time.PNG)

### One to One chat

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/mainscreen.PNG)

### Search Users

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/search.PNG)

### Create Group Chats

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/new%20grp.PNG)

### Notifications

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/group%20%2B%20notif.PNG)

### Add or Remove users from group

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/add%20rem.PNG)

### View Other user Profile

![A Full Stack Chatting App using Socket.io](https://github.com/piyush-eon/mern-chat-app/raw/master/screenshots/profile.PNG)

## Made By

- [@Piyush-eon](https://github.com/piyush-eon)

## GitHub

[View Github](https://github.com/uradev0123/mern-chat-app?ref=reactjsexample.com)
Day 838 : Palm Trees
Tags: hiphop, code, coding, lifelongdev
Published: 2023-11-21 00:50:17

_liner notes_:
- The Recap : So, it's been about a month since my last post. Been an amazing time. Got to see Munich, Berlin, Malmo and Copenhagen and meet some awesome folks. Check out videos and pics here: https://dwane.in . Still the radio show remotely. I stay consistent. haha

![Radio show episode image of a pair of Orange Brown Adidas sneakers with maroon and dark pink highlights  with the words Nov 18th 2023 Under the Sea](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k8c83cdwkxbnseneycwv.jpg)

- Professional : Today is the first day back at work since my vacation in Denmark. Had a couple of meetings. Took an online course for work. Basically spent time trying to catch up.

- Personal : Also, today I had a dentist appointment. Granted, it's been A LONG time since I've been to a dentist. Surprised things didn't turn out worse. I only went because a tooth is kind of bothering me every once in a while. They recommended that I get a root canal. Turns out that an office that they recommend had an opening for later today. So I'm sitting here writing this blog post with the numbing solution they gave me starting to wear off. haha Awesome.

![Rocky terrain of Kamyana Mohyla, Ukraine under a purple sky with a lightning flash.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dx6klwwj8iv02j1zobhj.jpg)

I knew I was back in Florida when I saw palm trees. haha Spent the last month in, I think, the coldest weather I've ever experienced. Definitely want to go back to see the cities during other seasons. I still haven't uploaded the final trip back home to https://dwane.in/Copenhagen2023 Going to do that now and work on my next side project.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 3zupSKbZwTs %}
Unveiling the Power of JavaScript
Tags: beginners, tutorial, javascript, programming
Published: 2023-11-21 00:37:26

JavaScript, often abbreviated as JS, is a dynamic programming language that plays a pivotal role in shaping the interactive elements of the web. Developed in 1995 by Brendan Eich, JavaScript has evolved into an incredibly versatile language used for both client-side and server-side scripting, building web applications, and even game development.
Read more: https://myblogpay.com/read/116850/unveiling_the_power_of_javascript via @myblogpay #blogpay
What Evening Habits Boost Productivity?
Tags: discuss
Published: 2023-11-21 00:00:00

---
published_at : 2023-11-21 00:00 +0000
---
What evening routines help you disconnect from electronic devices and enhance productivity and happiness?
<br>
Follow the DEVteam for more discussions and online camaraderie! {% embed https://dev.to/devteam %}
The Guide to Undercover Pentesting Disguises
Published: 2023-11-12 10:16:17

---
title: The Guide to Undercover Pentesting Disguises
published: true
date: 2023-11-21 00:00:00 UTC
tags: 
canonical_url: https://simeononsecurity.com/guides/undercover-pentester-disguises-guide/
---

 ![](https://simeononsecurity.com/img/cover/undercover-pentester-disguise.png)

**Costumes and Disguises for Undercover Pentesters**

**In the world of cybersecurity** , staying one step ahead of hackers and cybercriminals is a constant challenge. **One effective way to do this is by employing undercover pentesters** – experts who assess the security of computer systems and networks by simulating attacks. To successfully blend in with the environment they are testing, these pentesters often use **costumes and disguises**. In this article, we will explore the importance of costumes for **undercover pentesters** , the various disguises they may use, and the **significance of staying inconspicuous in the world of cybersecurity**.

## The Significance of Undercover Pentesters [#](#the-significance-of-undercover-pentesters)

**Before delving into the world of costumes for undercover pentesters** , it’s essential to understand why these professionals are so crucial. **Undercover pentesters are cybersecurity experts** hired to evaluate the vulnerabilities in a system, much like how real hackers would. **Their work helps organizations identify weaknesses in their security and rectify them before malicious actors can exploit them**. This proactive approach is **crucial in safeguarding sensitive data** and **maintaining the integrity of computer networks**.

## The Art of Staying Inconspicuous [#](#the-art-of-staying-inconspicuous)

**When undercover pentesters infiltrate a network** , the last thing they want is to draw attention to themselves. **Their effectiveness relies on remaining unnoticed** , allowing them to uncover vulnerabilities without alerting the target system’s defenders. This is where **costumes and disguises** come into play.

### Why Disguises Matter [#](#why-disguises-matter)

**Disguises serve several purposes for undercover pentesters**. They help blend in with employees, contractors, or visitors, reducing the risk of being identified as a threat. Furthermore, **disguises can be used to gain access to restricted [Read More at https://simeononsecurity.com](https://simeononsecurity.com/guides/undercover-pentester-disguises-guide/)**
Budget-Friendly 10g pfSense Build with HP t640 for Effortless Networking
Tags: networking, cybersecurity
Published: 2023-10-09 03:07:39

---
title: Budget-Friendly 10g pfSense Build with HP t640 for Effortless Networking
published: true
date: 2023-11-21 00:00:00 UTC
tags: Networking,Cybersecurity
canonical_url: https://simeononsecurity.ch/guides/budget-friendly-10g-pfsense-build-hp-t640/
---

Discover how to effortlessly build a 10 gigabit capable pfSense router and firewall on a budget using the HP t640, ensuring high-performance networking for your needs.

[https://simeononsecurity.ch/guides/budget-friendly-10g-pfsense-build-hp-t640/](https://simeononsecurity.ch/guides/budget-friendly-10g-pfsense-build-hp-t640/)
How Does Swift Career Growth Affect Your Coding?
Tags: discuss, codenewbie, beginner
Published: 2023-11-21 00:00:00

---
published_at : 2023-11-21 00:00 +0000
---
How do you balance the benefits and drawbacks of a quick promotion in your coding journey?
<br>
Follow the CodeNewbie Org and #codenewbie for more discussions and online camaraderie!
{% embed https://dev.to/codenewbieteam %}
Crafting Digital Brilliance: Expedition into Web Development Mastery 🌐✨
Tags: webdev, programming, productivity, career
Published: 2023-11-20 23:49:18

Greetings, Dev Community! 👋 I'm _Saksham_ , a passionate web developer navigating the vast realm of digital experiences with finesse. Let me take you on a journey through my expertise and commitment to transforming concepts into extraordinary online presences.

**🖌️ Mastering the Art of Web Design**
With a keen eye for design and an unwavering commitment to detail, I specialize in crafting interfaces that captivate users. HTML, CSS, and JavaScript are my artistic tools, enabling me to not just build websites, but to create sophisticated digital experiences that leave a lasting impression.

**🚀 Navigating the Dynamic Web Application Landscape**
I thrive in the dynamic landscape of web applications, excelling in frameworks like React. Constructing applications that align with the latest industry trends is my forte, setting a standard of excellence. Challenges invigorate me, and problem-solving is second nature, turning every endeavor into an opportunity for growth and refinement.

**💬 Virtual Support Extraordinaire**
Beyond coding, I offer excellent virtual support via email and online chat. Ensuring seamless communication and issue resolution is my commitment. I thrive on delivering exceptional customer experiences, making the user journey as smooth as the applications I build.

**🔥 Passion-Driven Innovation**
Passion is the driving force behind my commitment in the ever-evolving field of web development. I'm not content with just getting things right; my objective is to elevate projects to an extraordinary level. Each assignment is a canvas for innovation, energy, and sophistication.

🚀 Let's Transform Concepts into Digital Excellence!
Ready to embark on a journey of innovation and sophistication? Let's collaborate and transform your concepts into digital excellence. Whether it's crafting captivating interfaces or navigating the dynamic landscape of web applications, I'm here to turn your ideas into reality. 🚀

Connect with me, and let's create something extraordinary together. The digital world awaits! 💻✨

Catch me on [GitHub](www.github.com/vinfinity7)
Happy Blogging!
[![Buy Me a Coffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-Donate%20Now-brightgreen)](https://www.buymeacoffee.com/vinfinity7)
[![GitHub](https://img.shields.io/github/followers/vinfinity7?label=Follow%20%40vinfinity7&style=social)](https://github.com/vinfinity7)
My First Python Project
Published: 2023-11-20 23:27:03

Hello everyone, the last two months I have been learning the fundamentals of Python in effort to complete Codecademy's Computer Science Career Path.  As I neared the end of the first section, I was sent off-platform to create my first Python project in which I chose a weight loss tracker.  I used my new knowledge along with some help from the internet.  The weight loss tracker seemed like a good idea to me, because it encompasses all of the things I learned without going too crazy.

Let me explain some of the code below:




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

The first thing I did was create a class called weightLoss which I knew would carry a bulk of the code.  

I then used a constructor method and passed two parameters.  

Through that, I was able to make classes for initial_weight, target_weight, and weight_log.  

The target_weight was equal to None, which you will see why in an upcoming method.  The weight_log was set to be an empty list so that we can append the user's entries later on.

Next, I created a method to record a weight entry.  I passed in self, date, and weight.  Through this I was able to define a record variable and then append it to the empty list before.  I also added current_weight as a class.

The following method was for the user to set their target weight where I defined it as a class.

Then, there is a method to calculate weight where I defined weight_loss as a variable and subtracted the initial_weight from the target_weight.  The method returns weight_loss as long as there is a target weight.

The biggest method of this class is the get_progress method.  Here, I referred to the calculate_weight method to get the weight loss number, and then depending on how it came back, returned a string to the user using conditional statements. 


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

I then defined a main function to put it all together.  By defining initial_weight and target_weight as variables with print statements using input(), the user can fire back with their numbers.

Defining program as a variable made it easy to call an instance of the weightLoss class and pass those parameters in.  

Finally, while True: is filled with the instructions and responses the user will input and see when they interact with the code.


This was only my first project and I really enjoyed making it, I watched a lot of videos and spent a lot of time just understanding what I was doing with some guidance. I will keep posting my progress here, next time something even cooler.

Here is a link to my project on GitHub:
https://github.com/zachmusiakiewicz/ZachFirstProject/blob/main/CodeProject2.py
Insert data in to MYSQL database using PHP
Tags: php, database, webdev, programming
Published: 2023-11-20 23:23:21



## Requirements

1. XAMPP/LAMPP Server

2.Editor( VS code/ Sublime text)

##Step 1

Navigate to the htdocs folder and create folder named student, create an _index.php_ in the student folder, 

paste the code below
```

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User Details Form</title>
</head>
<body>

<h2>User Details Form</h2>

<form action="process_form.php" method="post">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required><br><br>

    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required><br><br>

    <label for="course">Course:</label>
    <input type="text" id="course" name="course" required><br><br>

    <input type="submit" value="Submit">
</form>

</body>
</html>

```


##Create a new file _process_form.php_


```
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Retrieve user input from the form
    $name = $_POST["name"];
    $email = $_POST["email"];
    $course = $_POST["course"];

    // Database connection details
    $hostname = "localhost";
    $username = "root";
    $password = "";
    $database = "tech_art";

    // Create a database connection
    $conn = new mysqli($hostname, $username, $password, $database);

    // Check the connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    }

    // Prepare and execute the SQL query to insert data into the database
    $sql = "INSERT INTO user_details (name, email, course) VALUES (?, ?, ?)";
    $stmt = $conn->prepare($sql);
    $stmt->bind_param("sss", $name, $email, $course);

    if ($stmt->execute()) {
        echo "<h2>Data saved successfully!</h2>";
    } else {
        echo "<h2>Error: " . $stmt->error . "</h2>";
    }

    // Close the statement and connection
    $stmt->close();
    $conn->close();
}
?>


```


##NB:Change the database details accordingly 

##Create the database and tables

Navigate to access the admin section that manages databases in Mysql

http://localhost/phpmyadmin/index.php


Create a database named tech_art,

![Create a database](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/50zfytihnigcfx7xhgg6.png)


We'' use queries to create our table


![Create a query](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ymevz4dk6jqr34sazd77.png)


Paste the following query and run to create the table

```

CREATE TABLE user_details (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(255) NOT NULL,
    email VARCHAR(255) NOT NULL,
    course VARCHAR(255) NOT NULL
);


```


This will create the table that will be used to store the details needed


Navigate to your browser and paste the following link

http://localhost/student/

Input the details and taraaa you have saved the details in the database!


Hope you had fun,incase of any question please reach out.
Babel, The transpiler and polyfiller
Published: 2023-11-20 18:29:44

## Introduction
When I was in high school, there was a clothing trend called “Fela” after a popular musician. It is a tight fitted pants which spread out from the kneel down.  It was the reigning thing then. Now, no one wears that again, if you do, you will be called OLD school.
In this article, you will be learning about transpilation, polyfilling, and how Babel functions to help bridge the gap as a transpiler and polyfiller.

## Transpilation
Whenever a new syntax is created in JavaScript, it usually creates a gap as it cannot run on older engines. JavaScript is not a forward-compatible language and as such newer syntax needs to be converted in such a way that older engines can understand it so as not to create a gap problem.
For example, creating an ES2019 feature will not run in the 2016 engine. This gap is a problem that has to be resolved and that is where Babel comes in.
Just like you take your “fela” pants to the tailor to mend them so that they fit into the acceptable style, Babel helps to “transpile” your codes to the acceptable format so that they can be understood by the older engines. Babel is a transpiler that helps to convert newer syntax to an older syntax so that old engines can understand them
For example, the code:
  

```
If(true) {
   Let v = 3;
  Console.log(v)
 } else {
    Let v = 4;
   Console.log(v)
   }
```
In the case above, the let is used to create a block scoped v which does not interfere with another variable v created in another block scope. This cannot run in older JavaScript engines but with Babel, it is converted to 
  

```
 Var $ 0, var $ 1 ;
  If(true){
  V$0 = 3
  Console.log(v$0)
  } else {
 V$1 = 4
Cosole.log(v$1)
}
```
Babel decides to produce two different variables v$0 and v$1 with unique names to achieve the same noninterference.
The reason for transpilation is that developers are expected to write clean codes with the newest syntax so as to be able to communicate their ideas most effectively. 

## Polyfiller
If the forward compatibility issue is that of an API, the API method which is not recognized by the older version is polyfilled or shimed.
Polyfilling is a piece of code used to provide modern functionality on older browsers which do not support them. Polyfills are mostly not used today because native APIs are faster in browsers and most browsers implement a broad set of APIs according to standard semantics. 
An example of polyfill is the session storage API which is available in IE8 browser upward but not in IE7 and below.
The word polyfill was invented by Remy Sharp while thinking of a suitable name in a coffee shop.
What Babel does is quietly look for which polyfill our codes need and provide it automatically. 

## Conclusion
Transpilation and polyfill are two techniques used to fill in the gaps between codes with the latest stable feature and an outdated application or environment that needs to use the code. Since JavaScript is always improving, the gap will never go away.
Primer dia programando- First Day coding
Published: 2023-11-20 22:58:42

#Este es mi primer dia programando. Siguiendo el curso de odin proyect
  ## Dia uno 
###Git 
Estuve practicando con git subiendo archivos nuevos y actualizando archivos ya realizados. 
###html
Realice en html 4 listas siguiendo los pasos del curso. 
 
Una vez realizada las listas en el archivo html los subi por la terminal de vscode a mi repositorio git.


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


#Este is my first day programming. 
Following the course of odin project
 ## Day One 
###Git 
I've been practicing with git by uploading new files and updating files that have already been made. 
###html 
Make 4 lists in html by following the steps in the course. Once the lists were made in the html file, I uploaded them through the vscode terminal to my git repository.