teleren/devto huggingface dataset:
The evolution of Web Development: from dial-up to instant React
Tags: webdev, opensource, react, community
Published: 2023-11-10 13:28:28


Ah, the dial-up days—when the internet moved at a snail's pace and we surfed the web with the patience of a saint. Pages loaded pixel by pixel, and the thrill of a single click felt like a digital adventure. Fast forward to today, and we’re in the fast lane with React leading the pack. Let's buckle up and take a ride down memory lane, shall we?

## Once Upon a Time in the World of Dial-Up
Remember the symphony of the modem handshake? Those were the days when web development was as much about the wait as it was about the creation. PHP was the ruler of this slow-moving kingdom, and it did a stellar job, setting the stage for what would become a dynamic content revolution.

## The WordPress Economy: More than Just a Fairy Tale
Enter WordPress, the titan that still sits on its throne, powering an impressive 42% of the web. But it's not just about the numbers; it's about the WordPress economy—a realm where over half a trillion dollars dance through the fingers of developers, designers, and educators alike.

## The Need for Speed: JavaScript and React Take the Wheel
Cut to the present, and the web is a racetrack, craving speed and interactivity. JavaScript and its cool siblings—Node.js, React.js, and frameworks like Next.js—are the new hotshots, leaving old PHP eating their dust.

## Introducing WebCrumbs: Where React Meets Ease
Here at WebCrumbs, we're merging the might of React with the simplicity of WordPress. Imagine a place where integrating features, plugins, and all the bells and whistles is as easy as pie. That's the dream we're baking into reality.

## A Sneak Peek Into Our Garage
Our GitHub repo went from zero to hero, gaining stars faster than a shooting star. And our website? It's buzzing with over 700 unique visitors, organically! Talk about making an entrance.

## Join the Caravan of Coders
We're on a mission to make web development effortless, and we want you in the driver's seat. Are you ready to join the revolution?

{% cta https://webcrumbs.org %}Join the Community to stay in the loop!{% endcta %}

Hop on board the WebCrumbs train, and let's code our way to a future where creativity meets efficiency. Let's make the web a better place, one crumb at a time!
Install VSFTPD FTP Server for Ubuntu Server
Tags: filesharing, ftp, ubuntu
Published: 2023-11-10 13:27:06

```
servex@aspsptyd:~$ sudo apt install vsftpd
Reading package lists... Done
Building dependency tree... Done
Reading state information... Done
The following additional packages will be installed:
  ssl-cert
The following NEW packages will be installed:
  ssl-cert vsftpd
0 upgraded, 2 newly installed, 0 to remove and 0 not upgraded.
Need to get 140 kB of archives.
After this operation, 391 kB of additional disk space will be used.
Do you want to continue? [Y/n] y
Get:1 http://archive.ubuntu.com/ubuntu jammy/main amd64 ssl-cert all 1.1.2 [17.4 kB]
. . .
```

Sumber : https://www.digitalocean.com/community/tutorials/how-to-set-up-vsftpd-for-a-user-s-directory-on-ubuntu-20-04
Show List UFW Status Service Active
Published: 2023-11-10 13:25:59

```
servex@aspsptyd:~$ sudo ufw status
Status: inactive
servex@aspsptyd:~$ sudo ufw enable
Command may disrupt existing ssh connections. Proceed with operation (y|n)? y
Firewall is active and enabled on system startup
servex@aspsptyd:~$ sudo ufw status
Status: active

To                         Action      From
--                         ------      ----
Nginx HTTP                 ALLOW       Anywhere                  
Nginx HTTP (v6)            ALLOW       Anywhere (v6)  
```
GBWhatsapp APK
Tags: gbwhatsapp, apk, download, gbwhatsappdownload
Published: 2023-11-10 12:56:33

**[GBWhatsApp](https://gbappswhat.com/)** is the earliest App copy of WhatsApp that’s typically been updated up until today. It’s one more impressively customized version of WhatsApp GBWhatsApp can be like OGWhatsApp
Meme November: Day - 10
Tags: webdev, programming, beginners, discuss
Published: 2023-11-10 12:56:00


Hello there! I am excited to announce that we will be starting a series in November where we will be sharing some funny programming memes with you every day. We understand how important it is to have a good laugh, especially when you're a programmer, and we believe that these memes will give you just that. So, make sure to stay connected with us throughout November, and keep an eye out for some hilarious programming memes that we will be sharing with you every day!

---


[![How to end a frontend developers career](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2zeqq5r5fep9b3oi8w7f.jpg)](https://twitter.com/AlarmsSnooze)


---

---

Check my website [Demo coding](https://democoding.in/) for updates about my latest CSS Animation, CSS Tools, and some cool web dev tips. Let's be friends!

Don't forget to subscribe to our channel : [Demo code](https://www.youtube.com/@democode)
Why Choose Future Connect for Cybersecurity Training
Tags: itcourses
Published: 2023-11-10 12:52:23

**Introduction**

In an era dominated by digital advancements, securing your online presence is more critical than ever. Future Connect Training & Recruitment offers a comprehensive [Cybersecurity course](https://www.fctraining.org/cyber-security-practical-course.php) designed to equip you with the skills needed to navigate the complex landscape of cyber threats.

**Why Choose Future Connect for Cybersecurity Training**

At [Future Connect](https://dev.to/), we understand the evolving nature of cyber threats and the importance of staying ahead in the cybersecurity game. Here's why our course stands out:

**Cutting-Edge Curriculum**

Our course is crafted by industry experts, ensuring it covers the latest cybersecurity trends, tools, and techniques. Stay ahead of the curve and gain a competitive edge in the job market.

**Practical Hands-On Experience**

Theory is crucial, but practical application is paramount in cybersecurity. Our training emphasizes hands-on experience, allowing you to tackle real-world scenarios and develop problem-solving skills.

**Industry-Recognized Certification**

Upon completion, you'll receive a certification that holds weight in the industry. Future employers will recognize your expertise, giving you a head start in your cybersecurity career.

**Key Modules Covered in Our Cybersecurity Course**

Dive deep into essential cybersecurity topics with our comprehensive modules:

**Cyber Threat Intelligence**

Learn to analyze and anticipate cyber threats, empowering you to proactively defend against potential attacks.

**Ethical Hacking and Penetration Testing**

Understand the mindset of hackers and develop the skills needed to assess and fortify an organization's security.

**Network Security**

Master the art of securing networks, ensuring data integrity and safeguarding against unauthorized access.

**Your Future Awaits – Cybersecurity Career Opportunities**

Explore the myriad career paths available to cybersecurity experts:

**Cybersecurity Analyst**

Analyze and interpret data to protect an organization's systems and networks.

**Ethical Hacker**

Identify vulnerabilities and strengthen security measures through ethical hacking practices.

**Security Consultant**

Provide expert advice to organizations on enhancing their overall security posture.

**Why Cybersecurity Matters in Today's Job Market**

With the increasing frequency and sophistication of cyber threats, the demand for cybersecurity professionals is soaring. Here's why investing in cybersecurity training is a smart career move:

**High Demand, Lucrative Salaries**

Companies across industries are actively seeking skilled cybersecurity professionals, offering competitive salaries and benefits.

**Continuous Growth Opportunities**

Cybersecurity is a dynamic field with ever-evolving challenges. Stay engaged and continuously grow in your career as you tackle new threats and technologies.
Beginner Data Scientist Roadmap
Published: 2023-11-10 12:43:10

First we, have to understand what data scientists do. A data scientist use programming languages either R or python to uncover insights hidden in data, create data-drive products and also make predictions. 

**Why a data scientist?**

You will work in rewarding ad intellectually challenging environment. 
The demand for data scientists is projected to grow greatly within the next 10 years with the US bureau of statistics predicting that the demand will grow by 35% between 2022-2032. 

**Qualifications?**

There are usually no set qualifications but it is recommended that you possess strong mathematical skills in order to understand and work with complex data. You should also be capable of using statistical software and in addition to being familiar with R or Python. 

**Roadmap** 

1.	Understand the role of a data scientist: Take your time to understand what a data scientist does. There are many blogs on the same and you can easily access them by googling. 
2.	Explore job requirements: Look at what employers are looking for in a data scientist
3.	Get comfortable with math and statistics: Math and statistics are essential skills for data scientists
4.	Learn programming languages: Learn programming languages such as Python, R, and SQL
5.	Build basic skills: Build basic skills such as problem-solving, database management, and data wrangling
6.	Get familiar with data analytics tools: Learn how to use tools such as Tableau, Power BI, and Matplotlib
7.	Learn machine learning: Learn machine learning libraries such as TensorFlow, Keras, and Scikit-learn
8.	Develop your skillset: Pursue volunteer, open-source, or freelance projects to build your portfolio
9.	Build your network: Network with other data scientists and attend industry events
10.	Consider a data science internship: Gain practical experience through internships
11.	Polish your resume and start applying: Once you have the necessary skills and experience, start applying for data scientist positions.
Web scraping with python-first try
Published: 2023-11-10 12:41:53

**Web scraping with python**

For my first web scraping, I followed a tutorial in YouTube by a person named [Tinkernut](https://www.youtube.com/watch?v=QhD015WUMxE><https://www.youtube.com/watch?v=QhD015WUMxE)

#importing libraries#
```python
from bs4 import BeautifulSoup 
import requests
import csv
```
Here, we import the basic libraries for scraping the data and writing them into a csv file. 

```python
url_to_scrape = requests.get('https://quotes.toscrape.com/')
soup = BeautifulSoup(url_to_scrape.text, 'html.parser')
quotes = soup.findAll("span", attrs={"class":"text"})
authors = soup.findAll("small", attrs={"class":"author"})
```
Here, we specify the url where we will be scrapping the data from and also the classses where the data we want is located. We also specificy the data that we need. I.e, we want to scrap quotes and authors which are in their respective ***span*** and ***class*** attributes.
```python
file = open("quotes.csv", "w")
writer= csv.writer(file)
```
The file is opened in a write mode and csv.writer returns a writer object for writing files to the csv file. 
```python
writer.writerow(["Quotes", "Author"])
for quote, author in zip(quotes, authors):
  print(quote.text + "." + author.text)
  writer.writerow([quote.text, author.text])
file.close()
```
This writes the headers "Quotes" and "Author" to the CSV file. It then iterates through pairs of quote and author elements and prints each quote and author to the console. It finally writes each author and code to a new row in the CSV file before closing the csv file.
Infer Function Return Type In Typescript
Tags: typescript, programming, beginners, webdev
Published: 2023-11-10 12:34:14

## Scenario
You are using a function called `doFunkyStuff` from a library called `funky-lib`. Do `doFunkyStuff` returns an `interface FunkyStuff`, but `funky-lib` does not export `FunkyStuff`


**The lib code**
```ts
// node_modules/funcky-lib/index.ts

interface FunkyStuff {
    message: string,
    funkinessLevel: number
}

export function doFunkyStuff(): FunkyStuff {
   console.log('doing funky stuff')

   return { 
      message: 'did some funky stuff',
      funkinessLevel: Math.random(),
   }
}
```

**Our Code**
```ts
// index.ts
import { doFunkyStuff } from 'funky-stuff'

// eslint yells no-explicit-any
function repeatFunkyStuff(fStuff: any) {
  console.log('repeating funky stuff', fStuff)

  return {...fStuff}
}

repeatFunkyStuff(doFunkyStuff)
```

Depending on your eslint-config, eslint would either yell "no-implicit-any" or "no-explicit-any"

## Bad Solution
Redefine `FunkyStuff`

```ts
function repeatFunkyStuff(fStuff: { message: string; funkinessLevel: number})
```
The solution above is bad because it becomes unreadable if `FunkyStuff` has more than a handful of properties.

Also, we must update our code each time something changes in  `FunkyStuff`.

## Good solution
Use the `ReturnType` utility type.

```ts
// our code in index.ts
...
type AppFunkyStuff = ReturnType<typeof doFunkyStuff>

function repeatFunkyStuff(fStuff: AppFunkyStuff) {
   ...
}
...
```

## Bonus
You can combine `ReturnType<T>` with `Awaited<T>` util type for functions that return promises.

Assuming `doFunkyStuff` returns Promise<FunkyStuff>, then `AppFunkyStuff` would be defined like this.

```ts
type AppFunkyStuff = Awaited<ReturnType<typeof doFunkyStuff>>
```

> ⚠️ Awaited<T> util became only available in typescript 4.5. Achieving the same effect can be a little tricky. Previous versions

## Summary
This tip is just the tip of the iceberg regarding what typescript offers.
Me prometeram uma vaga como Jr e agora?
Published: 2023-11-10 12:33:13

O cenário de pandemia revelou um aumento significativo na oferta de vagas para desenvolvedores Júnior e estágios. No entanto, a ilusão de facilidade e promessas enganosas acompanharam esse crescimento. A disseminação de ofertas mirabolantes, como alcançar salários enormes em poucos meses ou transformar-se em um programador sênior em um curto período (ou 6 meses como muitos propõe), desencadeou uma corrida por cursos supostamente milagrosos.

Por trás dessas promessas, a realidade se mostrou mais complexa. As dificuldades para ingressar como desenvolvedor após a pandemia foram contra as expectativas otimistas. A competição acirrada e a saturação do mercado com candidatos ávidos por essas oportunidades resultaram em desafios inesperados.

Muitos indivíduos, atraídos pelas promessas irrealistas, mergulharam em cursos supostamente garantidos para o sucesso, apenas para descobrir que o caminho não era tão simples. A valorização da experiência prática, juntamente com habilidades técnicas sólidas, tornou-se um diferencial fundamental na busca pelo primeiro emprego como desenvolvedor Júnior.

Em um ambiente pós-pandemia saturado de candidatos e com exigências cada vez mais elevadas, a jornada rumo ao primeiro emprego como desenvolvedor Júnior requer uma abordagem realista. O investimento em aprendizado contínuo, o desenvolvimento de habilidades práticas e a busca por oportunidades que possibilitem a aplicação do conhecimento adquirido tornaram-se essenciais.

É crucial reconhecer que as promessas mirabolantes podem ser tentadoras, mas não refletem a realidade do mercado. O verdadeiro sucesso nesse cenário demanda tempo, dedicação e a compreensão de que a jornada para se tornar um profissional valorizado na área de desenvolvimento exige mais do que promessas vazias, exigindo esforço e perseverança para alcançar os objetivos almejados.
Front-End Web Application এ React ইউজ করার Advantages
Published: 2023-11-10 12:28:33

ফ্রন্ট-এন্ড ডেভেলপমেন্টের current ল্যান্ডস্কেপে, React একটি game changer । রিঅ্যাক্ট হল ইউজার ইন্টারফেস তৈরির জন্য একটি জাভাস্ক্রিপ্ট লাইব্রেরি । web application development করতে React ইউজ করার অনেক গুলো advantages রয়েছে । এই আর্টিকেল এ আমরা সেগুলোর কয়েকটি সম্পর্কে জানবো ।



##  1. Reusable Components


রিঅ্যাক্টের reusable component এর মাধ্যমে আমরা একটা কমন এলিমেন্ট বানিয়ে আমরা সেটা রি ইউজ করতে পারি । আমাদের এপ্লিকেশন এ যদি সিমিলার বা কাছাকাছি দেখতে কোন এলিমেন্ট থাকে যেটা আমাদের এপ্লিকেশনে বিভিন্ন প্লেস এ ইউক হচ্ছে, তাহলে আমরা একটি কমন কম্পনেন্ট বানিয়ে ফেলতে পারি । আমরা এই কম্পনেন্ট এ প্রপ্স পাস করে এটাকে ডাইমামিক করে ফেলতে পারি । যেমন 

```
import React from 'react';

const Button = (props) => {
  return <button>{props.label}</button>;
};

const App = () => {
  return (
    <div>
      <Button label="Click me" />
      <Button label="Submit" />
    </div>
  );
};

export default App;
```

## **2. Virtual DOM**

React page rendering এর জন্য virtual dom ইউজ করে যা আমাদের পেজ রেন্ডারিং কে আরও smooth এবং efficient করে । এখানে React actual dom কে ম্যনুপুলেট না করে এর একটা কপি তৈরি করে, এবং শুধুমাত্র যে পার্ট গুলো change করা হয়েছে সেটাই Update করে । এছাড়াও আমদের পেজ লোডিং স্পিড কে অনেক কমিয়ে ফেলে ।

```
import React, { useState } from 'react';

const App = () => {
  const [count, setCount] = useState(0);

  const incrementCount = () => {
    setCount(count + 1);
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={incrementCount}>Increment</button>
    </div>
  );
};

```



## 3. Unidirectional Data Flow


React এর ডাটা ফ্লো ইউনিডিরেকশনাল অর্থাৎ রিএক্ট শুধু প্যারেন্ট থেকে চাইল্ড এই ডাটা পাস করতে পারে । যার জন্য ডেভেলপমেন্ট এর সমস্য এরর track করা আর debug করা অনেক সহজ আর Time saving হয় ।

```
import React, { useState } from 'react';

const ParentComponent = () => {
  const [message, setMessage] = useState('Hello from Parent');

  return (
    <div>
      <ChildComponent message={message} />
    </div>
  );
};

const ChildComponent = (props) => {
  return (
    <div>
      <p>{props.message}</p>
    </div>
  );
};

```

## 4. Strong Community Support

রিএক্ট এর একটা vast and active community আছে । যার ফলে ডেভেলপমেন্ট এর সময় একজন ডেভেলপার এর কাছে plenty of resources, libraries, and updates থাকে । যার ফলে খুব সহজের জেকন সমস্যার সলুশন পাওয়া যায় ।

## 5. Excellent Developer Tools

রিএক্ট এর powerful developer tools আছে, যেমন React DevTools and component inspection. এগুলো debugging, profiling এ অনেক হেল্প করে ।
সব মিলিয়ে আমরা বলতে পারি ফ্রন্ড এন্ড application ডেভেলপমেন্ট এ রিএক্ট আমাদের first choice এই থাকে ।
Building your Product Security Roadmap
Tags: webinar, tutorial, security
Published: 2023-11-10 12:26:14

Whether you're in the first few weeks of your ProdSec journey or building your Product security program for 2024, you might feel lost trying to wrap your head around all the attack surface your org faces and identifying some of the biggest security gaps. We're organizing our first webinar at Escape to help you learn how to deal with these challenges.

[Register here
](https://app.getcontrast.io/register/escape-building-your-product-security-roadmap?utm_source=dev.to&utm_medium=social)

You'll learn:

- The Essentials: Understand the foundational elements of product security and why they matter.
- Risk Assessment: Identify potential vulnerabilities and threats specific to your organization.
- Best Practices: Discover tried and tested methods for securing your applications effectively.
- Compliance and Governance: Learn how to align your security roadmap with industry standards and regulations.
- Incident Response: Prepare for the unexpected with a well-defined plan for handling security incidents.

By the end of this webinar, you'll have a clear path forward to establish a strong security posture for your organization's products!

📆 When? 9:30a.m. PST on Tuesday, the 28th of November.

Can't make it? No worries, sign up, and you'll receive a session recording once it ends.
Navigating the AWS Cloud in One Minute:
Tags: aws, cloud, serverless, learning
Published: 2023-11-10 12:21:41

Amazon Web Services (AWS) is a leading cloud computing platform offering a diverse range of on-demand services. Users can access computing power, storage, databases, and more, paying only for what they use. AWS enables scalable and flexible solutions, making it suitable for startups and large enterprises alike. 
Key concepts include 

 

> - Amazon EC2  (Elastic Compute Cloud): for virtual servers
> - Amazon S3 (Simple Storage Service): for object storage
> - AWS Lambda: for serverless computing
> - Amazon RDS (Relational Database Service): for managed databases
> - Amazon VPC (Virtual Private Cloud): for network customization
> - Amazon DynamoDB: for NoSQL databases. 

AWS emphasizes security, with features like AWS Identity and Access Management (IAM), encryption, and VPCs. Its global infrastructure ensures reliability, and a pay-as-you-go model optimizes cost efficiency. 
AWS simplifies cloud computing, empowering users to focus on building and deploying applications without managing complex infrastructure.
The Art of Series Summation in C: Navigating Data Types, Casting Magic, and the Dance of Incrementation
Tags: webdev, datatypes, casting, beginners
Published: 2023-11-10 12:15:59

Greetings, fellow coding enthusiasts! Today, let's embark on an exciting journey into the world of C programming. If you're new to coding, fear not – we're about to unravel the secrets behind a common programming challenge. Picture this: you're faced with the task of calculating the value of a series, a challenge that involves mastering the art of data types, casting magic, and the dance of incrementation.

## The Challenge. 

Our mission is deceptively simple but carries profound lessons. We aim to calculate the value of the series S=1+21​+31​+…+501​.

here is the code for Our little program: 

```
#include <stdio.h>


int main (){
    float count;
    float s = 0;
    for (int  i = 1; i <= 50; i++)
    {
        count = (float)1 / i;
        s += count;

    }
    printf("%.2f", s);
}

```
## Choosing the Right Tools:


Think of coding like an artist picking the right colors. We used a tool called 'float' to handle our numbers with decimals. It helps us keep track of the small parts of our series.

## The Casting Game:


Here's where we did a little magic trick. When we divided 1 by our counting number 'i' ( 'i' represents the loop counter), there was a tiny problem. But, no worries! We used a trick called 'casting' to make sure our result had those cool decimal points. It's like turning 1 into 1.0 for our math dance.

```
count = (float)1 / i;

```

## The Simple Loop:


Think of this like taking steps on a staircase. We started counting from 1 to 50, and with each count, our calculation 1 / i
changed a bit. The cool part happened when we added this new result to our total. We kept moving up the steps until we reached the end of our series.

```
s += count;

```

## Conclusion:


And there you have it! We took on a coding challenge, used our tools wisely, did a little trick to keep our numbers accurate, and moved through a simple loop to find the series value. Coding is like climbing a staircase – it gets more enjoyable when you understand the steps.

So, keep it simple, enjoy the coding journey, and may your code always move in the right direction!

Happy coding,
Monsif Lam.
[Challenge]: Cryptic riddle, can you solve it? 🧐
Tags: watercooler, challenge, puzzle, fun
Published: 2023-11-10 12:15:38

well, hello there! 

i'm back with another little challenge for you  
the task is simple, yet it might not be easy:  
> **solve the puzzle and find the answer**

if you solve it, you can prove it in the comments without revealing the answer by giving some hint    
or you can email me at [nombrekeff@gmail.com](nombrekeff@gmail.com) to check if you did  

in case you need some tool, consider writing it yourself instead of using an online tool  
don't use AI please, it removes the fun from the challenge  

```
in classic tome, a spaceless nook,  
treasured, worn, that bloody old book  

screaming, it bids, "guard the theme,  
no echoes heard, no cryptic stream"  

within these pages, the answer is,  
read closely, or you might miss

seek Ann Marie, she holds the key,  
yet only Blaise, its secrets free

from her, you wished you had a kiss,  
dry them up, your tears dismissed  
```

```hex
56 76 72 6b 6d 65 6b 79 79 64 6e 7a 77 61 79 2c 20 6a 63 70 27 7a 73 20 78 61 
6a 67 6d 20 79 6c 78 20 6d 6d 76 6e 78 20 67 79 6d 63 66 76 21 20 0a 42 75 6b 
20 6c 62 6e 61 73 77 20 75 71 20 22 5a 70 2c 20 46 72 67 2c 20 77 70 69 76 77 
76 20 6f 76 76 6d 20 64 6d 20 71 78 6a 21 22
```